@aurodesignsystem-dev/auro-formkit 0.0.0-pr1393.1 → 0.0.0-pr1394.1

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

@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603232129';
+var formkitVersion = '202603232347';
 
 // 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 = '202603232129';
+var formkitVersion = '202603232347';
 
 // 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 = '202603232129';
+var formkitVersion = '202603232347';
 
 // 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 = '202603232129';
+var formkitVersion = '202603232347';
 
 // 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

@@ -4404,6 +4404,7 @@ class AuroDropdownBib extends i$4 {
 
     this.shape = "rounded";
     this.matchWidth = false;
+    this.hasActiveDescendant = false;
   }
 
   static get styles() {
@@ -4490,6 +4491,17 @@ class AuroDropdownBib extends i$4 {
        */
       dialogRole: {
         type: String
+      },
+
+      /**
+       * Set by auro-dropdown when a menu option is highlighted via
+       * aria-activedescendant. The dialog keyboard bridge checks this
+       * flag so that Enter selects the highlighted option instead of
+       * clicking the trigger button.
+       * @private
+       */
+      hasActiveDescendant: {
+        type: Boolean
       }
     };
   }
@@ -4573,7 +4585,7 @@ class AuroDropdownBib extends i$4 {
   /**
    * Forwards the dialog's native `cancel` event (fired on ESC) as
    * an `auro-bib-cancel` custom event so parent components can close.
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the cancel listener to.
    * @private
    */
   _setupCancelHandler(dialog) {
@@ -4617,7 +4629,7 @@ class AuroDropdownBib extends i$4 {
    *   is a secondary path for parent components that also listen for
    *   Escape keydown.
    *
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the keyboard bridge to.
    * @private
    */
   _setupKeyboardBridge(dialog) {
@@ -4636,15 +4648,23 @@ class AuroDropdownBib extends i$4 {
 
       // Custom elements (auro-button) don't get the native Enter→click
       // behavior that <button> has. Find the button in the composed path
-      // and click it directly.
+      // and click it directly — but only when no menu option is
+      // highlighted. In fullscreen mode focus stays on the close button
+      // while arrow keys move the active-descendant highlight through
+      // the listbox. If the user presses Enter with an option
+      // highlighted, the intent is to select that option, not to click
+      // the close button. In that case we fall through and bridge the
+      // Enter key to the parent component's keyboard strategy.
       if (event.key === 'Enter') {
-        const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
-        const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
-        if (btn) {
-          event.preventDefault();
-          event.stopPropagation();
-          btn.click();
-          return;
+        if (!this.hasActiveDescendant) {
+          const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
+          const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
+          if (btn) {
+            event.preventDefault();
+            event.stopPropagation();
+            btn.click();
+            return;
+          }
         }
       }
 
@@ -4759,6 +4779,8 @@ class AuroDropdownBib extends i$4 {
    * Closes the dialog.
    */
   close() {
+    this.hasActiveDescendant = false;
+
     const dialog = this.shadowRoot.querySelector('dialog');
 
     if (dialog && dialog.open) {
@@ -5036,7 +5058,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603232129';
+var formkitVersion$2 = '202603232347';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -5355,6 +5377,15 @@ class AuroDropdown extends AuroElement$2 {
       this.trigger.ariaActiveDescendantElement = null;
       this.trigger.removeAttribute('aria-activedescendant');
     }
+
+    // In fullscreen, focus stays on the close button while arrow keys
+    // highlight options via active-descendant. Without this flag the
+    // keyboard bridge clicks the close button on Enter (closing the
+    // bib without selecting). When true, the bridge skips the button
+    // click and forwards Enter to the parent to make the selection.
+    if (this.bibContent) {
+      this.bibContent.hasActiveDescendant = Boolean(element);
+    }
   }
 
   // function to define props used within the scope of this component
@@ -12791,7 +12822,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603232129';
+var formkitVersion$1 = '202603232347';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13830,7 +13861,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603232129';
+var formkitVersion = '202603232347';
 
 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}`;
 

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

@@ -4327,6 +4327,7 @@ class AuroDropdownBib extends i$4 {
 
     this.shape = "rounded";
     this.matchWidth = false;
+    this.hasActiveDescendant = false;
   }
 
   static get styles() {
@@ -4413,6 +4414,17 @@ class AuroDropdownBib extends i$4 {
        */
       dialogRole: {
         type: String
+      },
+
+      /**
+       * Set by auro-dropdown when a menu option is highlighted via
+       * aria-activedescendant. The dialog keyboard bridge checks this
+       * flag so that Enter selects the highlighted option instead of
+       * clicking the trigger button.
+       * @private
+       */
+      hasActiveDescendant: {
+        type: Boolean
       }
     };
   }
@@ -4496,7 +4508,7 @@ class AuroDropdownBib extends i$4 {
   /**
    * Forwards the dialog's native `cancel` event (fired on ESC) as
    * an `auro-bib-cancel` custom event so parent components can close.
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the cancel listener to.
    * @private
    */
   _setupCancelHandler(dialog) {
@@ -4540,7 +4552,7 @@ class AuroDropdownBib extends i$4 {
    *   is a secondary path for parent components that also listen for
    *   Escape keydown.
    *
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the keyboard bridge to.
    * @private
    */
   _setupKeyboardBridge(dialog) {
@@ -4559,15 +4571,23 @@ class AuroDropdownBib extends i$4 {
 
       // Custom elements (auro-button) don't get the native Enter→click
       // behavior that <button> has. Find the button in the composed path
-      // and click it directly.
+      // and click it directly — but only when no menu option is
+      // highlighted. In fullscreen mode focus stays on the close button
+      // while arrow keys move the active-descendant highlight through
+      // the listbox. If the user presses Enter with an option
+      // highlighted, the intent is to select that option, not to click
+      // the close button. In that case we fall through and bridge the
+      // Enter key to the parent component's keyboard strategy.
       if (event.key === 'Enter') {
-        const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
-        const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
-        if (btn) {
-          event.preventDefault();
-          event.stopPropagation();
-          btn.click();
-          return;
+        if (!this.hasActiveDescendant) {
+          const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
+          const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
+          if (btn) {
+            event.preventDefault();
+            event.stopPropagation();
+            btn.click();
+            return;
+          }
         }
       }
 
@@ -4682,6 +4702,8 @@ class AuroDropdownBib extends i$4 {
    * Closes the dialog.
    */
   close() {
+    this.hasActiveDescendant = false;
+
     const dialog = this.shadowRoot.querySelector('dialog');
 
     if (dialog && dialog.open) {
@@ -4959,7 +4981,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603232129';
+var formkitVersion$2 = '202603232347';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -5278,6 +5300,15 @@ class AuroDropdown extends AuroElement$2 {
       this.trigger.ariaActiveDescendantElement = null;
       this.trigger.removeAttribute('aria-activedescendant');
     }
+
+    // In fullscreen, focus stays on the close button while arrow keys
+    // highlight options via active-descendant. Without this flag the
+    // keyboard bridge clicks the close button on Enter (closing the
+    // bib without selecting). When true, the bridge skips the button
+    // click and forwards Enter to the parent to make the selection.
+    if (this.bibContent) {
+      this.bibContent.hasActiveDescendant = Boolean(element);
+    }
   }
 
   // function to define props used within the scope of this component
@@ -12714,7 +12745,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603232129';
+var formkitVersion$1 = '202603232347';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13753,7 +13784,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603232129';
+var formkitVersion = '202603232347';
 
 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}`;
 

package/components/combobox/dist/index.js

@@ -4260,6 +4260,7 @@ class AuroDropdownBib extends LitElement {
 
     this.shape = "rounded";
     this.matchWidth = false;
+    this.hasActiveDescendant = false;
   }
 
   static get styles() {
@@ -4346,6 +4347,17 @@ class AuroDropdownBib extends LitElement {
        */
       dialogRole: {
         type: String
+      },
+
+      /**
+       * Set by auro-dropdown when a menu option is highlighted via
+       * aria-activedescendant. The dialog keyboard bridge checks this
+       * flag so that Enter selects the highlighted option instead of
+       * clicking the trigger button.
+       * @private
+       */
+      hasActiveDescendant: {
+        type: Boolean
       }
     };
   }
@@ -4429,7 +4441,7 @@ class AuroDropdownBib extends LitElement {
   /**
    * Forwards the dialog's native `cancel` event (fired on ESC) as
    * an `auro-bib-cancel` custom event so parent components can close.
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the cancel listener to.
    * @private
    */
   _setupCancelHandler(dialog) {
@@ -4473,7 +4485,7 @@ class AuroDropdownBib extends LitElement {
    *   is a secondary path for parent components that also listen for
    *   Escape keydown.
    *
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the keyboard bridge to.
    * @private
    */
   _setupKeyboardBridge(dialog) {
@@ -4492,15 +4504,23 @@ class AuroDropdownBib extends LitElement {
 
       // Custom elements (auro-button) don't get the native Enter→click
       // behavior that <button> has. Find the button in the composed path
-      // and click it directly.
+      // and click it directly — but only when no menu option is
+      // highlighted. In fullscreen mode focus stays on the close button
+      // while arrow keys move the active-descendant highlight through
+      // the listbox. If the user presses Enter with an option
+      // highlighted, the intent is to select that option, not to click
+      // the close button. In that case we fall through and bridge the
+      // Enter key to the parent component's keyboard strategy.
       if (event.key === 'Enter') {
-        const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
-        const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
-        if (btn) {
-          event.preventDefault();
-          event.stopPropagation();
-          btn.click();
-          return;
+        if (!this.hasActiveDescendant) {
+          const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
+          const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
+          if (btn) {
+            event.preventDefault();
+            event.stopPropagation();
+            btn.click();
+            return;
+          }
         }
       }
 
@@ -4615,6 +4635,8 @@ class AuroDropdownBib extends LitElement {
    * Closes the dialog.
    */
   close() {
+    this.hasActiveDescendant = false;
+
     const dialog = this.shadowRoot.querySelector('dialog');
 
     if (dialog && dialog.open) {
@@ -4892,7 +4914,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603232129';
+var formkitVersion$2 = '202603232347';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5211,6 +5233,15 @@ class AuroDropdown extends AuroElement$2 {
       this.trigger.ariaActiveDescendantElement = null;
       this.trigger.removeAttribute('aria-activedescendant');
     }
+
+    // In fullscreen, focus stays on the close button while arrow keys
+    // highlight options via active-descendant. Without this flag the
+    // keyboard bridge clicks the close button on Enter (closing the
+    // bib without selecting). When true, the bridge skips the button
+    // click and forwards Enter to the parent to make the selection.
+    if (this.bibContent) {
+      this.bibContent.hasActiveDescendant = Boolean(element);
+    }
   }
 
   // function to define props used within the scope of this component
@@ -12640,7 +12671,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603232129';
+var formkitVersion$1 = '202603232347';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13679,7 +13710,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603232129';
+var formkitVersion = '202603232347';
 
 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}`;
 

package/components/combobox/dist/registered.js

@@ -4260,6 +4260,7 @@ class AuroDropdownBib extends LitElement {
 
     this.shape = "rounded";
     this.matchWidth = false;
+    this.hasActiveDescendant = false;
   }
 
   static get styles() {
@@ -4346,6 +4347,17 @@ class AuroDropdownBib extends LitElement {
        */
       dialogRole: {
         type: String
+      },
+
+      /**
+       * Set by auro-dropdown when a menu option is highlighted via
+       * aria-activedescendant. The dialog keyboard bridge checks this
+       * flag so that Enter selects the highlighted option instead of
+       * clicking the trigger button.
+       * @private
+       */
+      hasActiveDescendant: {
+        type: Boolean
       }
     };
   }
@@ -4429,7 +4441,7 @@ class AuroDropdownBib extends LitElement {
   /**
    * Forwards the dialog's native `cancel` event (fired on ESC) as
    * an `auro-bib-cancel` custom event so parent components can close.
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the cancel listener to.
    * @private
    */
   _setupCancelHandler(dialog) {
@@ -4473,7 +4485,7 @@ class AuroDropdownBib extends LitElement {
    *   is a secondary path for parent components that also listen for
    *   Escape keydown.
    *
-   * @param {HTMLDialogElement} dialog
+   * @param {HTMLDialogElement} dialog - The dialog element to attach the keyboard bridge to.
    * @private
    */
   _setupKeyboardBridge(dialog) {
@@ -4492,15 +4504,23 @@ class AuroDropdownBib extends LitElement {
 
       // Custom elements (auro-button) don't get the native Enter→click
       // behavior that <button> has. Find the button in the composed path
-      // and click it directly.
+      // and click it directly — but only when no menu option is
+      // highlighted. In fullscreen mode focus stays on the close button
+      // while arrow keys move the active-descendant highlight through
+      // the listbox. If the user presses Enter with an option
+      // highlighted, the intent is to select that option, not to click
+      // the close button. In that case we fall through and bridge the
+      // Enter key to the parent component's keyboard strategy.
       if (event.key === 'Enter') {
-        const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
-        const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
-        if (btn) {
-          event.preventDefault();
-          event.stopPropagation();
-          btn.click();
-          return;
+        if (!this.hasActiveDescendant) {
+          const buttonSelector = 'button, [role="button"], auro-button, [auro-button]';
+          const btn = event.composedPath().find((el) => el.matches && el.matches(buttonSelector));
+          if (btn) {
+            event.preventDefault();
+            event.stopPropagation();
+            btn.click();
+            return;
+          }
         }
       }
 
@@ -4615,6 +4635,8 @@ class AuroDropdownBib extends LitElement {
    * Closes the dialog.
    */
   close() {
+    this.hasActiveDescendant = false;
+
     const dialog = this.shadowRoot.querySelector('dialog');
 
     if (dialog && dialog.open) {
@@ -4892,7 +4914,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603232129';
+var formkitVersion$2 = '202603232347';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5211,6 +5233,15 @@ class AuroDropdown extends AuroElement$2 {
       this.trigger.ariaActiveDescendantElement = null;
       this.trigger.removeAttribute('aria-activedescendant');
     }
+
+    // In fullscreen, focus stays on the close button while arrow keys
+    // highlight options via active-descendant. Without this flag the
+    // keyboard bridge clicks the close button on Enter (closing the
+    // bib without selecting). When true, the bridge skips the button
+    // click and forwards Enter to the parent to make the selection.
+    if (this.bibContent) {
+      this.bibContent.hasActiveDescendant = Boolean(element);
+    }
   }
 
   // function to define props used within the scope of this component
@@ -12640,7 +12671,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603232129';
+var formkitVersion$1 = '202603232347';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13679,7 +13710,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603232129';
+var formkitVersion = '202603232347';
 
 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}`;