@aurodesignsystem-dev/auro-formkit 0.0.0-pr1624.0 → 0.0.0-pr1624.1

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 (53) hide show
  1. package/components/checkbox/demo/customize.min.js +7 -3
  2. package/components/checkbox/demo/getting-started.min.js +7 -3
  3. package/components/checkbox/demo/index.min.js +7 -3
  4. package/components/checkbox/dist/index.js +7 -3
  5. package/components/checkbox/dist/registered.js +7 -3
  6. package/components/combobox/demo/customize.min.js +139 -21
  7. package/components/combobox/demo/getting-started.min.js +139 -21
  8. package/components/combobox/demo/index.min.js +139 -21
  9. package/components/combobox/dist/auro-combobox.d.ts +14 -0
  10. package/components/combobox/dist/index.js +47 -9
  11. package/components/combobox/dist/registered.js +47 -9
  12. package/components/counter/demo/customize.min.js +8 -4
  13. package/components/counter/demo/getting-started.min.js +8 -4
  14. package/components/counter/demo/index.min.js +8 -4
  15. package/components/counter/dist/index.js +8 -4
  16. package/components/counter/dist/registered.js +8 -4
  17. package/components/datepicker/demo/customize.min.js +15 -7
  18. package/components/datepicker/demo/getting-started.min.js +15 -7
  19. package/components/datepicker/demo/index.min.js +15 -7
  20. package/components/datepicker/dist/index.js +15 -7
  21. package/components/datepicker/dist/registered.js +15 -7
  22. package/components/dropdown/demo/customize.min.js +1 -1
  23. package/components/dropdown/demo/getting-started.min.js +8 -4
  24. package/components/dropdown/demo/index.min.js +1 -1
  25. package/components/dropdown/dist/index.js +1 -1
  26. package/components/dropdown/dist/registered.js +1 -1
  27. package/components/form/demo/customize.min.js +201 -54
  28. package/components/form/demo/getting-started.min.js +201 -54
  29. package/components/form/demo/index.min.js +201 -54
  30. package/components/form/demo/registerDemoDeps.min.js +201 -54
  31. package/components/input/demo/customize.min.js +7 -3
  32. package/components/input/demo/getting-started.min.js +7 -3
  33. package/components/input/demo/index.min.js +7 -3
  34. package/components/input/dist/index.js +7 -3
  35. package/components/input/dist/registered.js +7 -3
  36. package/components/menu/demo/api.md +1 -1
  37. package/components/menu/demo/index.min.js +92 -12
  38. package/components/menu/dist/auro-menu-utils.d.ts +15 -2
  39. package/components/menu/dist/auro-menu.d.ts +1 -1
  40. package/components/menu/dist/index.js +92 -12
  41. package/components/menu/dist/registered.js +92 -12
  42. package/components/radio/demo/customize.min.js +7 -3
  43. package/components/radio/demo/getting-started.min.js +7 -3
  44. package/components/radio/demo/index.min.js +7 -3
  45. package/components/radio/dist/index.js +7 -3
  46. package/components/radio/dist/registered.js +7 -3
  47. package/components/select/demo/customize.min.js +110 -25
  48. package/components/select/demo/getting-started.min.js +110 -25
  49. package/components/select/demo/index.min.js +110 -25
  50. package/components/select/dist/index.js +18 -13
  51. package/components/select/dist/registered.js +18 -13
  52. package/custom-elements.json +1547 -1500
  53. package/package.json +1 -1
@@ -4416,7 +4416,11 @@ class AuroFormValidation {
4416
4416
  ( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
4417
4417
  );
4418
4418
 
4419
- if (elem.hasAttribute('error')) {
4419
+ // auro-counter-group derives its error state solely from its child counters,
4420
+ // so an `error` attribute on the group itself is ignored.
4421
+ const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
4422
+
4423
+ if (hasCustomError) {
4420
4424
  elem.validity = 'customError';
4421
4425
  elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
4422
4426
  validationShouldRun = false;
@@ -4511,7 +4515,7 @@ class AuroFormValidation {
4511
4515
  }
4512
4516
  }
4513
4517
 
4514
- if (validationShouldRun || elem.hasAttribute('error')) {
4518
+ if (validationShouldRun || hasCustomError) {
4515
4519
  // Use the validity message override if it is declared
4516
4520
  if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
4517
4521
  elem.errorMessage = elem.ValidityMessageOverride;
@@ -12396,7 +12400,7 @@ class AuroHelpText extends i$3 {
12396
12400
  }
12397
12401
  }
12398
12402
 
12399
- var formkitVersion = '202610051839';
12403
+ var formkitVersion = '202610071520';
12400
12404
 
12401
12405
  /**
12402
12406
  * @license
@@ -4416,7 +4416,11 @@ class AuroFormValidation {
4416
4416
  ( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
4417
4417
  );
4418
4418
 
4419
- if (elem.hasAttribute('error')) {
4419
+ // auro-counter-group derives its error state solely from its child counters,
4420
+ // so an `error` attribute on the group itself is ignored.
4421
+ const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
4422
+
4423
+ if (hasCustomError) {
4420
4424
  elem.validity = 'customError';
4421
4425
  elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
4422
4426
  validationShouldRun = false;
@@ -4511,7 +4515,7 @@ class AuroFormValidation {
4511
4515
  }
4512
4516
  }
4513
4517
 
4514
- if (validationShouldRun || elem.hasAttribute('error')) {
4518
+ if (validationShouldRun || hasCustomError) {
4515
4519
  // Use the validity message override if it is declared
4516
4520
  if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
4517
4521
  elem.errorMessage = elem.ValidityMessageOverride;
@@ -12396,7 +12400,7 @@ class AuroHelpText extends i$3 {
12396
12400
  }
12397
12401
  }
12398
12402
 
12399
- var formkitVersion = '202610051839';
12403
+ var formkitVersion = '202610071520';
12400
12404
 
12401
12405
  /**
12402
12406
  * @license
@@ -4416,7 +4416,11 @@ class AuroFormValidation {
4416
4416
  ( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
4417
4417
  );
4418
4418
 
4419
- if (elem.hasAttribute('error')) {
4419
+ // auro-counter-group derives its error state solely from its child counters,
4420
+ // so an `error` attribute on the group itself is ignored.
4421
+ const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
4422
+
4423
+ if (hasCustomError) {
4420
4424
  elem.validity = 'customError';
4421
4425
  elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
4422
4426
  validationShouldRun = false;
@@ -4511,7 +4515,7 @@ class AuroFormValidation {
4511
4515
  }
4512
4516
  }
4513
4517
 
4514
- if (validationShouldRun || elem.hasAttribute('error')) {
4518
+ if (validationShouldRun || hasCustomError) {
4515
4519
  // Use the validity message override if it is declared
4516
4520
  if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
4517
4521
  elem.errorMessage = elem.ValidityMessageOverride;
@@ -12396,7 +12400,7 @@ class AuroHelpText extends i$3 {
12396
12400
  }
12397
12401
  }
12398
12402
 
12399
- var formkitVersion = '202610051839';
12403
+ var formkitVersion = '202610071520';
12400
12404
 
12401
12405
  /**
12402
12406
  * @license
@@ -4358,7 +4358,11 @@ class AuroFormValidation {
4358
4358
  ( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
4359
4359
  );
4360
4360
 
4361
- if (elem.hasAttribute('error')) {
4361
+ // auro-counter-group derives its error state solely from its child counters,
4362
+ // so an `error` attribute on the group itself is ignored.
4363
+ const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
4364
+
4365
+ if (hasCustomError) {
4362
4366
  elem.validity = 'customError';
4363
4367
  elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
4364
4368
  validationShouldRun = false;
@@ -4453,7 +4457,7 @@ class AuroFormValidation {
4453
4457
  }
4454
4458
  }
4455
4459
 
4456
- if (validationShouldRun || elem.hasAttribute('error')) {
4460
+ if (validationShouldRun || hasCustomError) {
4457
4461
  // Use the validity message override if it is declared
4458
4462
  if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
4459
4463
  elem.errorMessage = elem.ValidityMessageOverride;
@@ -12338,7 +12342,7 @@ class AuroHelpText extends LitElement {
12338
12342
  }
12339
12343
  }
12340
12344
 
12341
- var formkitVersion = '202610051839';
12345
+ var formkitVersion = '202610071520';
12342
12346
 
12343
12347
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12344
12348
  // See LICENSE in the project root for license information.
@@ -4358,7 +4358,11 @@ class AuroFormValidation {
4358
4358
  ( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
4359
4359
  );
4360
4360
 
4361
- if (elem.hasAttribute('error')) {
4361
+ // auro-counter-group derives its error state solely from its child counters,
4362
+ // so an `error` attribute on the group itself is ignored.
4363
+ const hasCustomError = elem.hasAttribute('error') && !this.runtimeUtils.elementMatch(elem, 'auro-counter-group');
4364
+
4365
+ if (hasCustomError) {
4362
4366
  elem.validity = 'customError';
4363
4367
  elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
4364
4368
  validationShouldRun = false;
@@ -4453,7 +4457,7 @@ class AuroFormValidation {
4453
4457
  }
4454
4458
  }
4455
4459
 
4456
- if (validationShouldRun || elem.hasAttribute('error')) {
4460
+ if (validationShouldRun || hasCustomError) {
4457
4461
  // Use the validity message override if it is declared
4458
4462
  if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
4459
4463
  elem.errorMessage = elem.ValidityMessageOverride;
@@ -12338,7 +12342,7 @@ class AuroHelpText extends LitElement {
12338
12342
  }
12339
12343
  }
12340
12344
 
12341
- var formkitVersion = '202610051839';
12345
+ var formkitVersion = '202610071520';
12342
12346
 
12343
12347
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12344
12348
  // See LICENSE in the project root for license information.
@@ -10,7 +10,7 @@ The `auro-menu` element provides users a way to select from a list of options.
10
10
  | Property | Attribute | Modifiers | Type | Default | Description |
11
11
  |-------------------------|---------------|-----------|----------------------------------------|-------------|--------------------------------------------------|
12
12
  | `currentLabel` | | readonly | `string` | | |
13
- | `disabled` | `disabled` | | `boolean` | | When true, the entire menu and all options are disabled. |
13
+ | `disabled` | `disabled` | | `boolean` | | When true, the entire menu is disabled: options render inert (not focusable, keyboard-navigable, or selectable, and visually disabled) without changing any option's own `disabled` state. |
14
14
  | `hasLoadingPlaceholder` | | readonly | `boolean` | | Getter for loading placeholder state. |
15
15
  | `index` | | | `number` | | |
16
16
  | `layout` | `layout` | | `string` | | Applies a named layout variant to the menu. Free-form string consumed by the shared architecture helpers; menu defines no closed value set. |
@@ -24,9 +24,9 @@ const t$1=globalThis,i$3=t=>t,s$2=t$1.trustedTypes,e$2=s$2?s$2.createPolicy("lit
24
24
  * SPDX-License-Identifier: BSD-3-Clause
25
25
  */const s$1=globalThis;let i$2 = class i extends y$2{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E}};i$2._$litElement$=true,i$2["finalized"]=true,s$1.litElementHydrateSupport?.({LitElement:i$2});const o$2=s$1.litElementPolyfillSupport;o$2?.({LitElement:i$2});(s$1.litElementVersions??=[]).push("4.2.2");
26
26
 
27
- var styleCss$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-variant-ligatures:none;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-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-variant-ligatures:none;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-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-variant-ligatures:none;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-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-variant-ligatures:none;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-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-variant-ligatures:none;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-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-variant-ligatures:none;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-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-variant-ligatures:none;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-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-variant-ligatures:none;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-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-variant-ligatures:none;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-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-variant-ligatures:none;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-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-variant-ligatures:none;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-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-variant-ligatures:none;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-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-variant-ligatures:none;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-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-variant-ligatures:none;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-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-variant-ligatures:none;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-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-variant-ligatures:none;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-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-variant-ligatures:none;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-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-variant-ligatures:none;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-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-variant-ligatures:none;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-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-variant-ligatures:none;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-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-variant-ligatures:none;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-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-variant-ligatures:none;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-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-variant-ligatures:none;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-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{display:block;line-height:0;overflow-y:auto}:host .menuWrapper{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder]{padding:var(--ds-size-150, 0.75rem) 0}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] .loadingWrapper{display:flex;align-items:center;justify-content:center;gap:var(--ds-size-150, 0.75rem)}:host([root]) .menuWrapper.lg{padding:var(--ds-size-150, 0.75rem);gap:var(--ds-size-50, 0.25rem)}:host([root]) .menuWrapper.xl{padding:var(--ds-size-200, 1rem);gap:var(--ds-size-100, 0.5rem)}`;
27
+ var styleCss$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-variant-ligatures:none;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-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-variant-ligatures:none;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-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-variant-ligatures:none;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-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-variant-ligatures:none;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-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-variant-ligatures:none;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-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-variant-ligatures:none;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-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-variant-ligatures:none;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-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-variant-ligatures:none;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-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-variant-ligatures:none;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-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-variant-ligatures:none;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-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-variant-ligatures:none;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-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-variant-ligatures:none;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-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-variant-ligatures:none;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-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-variant-ligatures:none;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-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-variant-ligatures:none;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-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-variant-ligatures:none;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-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-variant-ligatures:none;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-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-variant-ligatures:none;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-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-variant-ligatures:none;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-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-variant-ligatures:none;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-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-variant-ligatures:none;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-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-variant-ligatures:none;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-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-variant-ligatures:none;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-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-variant-ligatures:none;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-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-variant-ligatures:none;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-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-variant-ligatures:none;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-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{display:block;line-height:0;overflow-y:auto}:host .menuWrapper{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder]{padding:var(--ds-size-150, 0.75rem) 0}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] .loadingWrapper{display:flex;align-items:center;justify-content:center;gap:var(--ds-size-150, 0.75rem)}:host([root]) .menuWrapper.lg{padding:var(--ds-size-150, 0.75rem);gap:var(--ds-size-50, 0.25rem)}:host([root]) .menuWrapper.xl{padding:var(--ds-size-200, 1rem);gap:var(--ds-size-100, 0.5rem)}:host([disabled]) .menuWrapper{pointer-events:none}`;
28
28
 
29
- var colorCss$1 = i$5`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color)}[loadingplaceholder] slot[name=loadingIcon]{color:var(--ds-auro-menu-loader-color)}[loadingplaceholder] slot[name=loadingText]{color:var(--ds-auro-menu-loader-text-color)}`;
29
+ var colorCss$1 = i$5`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color)}[loadingplaceholder] slot[name=loadingIcon]{color:var(--ds-auro-menu-loader-color)}[loadingplaceholder] slot[name=loadingText]{color:var(--ds-auro-menu-loader-text-color)}:host([disabled]){--ds-auro-menuoption-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-menuoption-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([disabled]) ::slotted(auro-menuoption),:host([disabled]) ::slotted([auro-menuoption]){--ds-auro-menuoption-container-color: var(--ds-basic-color-surface-default, #ffffff) !important;--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0) !important;--ds-auro-menuoption-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0) !important}`;
30
30
 
31
31
  var tokensCss = i$5`:host{--ds-auro-menu-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));--ds-auro-menu-loader-color: var(--ds-basic-color-brand-primary, #01426a);--ds-auro-menu-loader-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-menuoption-container-color: transparent;--ds-auro-menuoption-container-border-color: var(--ds-auro-menuoption-container-color);--ds-auro-menuoption-icon-color: transparent;--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}`;
32
32
 
@@ -233,6 +233,31 @@ function serializeMultiSelectValue(values) {
233
233
  return values && values.length > 0 ? JSON.stringify(values) : undefined;
234
234
  }
235
235
 
236
+ /**
237
+ * Walks up through every ancestor `auro-menu` (root and any nested submenus
238
+ * the option is slotted inside) and checks whether any of them is disabled.
239
+ * A menu's `disabled` is never written onto its options (AB#1566578), so an
240
+ * option's interactivity must be resolved at check-time against its owning
241
+ * menu chain instead of a mutated attribute. Exported so every "is this
242
+ * option interactive" check agrees — `auro-menuoption`'s `isActive` getter
243
+ * uses it too (consumed by `auro-select`/`auro-combobox`), not just this
244
+ * module's own `isOptionInteractive`/`isSelectableByValue`.
245
+ * @param {HTMLElement} option - The option to check.
246
+ * @returns {boolean} True if any ancestor menu (root or nested) is disabled.
247
+ */
248
+ function hasDisabledAncestorMenu(option) {
249
+ let ancestor = option.closest('auro-menu, [auro-menu]');
250
+
251
+ while (ancestor) {
252
+ if (ancestor.disabled) {
253
+ return true;
254
+ }
255
+ ancestor = ancestor.parentElement ? ancestor.parentElement.closest('auro-menu, [auro-menu]') : null;
256
+ }
257
+
258
+ return false;
259
+ }
260
+
236
261
  /**
237
262
  * Validates if an option can be interacted with.
238
263
  * @private
@@ -242,21 +267,23 @@ function serializeMultiSelectValue(values) {
242
267
  function isOptionInteractive(option) {
243
268
  return !option.hasAttribute('hidden') &&
244
269
  !option.hasAttribute('disabled') &&
245
- !option.hasAttribute('static');
270
+ !option.hasAttribute('static') &&
271
+ !hasDisabledAncestorMenu(option);
246
272
  }
247
273
 
248
274
  /**
249
275
  * Validates if an option may be selected by matching a programmatic value.
250
276
  * Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
251
277
  * `hidden` as its type-ahead filter, so a filtered-out option is still a
252
- * valid programmatic selection. Only disabled and static options — which are
253
- * never selectable — are rejected.
278
+ * valid programmatic selection. Disabled (its own or an ancestor menu's) and
279
+ * static options — which are never selectable — are rejected.
254
280
  * @param {HTMLElement} option - The option to check.
255
281
  * @returns {boolean} True if option can be selected by value.
256
282
  */
257
283
  function isSelectableByValue(option) {
258
284
  return !option.hasAttribute('disabled') &&
259
- !option.hasAttribute('static');
285
+ !option.hasAttribute('static') &&
286
+ !hasDisabledAncestorMenu(option);
260
287
  }
261
288
 
262
289
  /* eslint-disable no-underscore-dangle */
@@ -551,7 +578,7 @@ class AuroMenu extends AuroElement {
551
578
  },
552
579
 
553
580
  /**
554
- * When true, the entire menu and all options are disabled.
581
+ * When true, the entire menu is disabled: options render inert (not focusable, keyboard-navigable, or selectable, and visually disabled) without changing any option's own `disabled` state.
555
582
  */
556
583
  disabled: {
557
584
  type: Boolean,
@@ -1123,9 +1150,21 @@ class AuroMenu extends AuroElement {
1123
1150
  }
1124
1151
  }
1125
1152
 
1126
- // Update disabled state
1153
+ // Announce menu-level disabled to assistive tech. `disabled` is never
1154
+ // written onto the option (AB#1566578), but aria-disabled has to be
1155
+ // pushed proactively — unlike interactivity checks, AT reads it
1156
+ // directly off the DOM rather than through a JS getter. Only clear it
1157
+ // on re-enable when the option isn't itself authored `disabled` AND no
1158
+ // other ancestor menu in its chain is still disabled — `this.items` is
1159
+ // a deep query, so toggling an unrelated root back on must not strip
1160
+ // aria-disabled from a nested submenu's options that are still
1161
+ // independently disabled.
1127
1162
  if (changedProperties.has('disabled')) {
1128
- option.disabled = this.disabled;
1163
+ if (this.disabled) {
1164
+ option.setAttribute('aria-disabled', 'true');
1165
+ } else if (!option.disabled && !hasDisabledAncestorMenu(option)) {
1166
+ option.removeAttribute('aria-disabled');
1167
+ }
1129
1168
  }
1130
1169
  });
1131
1170
 
@@ -1189,6 +1228,22 @@ class AuroMenu extends AuroElement {
1189
1228
  ]));
1190
1229
  }
1191
1230
 
1231
+ // Options slotted in (or re-initialized) while the menu is already
1232
+ // disabled never went through the `disabled`-change branch that pushes
1233
+ // `aria-disabled` (AB#1566578) — re-apply it here the same way
1234
+ // `noCheckmark` already re-applies above. Only the `true` case needs
1235
+ // replaying: re-enabling the menu already clears existing items via the
1236
+ // normal `disabled`-change path, and a newly-added item that isn't
1237
+ // disabled has no `aria-disabled` to clear yet.
1238
+ if (this.disabled) {
1239
+ this.updateItemsState(new Map([
1240
+ [
1241
+ 'disabled',
1242
+ true
1243
+ ]
1244
+ ]));
1245
+ }
1246
+
1192
1247
  this.dispatchEvent(new CustomEvent('auroMenu-optionsChange', {
1193
1248
  detail: {
1194
1249
  options: this.items
@@ -1426,6 +1481,13 @@ class AuroMenu extends AuroElement {
1426
1481
  * @private
1427
1482
  */
1428
1483
  makeSelection() {
1484
+ // A disabled menu is inert — called directly by auro-select/auro-combobox
1485
+ // keyboard strategies as well as this menu's own handleKeyDown, so the
1486
+ // guard lives here rather than only at the keydown entry point.
1487
+ if (this.disabled) {
1488
+ return;
1489
+ }
1490
+
1429
1491
  if (!this.items) {
1430
1492
  this.initItems();
1431
1493
  }
@@ -1544,6 +1606,15 @@ class AuroMenu extends AuroElement {
1544
1606
  */
1545
1607
  handleOptionHover(event) {
1546
1608
  const option = event.detail;
1609
+
1610
+ // `pointer-events: none` normally keeps a real hover from ever reaching
1611
+ // a disabled-ancestor option, but this guard protects the few paths
1612
+ // that don't rely on pointer hit-testing (a synthetic `mouseover`
1613
+ // dispatch, test automation) from still activating it.
1614
+ if (!option || !isOptionInteractive(option)) {
1615
+ return;
1616
+ }
1617
+
1547
1618
  if (this.items) {
1548
1619
  const idx = this.items.indexOf(option);
1549
1620
  if (idx >= 0) {
@@ -1581,6 +1652,11 @@ class AuroMenu extends AuroElement {
1581
1652
  * @param {string} direction - 'up' or 'down'.
1582
1653
  */
1583
1654
  navigateOptions(direction) {
1655
+ // A disabled menu is inert — no option becomes active via keyboard.
1656
+ if (this.disabled) {
1657
+ return;
1658
+ }
1659
+
1584
1660
  // Return early if no items exist
1585
1661
  if (!this.items || !this.items.length) {
1586
1662
  return;
@@ -2022,7 +2098,8 @@ class AuroMenuOption extends AuroElement {
2022
2098
  get isActive() {
2023
2099
  return !this.hasAttribute('hidden') &&
2024
2100
  !this.disabled &&
2025
- !this.hasAttribute('static');
2101
+ !this.hasAttribute('static') &&
2102
+ !hasDisabledAncestorMenu(this);
2026
2103
  }
2027
2104
 
2028
2105
  connectedCallback() {
@@ -2073,7 +2150,10 @@ class AuroMenuOption extends AuroElement {
2073
2150
  if (changedProperties.has('disabled')) {
2074
2151
  if (this.disabled) {
2075
2152
  this.setAttribute('aria-disabled', 'true');
2076
- } else {
2153
+ } else if (!hasDisabledAncestorMenu(this)) {
2154
+ // Authored `disabled` just turned off, but if an ancestor menu is
2155
+ // still disabled (AB#1566578) this option is still inert — don't
2156
+ // clear the announcement a still-disabled ancestor is responsible for.
2077
2157
  this.removeAttribute('aria-disabled');
2078
2158
  }
2079
2159
  }
@@ -2105,7 +2185,7 @@ class AuroMenuOption extends AuroElement {
2105
2185
  * @private
2106
2186
  */
2107
2187
  handleClick() {
2108
- if (!this.disabled) {
2188
+ if (!this.disabled && !hasDisabledAncestorMenu(this)) {
2109
2189
  // Pure event emitter: the parent menu owns selection state and will
2110
2190
  // update `selected` via setSelected(). Toggling here desyncs the option
2111
2191
  // UI from auro-menu.optionSelected (e.g. single-select re-click on the
@@ -27,6 +27,19 @@ export function serializeMultiSelectValue(values: Array<string> | undefined): st
27
27
  * @returns {boolean} True if arrays are equal.
28
28
  */
29
29
  export function arraysAreEqual(arr1: any[], arr2: any[]): boolean;
30
+ /**
31
+ * Walks up through every ancestor `auro-menu` (root and any nested submenus
32
+ * the option is slotted inside) and checks whether any of them is disabled.
33
+ * A menu's `disabled` is never written onto its options (AB#1566578), so an
34
+ * option's interactivity must be resolved at check-time against its owning
35
+ * menu chain instead of a mutated attribute. Exported so every "is this
36
+ * option interactive" check agrees — `auro-menuoption`'s `isActive` getter
37
+ * uses it too (consumed by `auro-select`/`auro-combobox`), not just this
38
+ * module's own `isOptionInteractive`/`isSelectableByValue`.
39
+ * @param {HTMLElement} option - The option to check.
40
+ * @returns {boolean} True if any ancestor menu (root or nested) is disabled.
41
+ */
42
+ export function hasDisabledAncestorMenu(option: HTMLElement): boolean;
30
43
  /**
31
44
  * Validates if an option can be interacted with.
32
45
  * @private
@@ -38,8 +51,8 @@ export function isOptionInteractive(option: HTMLElement): boolean;
38
51
  * Validates if an option may be selected by matching a programmatic value.
39
52
  * Unlike `isOptionInteractive`, `hidden` is allowed: the combobox toggles
40
53
  * `hidden` as its type-ahead filter, so a filtered-out option is still a
41
- * valid programmatic selection. Only disabled and static options — which are
42
- * never selectable — are rejected.
54
+ * valid programmatic selection. Disabled (its own or an ancestor menu's) and
55
+ * static options — which are never selectable — are rejected.
43
56
  * @param {HTMLElement} option - The option to check.
44
57
  * @returns {boolean} True if option can be selected by value.
45
58
  */
@@ -36,7 +36,7 @@ export class AuroMenu extends AuroElement {
36
36
  */
37
37
  size: "xs" | "sm" | "md" | "lg" | "xl";
38
38
  /**
39
- * When true, the entire menu and all options are disabled.
39
+ * When true, the entire menu is disabled: options render inert (not focusable, keyboard-navigable, or selectable, and visually disabled) without changing any option's own `disabled` state.
40
40
  */
41
41
  disabled: {
42
42
  type: BooleanConstructor;