@aurodesignsystem-dev/auro-formkit 0.0.0-pr1346.14 → 0.0.0-pr1346.16

package/components/checkbox/demo/api.min.js

@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/demo/index.min.js

@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/index.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/registered.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/combobox/demo/api.min.js

@@ -4366,6 +4366,17 @@ class AuroDropdownBib extends i$4 {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -4640,7 +4651,7 @@ class AuroDropdownBib extends i$4 {
     classes[`shape-${this.shape}`] = true;
 
     return u$7`
-      <dialog class="${e$3(classes)}" part="bibContainer" aria-labelledby="${o(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${e$3(classes)}" part="bibContainer" role="${o(this.dialogRole)}" aria-labelledby="${o(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? u$7`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -4890,7 +4901,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603091748';
+var formkitVersion$2 = '202603091921';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12634,7 +12645,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13673,7 +13684,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 var styleCss$3 = i$7`.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}`;
 
@@ -14789,7 +14800,7 @@ class AuroCombobox extends AuroElement {
     this.inputInBib = this.bibtemplate.querySelector(this.inputTag._$litStatic$);
 
     // Pass label text to the dropdown bib for accessible dialog naming
-    const labelElement = this.querySelector('span[slot="label"]');
+    const labelElement = this.querySelector('[slot="label"]');
     if (labelElement) {
       this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
     }
@@ -14866,16 +14877,7 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    const dialog = bibEl.shadowRoot.querySelector('dialog');
-    if (!dialog) {
-      return;
-    }
-
-    if (this.dropdown.isBibFullscreen) {
-      dialog.removeAttribute('role');
-    } else {
-      dialog.setAttribute('role', 'presentation');
-    }
+    bibEl.dialogRole = this.dropdown.isBibFullscreen ? undefined : 'presentation';
   }
 
   /**
@@ -15184,6 +15186,11 @@ class AuroCombobox extends AuroElement {
     }
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._inFullscreenTransition = false;
+  }
+
   firstUpdated() {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-combobox');
@@ -15653,6 +15660,8 @@ function dispatchMenuEvent(element, eventName, detail = null) {
  *
  * @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
  */
+let menuOptionIdCounter = 0;
+
 class AuroMenuOption extends AuroElement {
 
   /**
@@ -15837,11 +15846,8 @@ class AuroMenuOption extends AuroElement {
 
     // Generate unique ID if not already set (required for aria-activedescendant)
     if (!this.id) {
-      const idBase = 36;
-      const sliceStart = 2;
-      const sliceEnd = 8;
-      this.id = `menuoption-${Math.random().toString(idBase).
-        slice(sliceStart, sliceEnd)}`;
+      menuOptionIdCounter += 1;
+      this.id = `menuoption-${menuOptionIdCounter}`;
     }
 
     this.setAttribute('role', 'option');

package/components/combobox/demo/index.min.js

@@ -4289,6 +4289,17 @@ class AuroDropdownBib extends i$4 {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -4563,7 +4574,7 @@ class AuroDropdownBib extends i$4 {
     classes[`shape-${this.shape}`] = true;
 
     return u$7`
-      <dialog class="${e$3(classes)}" part="bibContainer" aria-labelledby="${o(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${e$3(classes)}" part="bibContainer" role="${o(this.dialogRole)}" aria-labelledby="${o(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? u$7`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -4813,7 +4824,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603091748';
+var formkitVersion$2 = '202603091921';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12557,7 +12568,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13596,7 +13607,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 var styleCss$3 = i$7`.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}`;
 
@@ -14712,7 +14723,7 @@ class AuroCombobox extends AuroElement {
     this.inputInBib = this.bibtemplate.querySelector(this.inputTag._$litStatic$);
 
     // Pass label text to the dropdown bib for accessible dialog naming
-    const labelElement = this.querySelector('span[slot="label"]');
+    const labelElement = this.querySelector('[slot="label"]');
     if (labelElement) {
       this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
     }
@@ -14789,16 +14800,7 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    const dialog = bibEl.shadowRoot.querySelector('dialog');
-    if (!dialog) {
-      return;
-    }
-
-    if (this.dropdown.isBibFullscreen) {
-      dialog.removeAttribute('role');
-    } else {
-      dialog.setAttribute('role', 'presentation');
-    }
+    bibEl.dialogRole = this.dropdown.isBibFullscreen ? undefined : 'presentation';
   }
 
   /**
@@ -15107,6 +15109,11 @@ class AuroCombobox extends AuroElement {
     }
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._inFullscreenTransition = false;
+  }
+
   firstUpdated() {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-combobox');
@@ -15576,6 +15583,8 @@ function dispatchMenuEvent(element, eventName, detail = null) {
  *
  * @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
  */
+let menuOptionIdCounter = 0;
+
 class AuroMenuOption extends AuroElement {
 
   /**
@@ -15760,11 +15769,8 @@ class AuroMenuOption extends AuroElement {
 
     // Generate unique ID if not already set (required for aria-activedescendant)
     if (!this.id) {
-      const idBase = 36;
-      const sliceStart = 2;
-      const sliceEnd = 8;
-      this.id = `menuoption-${Math.random().toString(idBase).
-        slice(sliceStart, sliceEnd)}`;
+      menuOptionIdCounter += 1;
+      this.id = `menuoption-${menuOptionIdCounter}`;
     }
 
     this.setAttribute('role', 'option');

package/components/combobox/dist/index.js

@@ -4222,6 +4222,17 @@ class AuroDropdownBib extends LitElement {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -4496,7 +4507,7 @@ class AuroDropdownBib extends LitElement {
     classes[`shape-${this.shape}`] = true;
 
     return html`
-      <dialog class="${classMap(classes)}" part="bibContainer" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${classMap(classes)}" part="bibContainer" role="${ifDefined(this.dialogRole)}" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? html`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -4746,7 +4757,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603091748';
+var formkitVersion$2 = '202603091921';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12483,7 +12494,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13522,7 +13533,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 var styleCss$1 = css`.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}`;
 
@@ -14638,7 +14649,7 @@ class AuroCombobox extends AuroElement {
     this.inputInBib = this.bibtemplate.querySelector(this.inputTag._$litStatic$);
 
     // Pass label text to the dropdown bib for accessible dialog naming
-    const labelElement = this.querySelector('span[slot="label"]');
+    const labelElement = this.querySelector('[slot="label"]');
     if (labelElement) {
       this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
     }
@@ -14715,16 +14726,7 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    const dialog = bibEl.shadowRoot.querySelector('dialog');
-    if (!dialog) {
-      return;
-    }
-
-    if (this.dropdown.isBibFullscreen) {
-      dialog.removeAttribute('role');
-    } else {
-      dialog.setAttribute('role', 'presentation');
-    }
+    bibEl.dialogRole = this.dropdown.isBibFullscreen ? undefined : 'presentation';
   }
 
   /**
@@ -15033,6 +15035,11 @@ class AuroCombobox extends AuroElement {
     }
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._inFullscreenTransition = false;
+  }
+
   firstUpdated() {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-combobox');

package/components/combobox/dist/registered.js

@@ -4222,6 +4222,17 @@ class AuroDropdownBib extends LitElement {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -4496,7 +4507,7 @@ class AuroDropdownBib extends LitElement {
     classes[`shape-${this.shape}`] = true;
 
     return html`
-      <dialog class="${classMap(classes)}" part="bibContainer" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${classMap(classes)}" part="bibContainer" role="${ifDefined(this.dialogRole)}" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? html`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -4746,7 +4757,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603091748';
+var formkitVersion$2 = '202603091921';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12483,7 +12494,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13522,7 +13533,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 var styleCss$1 = css`.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}`;
 
@@ -14638,7 +14649,7 @@ class AuroCombobox extends AuroElement {
     this.inputInBib = this.bibtemplate.querySelector(this.inputTag._$litStatic$);
 
     // Pass label text to the dropdown bib for accessible dialog naming
-    const labelElement = this.querySelector('span[slot="label"]');
+    const labelElement = this.querySelector('[slot="label"]');
     if (labelElement) {
       this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
     }
@@ -14715,16 +14726,7 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    const dialog = bibEl.shadowRoot.querySelector('dialog');
-    if (!dialog) {
-      return;
-    }
-
-    if (this.dropdown.isBibFullscreen) {
-      dialog.removeAttribute('role');
-    } else {
-      dialog.setAttribute('role', 'presentation');
-    }
+    bibEl.dialogRole = this.dropdown.isBibFullscreen ? undefined : 'presentation';
   }
 
   /**
@@ -15033,6 +15035,11 @@ class AuroCombobox extends AuroElement {
     }
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._inFullscreenTransition = false;
+  }
+
   firstUpdated() {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-combobox');

package/components/counter/demo/api.min.js

@@ -1470,7 +1470,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -4906,6 +4906,17 @@ class AuroDropdownBib extends i$2 {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -5180,7 +5191,7 @@ class AuroDropdownBib extends i$2 {
     classes[`shape-${this.shape}`] = true;
 
     return u$5`
-      <dialog class="${e$2(classes)}" part="bibContainer" aria-labelledby="${o$2(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${e$2(classes)}" part="bibContainer" role="${o$2(this.dialogRole)}" aria-labelledby="${o$2(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? u$5`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -5430,7 +5441,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {

package/components/counter/demo/index.min.js

@@ -1470,7 +1470,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -4906,6 +4906,17 @@ class AuroDropdownBib extends i$2 {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -5180,7 +5191,7 @@ class AuroDropdownBib extends i$2 {
     classes[`shape-${this.shape}`] = true;
 
     return u$5`
-      <dialog class="${e$2(classes)}" part="bibContainer" aria-labelledby="${o$2(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${e$2(classes)}" part="bibContainer" role="${o$2(this.dialogRole)}" aria-labelledby="${o$2(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? u$5`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -5430,7 +5441,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {

package/components/counter/dist/index.js

@@ -1420,7 +1420,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -4838,6 +4838,17 @@ class AuroDropdownBib extends LitElement {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -5112,7 +5123,7 @@ class AuroDropdownBib extends LitElement {
     classes[`shape-${this.shape}`] = true;
 
     return html`
-      <dialog class="${classMap(classes)}" part="bibContainer" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${classMap(classes)}" part="bibContainer" role="${ifDefined(this.dialogRole)}" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? html`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -5362,7 +5373,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {

package/components/counter/dist/registered.js

@@ -1420,7 +1420,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603091748';
+var formkitVersion$1 = '202603091921';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -4838,6 +4838,17 @@ class AuroDropdownBib extends LitElement {
        */
       dialogLabel: {
         type: String
+      },
+
+      /**
+       * Overrides the native role of the dialog element.
+       * For example, set to `"presentation"` on desktop combobox to prevent
+       * VoiceOver from announcing "listbox inside of a dialog".
+       * When `undefined`, the dialog keeps its native role.
+       * @private
+       */
+      dialogRole: {
+        type: String
       }
     };
   }
@@ -5112,7 +5123,7 @@ class AuroDropdownBib extends LitElement {
     classes[`shape-${this.shape}`] = true;
 
     return html`
-      <dialog class="${classMap(classes)}" part="bibContainer" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
+      <dialog class="${classMap(classes)}" part="bibContainer" role="${ifDefined(this.dialogRole)}" aria-labelledby="${ifDefined(this.dialogLabel ? 'dialogLabel' : undefined)}">
         ${this.dialogLabel ? html`<span id="dialogLabel" class="util_displayHiddenVisually" aria-hidden="true">${this.dialogLabel}</span>` : ''}
         <slot></slot>
       </dialog>
@@ -5362,7 +5373,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603091748';
+var formkitVersion = '202603091921';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {