@aurodesignsystem-dev/auro-formkit 0.0.0-pr1544.0 → 0.0.0-pr1544.2

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 (70) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/api.md +1 -1
  7. package/components/combobox/demo/customize.min.js +91 -22
  8. package/components/combobox/demo/getting-started.min.js +91 -22
  9. package/components/combobox/demo/index.md +1 -0
  10. package/components/combobox/demo/index.min.js +91 -22
  11. package/components/combobox/dist/auro-combobox.d.ts +1 -1
  12. package/components/combobox/dist/index.js +4 -4
  13. package/components/combobox/dist/registered.js +4 -4
  14. package/components/counter/demo/customize.min.js +2 -2
  15. package/components/counter/demo/index.min.js +2 -2
  16. package/components/counter/dist/index.js +2 -2
  17. package/components/counter/dist/registered.js +2 -2
  18. package/components/datepicker/demo/customize.md +29 -0
  19. package/components/datepicker/demo/customize.min.js +8 -4
  20. package/components/datepicker/demo/index.min.js +8 -4
  21. package/components/datepicker/dist/index.js +8 -4
  22. package/components/datepicker/dist/registered.js +8 -4
  23. package/components/dropdown/demo/customize.min.js +1 -1
  24. package/components/dropdown/demo/getting-started.min.js +1 -1
  25. package/components/dropdown/demo/index.min.js +1 -1
  26. package/components/dropdown/dist/index.js +1 -1
  27. package/components/dropdown/dist/registered.js +1 -1
  28. package/components/form/demo/customize.min.js +111 -34
  29. package/components/form/demo/getting-started.min.js +111 -34
  30. package/components/form/demo/index.min.js +111 -34
  31. package/components/form/demo/registerDemoDeps.min.js +111 -34
  32. package/components/input/demo/customize.min.js +1 -1
  33. package/components/input/demo/getting-started.min.js +1 -1
  34. package/components/input/demo/index.min.js +1 -1
  35. package/components/input/dist/index.js +1 -1
  36. package/components/input/dist/registered.js +1 -1
  37. package/components/menu/demo/accessibility.md +4 -4
  38. package/components/menu/demo/api.md +26 -19
  39. package/components/menu/demo/css-only.md +26 -19
  40. package/components/menu/demo/customize.md +307 -47
  41. package/components/menu/demo/design.md +1 -1
  42. package/components/menu/demo/getting-started.md +144 -7
  43. package/components/menu/demo/index.min.js +214 -19
  44. package/components/menu/demo/keyboard-behavior.md +83 -4
  45. package/components/menu/demo/voiceover.md +12 -8
  46. package/components/menu/demo/why-menu.md +8 -9
  47. package/components/menu/dist/auro-menu-utils.d.ts +19 -0
  48. package/components/menu/dist/auro-menu.d.ts +4 -8
  49. package/components/menu/dist/auro-menuoption.d.ts +12 -0
  50. package/components/menu/dist/index.js +87 -18
  51. package/components/menu/dist/registered.js +87 -18
  52. package/components/radio/demo/customize.min.js +1 -1
  53. package/components/radio/demo/getting-started.min.js +1 -1
  54. package/components/radio/demo/index.min.js +1 -1
  55. package/components/radio/dist/index.js +1 -1
  56. package/components/radio/dist/registered.js +1 -1
  57. package/components/select/demo/api.md +2 -2
  58. package/components/select/demo/customize.md +5 -2
  59. package/components/select/demo/customize.min.js +94 -21
  60. package/components/select/demo/design.md +10 -10
  61. package/components/select/demo/getting-started.md +1 -1
  62. package/components/select/demo/getting-started.min.js +94 -21
  63. package/components/select/demo/index.md +2 -2
  64. package/components/select/demo/index.min.js +94 -21
  65. package/components/select/demo/keyboard-behavior.md +49 -18
  66. package/components/select/dist/auro-select.d.ts +6 -2
  67. package/components/select/dist/index.js +7 -3
  68. package/components/select/dist/registered.js +7 -3
  69. package/custom-elements.json +106 -32
  70. 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 = '202607082218';
12341
+ var formkitVersion$8 = '202607082328';
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 = '202607082218';
26738
+ var formkitVersion$2$1 = '202607082328';
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}}
@@ -32628,7 +32628,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32628
32628
  }
32629
32629
  };
32630
32630
 
32631
- var formkitVersion$1$3 = '202607082218';
32631
+ var formkitVersion$1$3 = '202607082328';
32632
32632
 
32633
32633
  let AuroElement$2$2 = class AuroElement extends i$2 {
32634
32634
  static get properties() {
@@ -46246,7 +46246,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
46246
46246
  }
46247
46247
  };
46248
46248
 
46249
- var formkitVersion$7 = '202607082218';
46249
+ var formkitVersion$7 = '202607082328';
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.
@@ -48795,8 +48795,12 @@ class AuroDatePicker extends AuroElement$5 {
48795
48795
  // Show the month containing the selected date (or today) instead of
48796
48796
  // whichever month the user last navigated to. Route through
48797
48797
  // updateCentralDate so centralDate stays first-of-month.
48798
+ // calendarFocusDate wins over value so consumers who set it explicitly
48799
+ // get their chosen initial month even when a value is also preset.
48798
48800
  // Respect consumer-provided centralDate/calendarStartDate if no value is set.
48799
- if (this.valueObject) {
48801
+ if (this.calendarFocusDate && dateFormatter$1.isValidDate(this.calendarFocusDate)) {
48802
+ this.calendarRenderUtil.updateCentralDate(this, this.calendarFocusDateObject);
48803
+ } else if (this.valueObject) {
48800
48804
  this.calendarRenderUtil.updateCentralDate(this, this.value);
48801
48805
  } else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
48802
48806
  this.calendarRenderUtil.updateCentralDate(this, new Date());
@@ -51165,7 +51169,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
51165
51169
  }
51166
51170
  };
51167
51171
 
51168
- var formkitVersion$1$2 = '202607082218';
51172
+ var formkitVersion$1$2 = '202607082328';
51169
51173
 
51170
51174
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
51171
51175
  // See LICENSE in the project root for license information.
@@ -55493,7 +55497,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
55493
55497
  }
55494
55498
  };
55495
55499
 
55496
- var formkitVersion$6 = '202607082218';
55500
+ var formkitVersion$6 = '202607082328';
55497
55501
 
55498
55502
  let AuroElement$1$2 = class AuroElement extends i$2 {
55499
55503
  static get properties() {
@@ -59473,7 +59477,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
59473
59477
  }
59474
59478
  };
59475
59479
 
59476
- var formkitVersion$5 = '202607082218';
59480
+ var formkitVersion$5 = '202607082328';
59477
59481
 
59478
59482
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
59479
59483
  // See LICENSE in the project root for license information.
@@ -61238,7 +61242,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
61238
61242
  }
61239
61243
  };
61240
61244
 
61241
- var formkitVersion$4 = '202607082218';
61245
+ var formkitVersion$4 = '202607082328';
61242
61246
 
61243
61247
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
61244
61248
  // See LICENSE in the project root for license information.
@@ -66476,7 +66480,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
66476
66480
  }
66477
66481
  };
66478
66482
 
66479
- var formkitVersion$2 = '202607082218';
66483
+ var formkitVersion$2 = '202607082328';
66480
66484
 
66481
66485
  let AuroElement$2$1 = class AuroElement extends i$2 {
66482
66486
  static get properties() {
@@ -80094,7 +80098,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
80094
80098
  }
80095
80099
  };
80096
80100
 
80097
- var formkitVersion$1$1 = '202607082218';
80101
+ var formkitVersion$1$1 = '202607082328';
80098
80102
 
80099
80103
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
80100
80104
  // See LICENSE in the project root for license information.
@@ -81215,7 +81219,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
81215
81219
  }
81216
81220
  };
81217
81221
 
81218
- var formkitVersion$3 = '202607082218';
81222
+ var formkitVersion$3 = '202607082328';
81219
81223
 
81220
81224
  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}`;
81221
81225
 
@@ -82031,7 +82035,7 @@ class AuroCombobox extends AuroElement$3 {
82031
82035
  },
82032
82036
 
82033
82037
  /**
82034
- * Value selected for the dropdown menu.
82038
+ * Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.
82035
82039
  */
82036
82040
  value: {
82037
82041
  type: String
@@ -83732,6 +83736,18 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
83732
83736
  }
83733
83737
  };
83734
83738
 
83739
+ /**
83740
+ * Serializes a multi-select value array back into the String `value` property.
83741
+ * An empty (or missing) array collapses to `undefined` so an emptied selection
83742
+ * clears `value` rather than reflecting a `"[]"` attribute.
83743
+ * @private
83744
+ * @param {Array<string>|undefined} values - The selected values.
83745
+ * @returns {string|undefined} JSON string of the values, or undefined when empty.
83746
+ */
83747
+ function serializeMultiSelectValue(values) {
83748
+ return values && values.length > 0 ? JSON.stringify(values) : undefined;
83749
+ }
83750
+
83735
83751
  /**
83736
83752
  * Validates if an option can be interacted with.
83737
83753
  * @private
@@ -83744,6 +83760,20 @@ function isOptionInteractive(option) {
83744
83760
  !option.hasAttribute('static');
83745
83761
  }
83746
83762
 
83763
+ /**
83764
+ * Validates if an option may be selected by matching a programmatic value.
83765
+ * Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
83766
+ * `hidden` as its type-ahead filter, so a filtered-out option is still a
83767
+ * valid programmatic selection. Only disabled and static options — which are
83768
+ * never selectable — are rejected.
83769
+ * @param {HTMLElement} option - The option to check.
83770
+ * @returns {boolean} True if option can be selected by value.
83771
+ */
83772
+ function isSelectableByValue(option) {
83773
+ return !option.hasAttribute('disabled') &&
83774
+ !option.hasAttribute('static');
83775
+ }
83776
+
83747
83777
  /**
83748
83778
  * Helper method to dispatch custom events.
83749
83779
  * @param {HTMLElement} element - Element to dispatch event from.
@@ -83913,22 +83943,26 @@ class AuroMenu extends AuroElement$2 {
83913
83943
 
83914
83944
  /**
83915
83945
  * Specifies the current active menuOption.
83946
+ * @readonly
83916
83947
  */
83917
83948
  optionActive: {
83918
83949
  type: Object,
83919
- attribute: 'optionactive'
83950
+ attribute: false
83920
83951
  },
83921
83952
 
83922
83953
  /**
83923
- * An array of currently selected menu options, type `HTMLElement` by default. In multi-select mode, `optionSelected` is an array of HTML elements.
83954
+ * The currently selected menu option(s). In single-select mode this is a single `HTMLElement` (or `undefined` when nothing is selected). In multi-select mode this is an array of `HTMLElement`s.
83955
+ * @readonly
83924
83956
  */
83925
83957
  optionSelected: {
83926
83958
  // Allow HTMLElement, HTMLElement[] arrays and undefined
83927
- type: Object
83959
+ type: Object,
83960
+ attribute: false
83928
83961
  },
83929
83962
 
83930
83963
  /**
83931
83964
  * The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.
83965
+ * Options marked `disabled` or `static` are not selectable by value; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared (`optionSelected` becomes `undefined`) and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped from the value and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option.
83932
83966
  */
83933
83967
  value: {
83934
83968
  type: String,
@@ -84052,7 +84086,7 @@ class AuroMenu extends AuroElement$2 {
84052
84086
  }
84053
84087
 
84054
84088
  /**
84055
- * Selects options by value.
84089
+ * Selects options by value. Options marked `disabled` or `static` are not selectable; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option. Passing `undefined`, `null`, an empty string, or an empty array clears the selection without dispatching a failure.
84056
84090
  * @param {string|string[]|undefined|null} value - The value(s) to select.
84057
84091
  * @public
84058
84092
  */
@@ -84137,6 +84171,11 @@ class AuroMenu extends AuroElement$2 {
84137
84171
  this.initItems();
84138
84172
  }
84139
84173
 
84174
+ // Set when reconciliation reassigns `value` below. That reassignment schedules a
84175
+ // second updated() cycle, so the `event`-attribute dispatch is deferred to that
84176
+ // cycle to avoid firing option custom events twice on the same selection.
84177
+ let valueReconciled = false;
84178
+
84140
84179
  // Handle null/undefined/empty case — empty/whitespace strings clear selection
84141
84180
  // consistently with selectByValue(''), and avoid downstream `.includes('')` matches.
84142
84181
  if (this.value === undefined || this.value === null || (typeof this.value === 'string' && this.value.trim() === '')) {
@@ -84149,11 +84188,31 @@ class AuroMenu extends AuroElement$2 {
84149
84188
  // Defensive default: `formattedValue` can be undefined for unexpected value types,
84150
84189
  // and calling `.includes` on undefined would throw during reconciliation.
84151
84190
  const valueArray = this.formattedValue || [];
84152
- const matchingOptions = this.items ? this.items.filter((item) => valueArray.includes(item.value)) : [];
84191
+ const matchingOptions = this.items ? this.items.filter((item) => isSelectableByValue(item) && valueArray.includes(item.value)) : [];
84153
84192
  newSelected = matchingOptions.length > 0 ? matchingOptions : undefined;
84193
+
84194
+ // Reconcile `value` with the selectable set. Drop only entries whose option is
84195
+ // loaded but non-selectable (disabled/static) — leaving them would desync `value`
84196
+ // from `optionSelected`, and the toggle handlers rebuild `value` from `formattedValue`,
84197
+ // so the rejected entry would resurface on the next select/deselect. Entries with no
84198
+ // matching item yet are preserved so async preselection still works once options render.
84199
+ const rejectedValues = this.items
84200
+ ? this.items.filter((item) => !isSelectableByValue(item) && valueArray.includes(item.value)).map((item) => item.value)
84201
+ : [];
84202
+ if (rejectedValues.length > 0) {
84203
+ const reconciled = valueArray.filter((val) => !rejectedValues.includes(val));
84204
+ this.value = serializeMultiSelectValue(reconciled);
84205
+ valueReconciled = true;
84206
+ }
84154
84207
  } else {
84155
- // In single-select mode, this.value should be a string
84156
- const matchingOption = this.items ? this.items.find((item) => item.value === this.value) : undefined;
84208
+ // In single-select mode, this.value should be a string. Reject
84209
+ // disabled/static options so a programmatic value pointing at a
84210
+ // non-selectable option falls through to the no-match path below
84211
+ // (dispatching auroMenu-selectValueFailure) instead of pinning it.
84212
+ // `hidden` is intentionally NOT excluded: the combobox toggles
84213
+ // `hidden` as its type-ahead filter, so a filtered-out option is
84214
+ // still a valid programmatic selection.
84215
+ const matchingOption = this.items ? this.items.find((item) => isSelectableByValue(item) && item.value === this.value) : undefined;
84157
84216
 
84158
84217
  if (matchingOption) {
84159
84218
  newSelected = matchingOption;
@@ -84195,8 +84254,9 @@ class AuroMenu extends AuroElement$2 {
84195
84254
  ]
84196
84255
  ]));
84197
84256
 
84198
- // Notify of changes
84199
- if (this.optionSelected !== undefined) {
84257
+ // Notify of changes. Skip when reconciliation just reassigned `value`: the
84258
+ // follow-on update cycle re-runs this branch and fires the events exactly once.
84259
+ if (this.optionSelected !== undefined && !valueReconciled) {
84200
84260
  const selected = Array.isArray(this.optionSelected) ? this.optionSelected : [this.optionSelected];
84201
84261
  selected.forEach((opt) => {
84202
84262
  if (opt.hasAttribute('event')) {
@@ -84409,7 +84469,7 @@ class AuroMenu extends AuroElement$2 {
84409
84469
  const currentSelected = this.optionSelected || [];
84410
84470
 
84411
84471
  if (!currentValue.includes(option.value)) {
84412
- this.value = JSON.stringify([
84472
+ this.value = serializeMultiSelectValue([
84413
84473
  ...currentValue,
84414
84474
  option.value
84415
84475
  ]);
@@ -84435,15 +84495,9 @@ class AuroMenu extends AuroElement$2 {
84435
84495
  */
84436
84496
  handleDeselectState(option) {
84437
84497
  if (this.multiSelect) {
84438
- // Remove this option from array
84498
+ // Remove this option from array; an empty result collapses `value` to undefined.
84439
84499
  const newFormattedValue = (this.formattedValue || []).filter((val) => val !== option.value);
84440
-
84441
- // If array is empty after removal, set back to undefined
84442
- if (newFormattedValue && newFormattedValue.length === 0) {
84443
- this.value = undefined;
84444
- } else {
84445
- this.value = JSON.stringify(newFormattedValue);
84446
- }
84500
+ this.value = serializeMultiSelectValue(newFormattedValue);
84447
84501
 
84448
84502
  this.optionSelected = this.optionSelected.filter((val) => val !== option);
84449
84503
  if (this.optionSelected.length === 0) {
@@ -84490,6 +84544,11 @@ class AuroMenu extends AuroElement$2 {
84490
84544
  this.optionSelected = undefined;
84491
84545
  this._index = -1;
84492
84546
 
84547
+ // Clear active option state so a follow-up open/navigation starts fresh
84548
+ // rather than reusing a stale reference from before the reset.
84549
+ this.items?.forEach((item) => item.classList.remove('active'));
84550
+ this.optionActive = undefined;
84551
+
84493
84552
  // Reset UI state
84494
84553
  this.updateItemsState(new Map([
84495
84554
  [
@@ -84939,6 +84998,7 @@ let menuOptionIdCounter = 0;
84939
84998
  * The `auro-menuoption` element provides users a way to define a menu option.
84940
84999
  * @customElement auro-menuoption
84941
85000
  *
85001
+ * @attr {Boolean} static - When present, marks the option as non-interactive — it renders but is skipped during keyboard navigation and cannot be selected. Useful for section headers, informational rows inside a menu, or attaching event listeners.
84942
85002
  * @slot default - The default slot for the menu option text.
84943
85003
  *
84944
85004
  * @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
@@ -84968,6 +85028,7 @@ class AuroMenuOption extends AuroElement$2 {
84968
85028
  this.noCheckmark = false;
84969
85029
  this.disabled = false;
84970
85030
  this.noMatch = false;
85031
+ this.persistent = false;
84971
85032
 
84972
85033
  /**
84973
85034
  * @private
@@ -84989,6 +85050,12 @@ class AuroMenuOption extends AuroElement$2 {
84989
85050
  type: Boolean,
84990
85051
  reflect: true
84991
85052
  },
85053
+
85054
+ /**
85055
+ * **Deprecated.** Use the `value` attribute on `auro-menu` to set the selected option when the menu renders (or call `menu.selectByValue(value)` programmatically). Support for the child-level `selected` attribute will be removed in a future major release.
85056
+ *
85057
+ * @deprecated Use the `value` attribute on `auro-menu` instead.
85058
+ */
84992
85059
  selected: {
84993
85060
  type: Boolean,
84994
85061
  reflect: true
@@ -85023,6 +85090,12 @@ class AuroMenuOption extends AuroElement$2 {
85023
85090
  reflect: true,
85024
85091
  attribute: 'nomatch'
85025
85092
  },
85093
+
85094
+ /** When true, this option is excluded from `matchWord` DOM rewriting — useful for utility rows (e.g., "Add new…") that must render identically regardless of the current filter. */
85095
+ persistent: {
85096
+ type: Boolean,
85097
+ reflect: true
85098
+ },
85026
85099
  };
85027
85100
  }
85028
85101
 
@@ -90118,7 +90191,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
90118
90191
  }
90119
90192
  };
90120
90193
 
90121
- var formkitVersion$1 = '202607082218';
90194
+ var formkitVersion$1 = '202607082328';
90122
90195
 
90123
90196
  class AuroElement extends i$2 {
90124
90197
  static get properties() {
@@ -92157,7 +92230,7 @@ class AuroHelpText extends i$2 {
92157
92230
  }
92158
92231
  }
92159
92232
 
92160
- var formkitVersion = '202607082218';
92233
+ var formkitVersion = '202607082328';
92161
92234
 
92162
92235
  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}`;
92163
92236
 
@@ -92599,7 +92672,7 @@ class AuroSelect extends AuroElement$1 {
92599
92672
  },
92600
92673
 
92601
92674
  /**
92602
- * Value selected for the component.
92675
+ * Value selected for the component. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable by value.
92603
92676
  */
92604
92677
  value: {
92605
92678
  type: String,
@@ -93419,6 +93492,10 @@ class AuroSelect extends AuroElement$1 {
93419
93492
  this._observeLabelChanges();
93420
93493
  }
93421
93494
 
93495
+ /**
93496
+ * Sets the selected value by matching it against the menu options. Options marked `disabled` or `static` are not selectable: if the value matches one, the selection is rejected and `value` is cleared to `undefined` while `optionSelected` is cleared to `undefined` in single-select or `[]` in multiSelect. `hidden` options remain selectable.
93497
+ * @param {string} value - The value to match against the menu options.
93498
+ */
93422
93499
  setMenuValue(value) {
93423
93500
  if (!this.menu) return;
93424
93501
  this.menu.selectByValue(value);
@@ -12267,7 +12267,7 @@ class AuroHelpText extends i$3 {
12267
12267
  }
12268
12268
  }
12269
12269
 
12270
- var formkitVersion = '202607082218';
12270
+ var formkitVersion = '202607082328';
12271
12271
 
12272
12272
  /**
12273
12273
  * @license
@@ -12267,7 +12267,7 @@ class AuroHelpText extends i$3 {
12267
12267
  }
12268
12268
  }
12269
12269
 
12270
- var formkitVersion = '202607082218';
12270
+ var formkitVersion = '202607082328';
12271
12271
 
12272
12272
  /**
12273
12273
  * @license
@@ -12267,7 +12267,7 @@ class AuroHelpText extends i$3 {
12267
12267
  }
12268
12268
  }
12269
12269
 
12270
- var formkitVersion = '202607082218';
12270
+ var formkitVersion = '202607082328';
12271
12271
 
12272
12272
  /**
12273
12273
  * @license
@@ -12209,7 +12209,7 @@ class AuroHelpText extends LitElement {
12209
12209
  }
12210
12210
  }
12211
12211
 
12212
- var formkitVersion = '202607082218';
12212
+ var formkitVersion = '202607082328';
12213
12213
 
12214
12214
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12215
12215
  // See LICENSE in the project root for license information.
@@ -12209,7 +12209,7 @@ class AuroHelpText extends LitElement {
12209
12209
  }
12210
12210
  }
12211
12211
 
12212
- var formkitVersion = '202607082218';
12212
+ var formkitVersion = '202607082328';
12213
12213
 
12214
12214
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12215
12215
  // See LICENSE in the project root for license information.
@@ -19,11 +19,11 @@
19
19
  <auro-header level="2" id="keyboardInteraction">Keyboard Interaction</auro-header>
20
20
  <p>The menu supports full keyboard navigation:</p>
21
21
  <ul>
22
- <li><strong>Arrow Down / Arrow Up:</strong> Moves focus between options.</li>
23
- <li><strong>Enter / Space:</strong> Selects the currently focused option.</li>
24
- <li><strong>Home / End:</strong> Moves focus to the first or last option.</li>
22
+ <li><strong>Arrow Down / Arrow Up:</strong> Moves the active option.</li>
23
+ <li><strong>Enter:</strong> Selects the currently active option.</li>
24
+ <li><strong>Tab:</strong> Selects the currently active option and moves focus out of the menu.</li>
25
25
  </ul>
26
- <p>See the <auro-hyperlink href="keyboardBehavior">Keyboard Behavior</auro-hyperlink> page for full details.</p>
26
+ <p>See the <auro-hyperlink href="keyboard-behavior">Keyboard Behavior</auro-hyperlink> page for full details.</p>
27
27
  </section>
28
28
  <section>
29
29
  <auro-header level="2" id="modifierKeys">Modifier Keys</auro-header>
@@ -7,23 +7,23 @@ The `auro-menu` element provides users a way to select from a list of options.
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Modifiers | Type | Default | Description |
11
- |-------------------------|------------------|-----------|-----------------------|-------------|--------------------------------------------------|
12
- | `currentLabel` | | readonly | `string` | | |
13
- | `disabled` | `disabled` | | `boolean` | | When true, the entire menu and all options are disabled. |
14
- | `hasLoadingPlaceholder` | | readonly | `boolean` | | Getter for loading placeholder state. |
15
- | `index` | | | `number` | | |
16
- | `layout` | | | `string` | | |
17
- | `loading` | `loading` | | `boolean` | false | When true, displays a loading state using the loadingIcon and loadingText slots if provided. |
18
- | `matchWord` | `matchword` | | `string` | "undefined" | Specifies a string used to highlight matched string parts in options. |
19
- | `multiSelect` | `multiselect` | | `boolean` | false | When true, the selected option can be multiple options. |
20
- | `noCheckmark` | `nocheckmark` | | `boolean` | false | When true, selected option will not show the checkmark. |
21
- | `optionActive` | `optionactive` | | `object` | "undefined" | Specifies the current active menuOption. |
22
- | `optionSelected` | `optionSelected` | | `object` | "undefined" | An array of currently selected menu options, type `HTMLElement` by default. In multi-select mode, `optionSelected` is an array of HTML elements. |
23
- | `options` | | readonly | `HTMLElement[]` | | |
24
- | `selectedOption` | | readonly | `HTMLElement \| null` | | Gets the first selected option, or null if none. |
25
- | `selectedOptions` | | readonly | `HTMLElement[]` | | Gets the currently selected options as an array. |
26
- | `value` | `value` | | `string` | "undefined" | The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values. |
10
+ | Property | Attribute | Modifiers | Type | Default | Description |
11
+ |-------------------------|---------------|-----------|-----------------------|-------------|--------------------------------------------------|
12
+ | `currentLabel` | | readonly | `string` | | |
13
+ | `disabled` | `disabled` | | `boolean` | | When true, the entire menu and all options are disabled. |
14
+ | `hasLoadingPlaceholder` | | readonly | `boolean` | | Getter for loading placeholder state. |
15
+ | `index` | | | `number` | | |
16
+ | `layout` | | | `string` | | |
17
+ | `loading` | `loading` | | `boolean` | false | When true, displays a loading state using the loadingIcon and loadingText slots if provided. |
18
+ | `matchWord` | `matchword` | | `string` | "undefined" | Specifies a string used to highlight matched string parts in options. |
19
+ | `multiSelect` | `multiselect` | | `boolean` | false | When true, the selected option can be multiple options. |
20
+ | `noCheckmark` | `nocheckmark` | | `boolean` | false | When true, selected option will not show the checkmark. |
21
+ | `optionActive` | | | `object` | "undefined" | Specifies the current active menuOption. |
22
+ | `optionSelected` | | | `object` | "undefined" | The currently selected menu option(s). In single-select mode this is a single `HTMLElement` (or `undefined` when nothing is selected). In multi-select mode this is an array of `HTMLElement`s. |
23
+ | `options` | | readonly | `HTMLElement[]` | | |
24
+ | `selectedOption` | | readonly | `HTMLElement \| null` | | Gets the first selected option, or null if none. |
25
+ | `selectedOptions` | | readonly | `HTMLElement[]` | | Gets the currently selected options as an array. |
26
+ | `value` | `value` | | `string` | "undefined" | The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values.<br />Options marked `disabled` or `static` are not selectable by value; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared (`optionSelected` becomes `undefined`) and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped from the value and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option. |
27
27
 
28
28
  ## Methods
29
29
 
@@ -31,7 +31,7 @@ The `auro-menu` element provides users a way to select from a list of options.
31
31
  |----------------------|--------------------------------------------------|--------------------------------------------------|
32
32
  | `navigateOptions` | `(direction: string): void` | Navigates through options using keyboard.<br /><br />**direction**: 'up' or 'down'. |
33
33
  | `reset` | `(): void` | Resets the menu to its initial state.<br />This is the only way to return value to undefined. |
34
- | `selectByValue` | `(value: string \| string[] \| null \| undefined): void` | Selects options by value.<br /><br />**value**: The value(s) to select. |
34
+ | `selectByValue` | `(value: string \| string[] \| null \| undefined): void` | Selects options by value. Options marked `disabled` or `static` are not selectable; `hidden` options remain selectable. In single-select mode, if the value matches a non-selectable option the selection is cleared and `auroMenu-selectValueFailure` is dispatched. In multi-select mode, non-selectable entries are dropped and the remaining selectable entries are selected; `auroMenu-selectValueFailure` is dispatched only when none of the entries match a selectable option. Passing `undefined`, `null`, an empty string, or an empty array clears the selection without dispatching a failure.<br /><br />**value**: The value(s) to select. |
35
35
  | `updateActiveOption` | `(indexOrOption: number \| HTMLElement): void` | Updates the active option state and dispatches events.<br />Accepts either a numeric index or an HTMLElement option.<br /><br />**indexOrOption**: Index of the option or the option element to make active. |
36
36
 
37
37
  ## Events
@@ -58,6 +58,12 @@ The `auro-menu` element provides users a way to select from a list of options.
58
58
 
59
59
  The `auro-menuoption` element provides users a way to define a menu option.
60
60
 
61
+ ## Attributes
62
+
63
+ | Attribute | Type | Description |
64
+ |-----------|-----------|--------------------------------------------------|
65
+ | `static` | `Boolean` | When present, marks the option as non-interactive — it renders but is skipped during keyboard navigation and cannot be selected. Useful for section headers, informational rows inside a menu, or attaching event listeners. |
66
+
61
67
  ## Properties
62
68
 
63
69
  | Property | Attribute | Modifiers | Type | Default | Description |
@@ -68,7 +74,8 @@ The `auro-menuoption` element provides users a way to define a menu option.
68
74
  | `layout` | | | `string` | | |
69
75
  | `noCheckmark` | `noCheckmark` | | `boolean` | false | |
70
76
  | `noMatch` | `nomatch` | | `boolean` | false | When true, marks this option as the "no matching results" placeholder shown by combobox<br />when the user's input does not match any available options. |
71
- | `selected` | `selected` | | `boolean` | false | |
77
+ | `persistent` | `persistent` | | `boolean` | false | When true, this option is excluded from `matchWord` DOM rewriting — useful for utility rows (e.g., "Add new…") that must render identically regardless of the current filter. |
78
+ | `selected` | `selected` | | `boolean` | false | **Deprecated.** Use the `value` attribute on `auro-menu` to set the selected option when the menu renders (or call `menu.selectByValue(value)` programmatically). Support for the child-level `selected` attribute will be removed in a future major release. |
72
79
  | `value` | `value` | | `string` | | |
73
80
 
74
81
  ## Methods