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

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

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

@@ -4573,7 +4573,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 +4617,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 +4636,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;
+          }
         }
       }
 
@@ -5036,7 +5044,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603232109';
+var formkitVersion$2 = '202603232324';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -5355,6 +5363,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 +12808,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603232109';
+var formkitVersion$1 = '202603232324';
 
 // 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 +13847,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603232109';
+var formkitVersion = '202603232324';
 
 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

@@ -4496,7 +4496,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 +4540,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 +4559,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;
+          }
         }
       }
 
@@ -4959,7 +4967,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603232109';
+var formkitVersion$2 = '202603232324';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -5278,6 +5286,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 +12731,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603232109';
+var formkitVersion$1 = '202603232324';
 
 // 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 +13770,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603232109';
+var formkitVersion = '202603232324';
 
 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

@@ -4429,7 +4429,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 +4473,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 +4492,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;
+          }
         }
       }
 
@@ -4892,7 +4900,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603232109';
+var formkitVersion$2 = '202603232324';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5211,6 +5219,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 +12657,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603232109';
+var formkitVersion$1 = '202603232324';
 
 // 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 +13696,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603232109';
+var formkitVersion = '202603232324';
 
 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

@@ -4429,7 +4429,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 +4473,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 +4492,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;
+          }
         }
       }
 
@@ -4892,7 +4900,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603232109';
+var formkitVersion$2 = '202603232324';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5211,6 +5219,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 +12657,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603232109';
+var formkitVersion$1 = '202603232324';
 
 // 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 +13696,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603232109';
+var formkitVersion = '202603232324';
 
 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}`;