@aurodesignsystem-dev/auro-formkit 0.0.0-pr1378.0 → 0.0.0-pr1379.0

package/README.md

@@ -1,7 +1,11 @@
 <!--
 The README.md file is a compiled document. No edits should be made directly to this file.
 
-README.md is created by running `npm run build:docs:kit`.
+README.md is created by running `npm run build:docs`.
+
+This file is generated based on a template fetched from
+`../../docs/templates/componentReadmeTemplate.md`
+and copied to `./componentDocs/README.md` each time the docs are compiled.
 
 The following sections are editable by making changes to the following files:
 
@@ -13,7 +17,7 @@ The following sections are editable by making changes to the following files:
 | Component Example Code | HTML sample code of the components use            | `./apiExamples/basic.html`          |
 -->
 
-# Auro Formkit
+# Formkit
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->
@@ -40,56 +44,80 @@ It is a monorepo that contains the following components:
 - `auro-select`
 <!-- AURO-GENERATED-CONTENT:END -->
 
-## Install
+## Use Cases
 
-<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentInstall_esm.md) -->
-[![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/auro-formkit/testPublish.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/auro-formkit/actions/workflows/testPublish.yml)
-[![See it on NPM!](https://img.shields.io/npm/v/@aurodesignsystem/auro-formkit?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@aurodesignsystem/auro-formkit)
-[![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-formkit?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
-![ESM supported](https://img.shields.io/badge/ESM-compatible-FFE900?style=for-the-badge)
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
+<!-- The below content is automatically added from ./docs/partials/useCases.md -->
 
-```shell
-$ npm i @aurodesignsystem/auro-formkit
-```
+### 1. User Accounts
+- Sign up and login forms  
+- Email and password validation  
 
-Installing as a direct, dev or peer dependency is up to the user installing the package. If you are unsure as to what type of dependency you should use, consider reading this [stack overflow](https://stackoverflow.com/questions/18875674/whats-the-difference-between-dependencies-devdependencies-and-peerdependencies) answer.
+### 2. Checkout & Payments
+- Collect shipping and billing info  
+- Use autofill and validation to reduce errors  
 
-<!-- AURO-GENERATED-CONTENT:END -->
+### 3. Booking & Scheduling
+- Select dates and times  
+- Prevent invalid selections (like past dates)  
 
-## Getting Started
+### 4. Search & Filters
+- Search inputs with suggestions  
+- Filters like price ranges or categories  
 
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/gettingStarted.md) -->
-<!-- The below content is automatically added from ./docs/partials/gettingStarted.md -->
-To start using the Auro Formkit components, follow the instructions below:
+### 5. File Uploads
+- Upload images, documents, or media  
+- Restrict file types and allow multiple files  
 
-### Usage
+### 6. Feedback & Surveys
+- Collect ratings, choices, and comments  
+- Require answers where needed  
 
-You can use Auro Formkit components in your project in two ways: automatic or custom registration.
+### 7. Calculators & Dynamic Forms
+- Show real-time results (e.g., pricing, totals)  
 
-#### Automatic Registration
+### 8. Multi-Step Forms
+- Break long forms into smaller steps  
 
-For automatic registration, simply import the component:
+### 9. Mobile-Friendly Input
+- Use input types that trigger the right keyboard  
 
-```javascript
-import "@aurodesignsystem/auro-formkit/auro-checkbox";
-```
+### 10. Accessible Forms
+- Proper labels and grouped inputs  
+- Built-in error handling  
 
-This will automatically register both the `<auro-checkbox>` and the included `<auro-checkbox-group>` component for use in your project. Note that not all Auro Formkit components have sub-components. Be sure to check the documentation for each component to understand its specific usage and registration requirements.
+### 11. Built-in Validation
+- Use HTML5 rules instead of custom JavaScript
+<!-- AURO-GENERATED-CONTENT:END -->
 
-#### Custom Registration
+## Getting Started
 
-If you prefer to register the component with a custom name, you can call the component class directly to create a custom registration:
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/kitInstall.md) -->
+<!-- The below content is automatically added from ./docs/partials/kitInstall.md -->
 
-```javascript
-import { AuroCheckbox, AuroCheckboxGroup } from "@aurodesignsystem/auro-formkit/auro-checkbox/class";
+#### NPM Installation
+
+```shell
+$ npm i @aurodesignsystem/
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentInstall_esm.md) -->
+[![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/auro-formkit/testPublish.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/auro-formkit/actions/workflows/testPublish.yml)
+[![See it on NPM!](https://img.shields.io/npm/v/@aurodesignsystem/auro-formkit?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@aurodesignsystem/auro-formkit)
+[![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-formkit?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
+![ESM supported](https://img.shields.io/badge/ESM-compatible-FFE900?style=for-the-badge)
 
-AuroCheckbox.register('custom-checkbox');
-AuroCheckbox.register('custom-checkbox-group');
+```shell
+$ npm i @aurodesignsystem/auro-formkit
 ```
 
-This will register the component as `<custom-checkbox>` and `<custom-checkbox-group>`.
+Installing as a direct, dev or peer dependency is up to the user installing the package. If you are unsure as to what type of dependency you should use, consider reading this [stack overflow](https://stackoverflow.com/questions/18875674/whats-the-difference-between-dependencies-devdependencies-and-peerdependencies) answer.
+
+<!-- AURO-GENERATED-CONTENT:END -->
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/gettingStarted.md) -->
+<!-- The below content is automatically added from ./docs/partials/gettingStarted.md -->
 
-#### TypeScript Module Resolution
+### TypeScript Module Resolution
 
 When using TypeScript set `moduleResolution` to `bundler`, add the following to your `tsconfig.json`:
 
@@ -102,93 +130,25 @@ When using TypeScript set `moduleResolution` to `bundler`, add the following to
 ```
 
 This configuration enables proper module resolution for the component's TypeScript files.
-
-### Basic HTML Example
-
-Here is an example of how to use the Auro Checkbox component in your HTML:
-
-`index.html -> <head>`
-
-```html
-<script type="module">
-    import "@aurodesignsystem/auro-formkit/auro-checkbox";
-</script>
-```
-
-`index.html -> <body>`
-
-```html
-<auro-checkbox-group>
-    <span slot="legend">
-        Form label goes here
-    </span>
-    <auro-checkbox value="value1" name="basic" id="checkbox-basic1">
-        Checkbox option
-    </auro-checkbox>
-    <auro-checkbox value="value2" name="basic" id="checkbox-basic2" checked>
-        Checkbox option two
-    </auro-checkbox>
-</auro-checkbox-group>
-```
-
-By following these steps, you can easily integrate Auro Formkit components into your project.
 <!-- AURO-GENERATED-CONTENT:END -->
 
-### Design Token CSS Custom Property dependency
+## Install from CDN
 
-<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/designTokens.md) -->
-The use of any Auro custom element has a dependency on the [Auro Design Tokens](https://auro.alaskaair.com/getting-started/developers/design-tokens).
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/bundleInstallDescription.md) -->
+<!-- The below content is automatically added from ./docs/partials/bundleInstallDescription.md -->
+In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
 
-<!-- AURO-GENERATED-CONTENT:END -->
-
-## Development
-
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/developmentDescription.md) -->
-<!-- The below content is automatically added from ./docs/partials/developmentDescription.md -->
-
-### Filtering
-
-Running the `dev` command will open a `localhost` development server for all components in the monorepo at once.
-
-To only develop a single component, use the `--filter` flag:
-
-```shell
-npx turbo dev --filter=@aurodesignsystem/auro-input
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/@latest/auro-formkit/+esm"></script>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 
-### Start development environment
-
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/localhost.md) -->
-<!-- The below content is automatically added from ./docs/partials/localhost.md -->
-
-## Local Development
-<!-- AURO-GENERATED-CONTENT:END -->
-
-### Testing
-
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/testing.md) -->
-<!-- The below content is automatically added from ./docs/partials/testing.md -->
-```
-npm run test
-```
-
-#### Port configuration
-
-Turbo will attempt to test components in parallel which will lead to port conflicts.
-
-Setting the `concurrency` to `1` will prevent Turbo from running tests in parallel:
-
-```
-"test": "turbo run test --concurrency=1",
-```
+## Additional Information
 
-`turbo.json`does not support `--concurrency` yet. See [this issue](https://github.com/vercel/turborepo/discussions/7493).
-<!-- AURO-GENERATED-CONTENT:END -->
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
 <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
 
-## Turborepo Overview
+### Turborepo Overview
 
 This monorepo is managed using [Turborepo](https://turborepo.org/).
 
@@ -254,7 +214,7 @@ The package's `package.json` will have every dependency that it needs. This is t
   }
   ```
 
-## Example: Component Dependencies
+### Example: Component Dependencies
 
 Let's use `@auro-formki/combobox` as an example to illustrate these concepts:
 
@@ -312,3 +272,19 @@ Some examples of dependencies that make sense to install in the root are `turbo`
 
 Conversely, dependencies Auro components rely on should be installed in their respective packages, such as `Lit`, `Rollup`, or other `auro-formkit` dependencies.
 <!-- AURO-GENERATED-CONTENT:END -->
+
+## Formkit Development
+
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/developmentDescription.md) -->
+<!-- The below content is automatically added from ./docs/partials/developmentDescription.md -->
+
+### Filtering
+
+Running the `dev` command will open a `localhost` development server for all components in the monorepo at once.
+
+To only develop a single component, use the `--filter` flag:
+
+```shell
+npx turbo dev --filter=@aurodesignsystem/auro-input
+```
+<!-- AURO-GENERATED-CONTENT:END -->

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

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

@@ -3611,32 +3611,19 @@ class AuroFloatingUI {
    * @param {String} eventType - The event type that triggered the hiding action.
    */
   hideBib(eventType = "unknown") {
-    if (this.element.disabled) {
-      return;
-    }
+    if (!this.element.disabled && !this.element.noToggle) {
+      this.lockScroll(false);
+      this.element.triggerChevron?.removeAttribute("data-expanded");
 
-    // noToggle dropdowns should not close when the trigger is clicked (the
-    // "toggle" behavior), but they CAN still close via other interactions like
-    // Escape key or focus loss.
-    if (this.element.noToggle && eventType === "click") {
-      return;
-    }
-
-    this.lockScroll(false);
-    this.element.triggerChevron?.removeAttribute("data-expanded");
-
-    if (this.element.isPopoverVisible) {
-      this.element.isPopoverVisible = false;
-    }
-    if (this.showing) {
-      this.cleanupHideHandlers();
-      this.showing = false;
-      this.dispatchEventDropdownToggle(eventType);
+      if (this.element.isPopoverVisible) {
+        this.element.isPopoverVisible = false;
+      }
+      if (this.showing) {
+        this.cleanupHideHandlers();
+        this.showing = false;
+        this.dispatchEventDropdownToggle(eventType);
+      }
     }
-
-    // Only clear the global reference if the bib was actually hidden.
-    // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
-    // the singleton state so other dropdowns can't detect this one is still open.
     document.expandedAuroFloater = null;
   }
 
@@ -4969,7 +4956,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603172148';
+var formkitVersion$2 = '202603172151';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12724,7 +12711,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603172148';
+var formkitVersion$1 = '202603172151';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13763,7 +13750,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603172148';
+var formkitVersion = '202603172151';
 
 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

@@ -3534,32 +3534,19 @@ class AuroFloatingUI {
    * @param {String} eventType - The event type that triggered the hiding action.
    */
   hideBib(eventType = "unknown") {
-    if (this.element.disabled) {
-      return;
-    }
+    if (!this.element.disabled && !this.element.noToggle) {
+      this.lockScroll(false);
+      this.element.triggerChevron?.removeAttribute("data-expanded");
 
-    // noToggle dropdowns should not close when the trigger is clicked (the
-    // "toggle" behavior), but they CAN still close via other interactions like
-    // Escape key or focus loss.
-    if (this.element.noToggle && eventType === "click") {
-      return;
-    }
-
-    this.lockScroll(false);
-    this.element.triggerChevron?.removeAttribute("data-expanded");
-
-    if (this.element.isPopoverVisible) {
-      this.element.isPopoverVisible = false;
-    }
-    if (this.showing) {
-      this.cleanupHideHandlers();
-      this.showing = false;
-      this.dispatchEventDropdownToggle(eventType);
+      if (this.element.isPopoverVisible) {
+        this.element.isPopoverVisible = false;
+      }
+      if (this.showing) {
+        this.cleanupHideHandlers();
+        this.showing = false;
+        this.dispatchEventDropdownToggle(eventType);
+      }
     }
-
-    // Only clear the global reference if the bib was actually hidden.
-    // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
-    // the singleton state so other dropdowns can't detect this one is still open.
     document.expandedAuroFloater = null;
   }
 
@@ -4892,7 +4879,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603172148';
+var formkitVersion$2 = '202603172151';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12647,7 +12634,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603172148';
+var formkitVersion$1 = '202603172151';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13686,7 +13673,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603172148';
+var formkitVersion = '202603172151';
 
 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

@@ -3467,32 +3467,19 @@ class AuroFloatingUI {
    * @param {String} eventType - The event type that triggered the hiding action.
    */
   hideBib(eventType = "unknown") {
-    if (this.element.disabled) {
-      return;
-    }
+    if (!this.element.disabled && !this.element.noToggle) {
+      this.lockScroll(false);
+      this.element.triggerChevron?.removeAttribute("data-expanded");
 
-    // noToggle dropdowns should not close when the trigger is clicked (the
-    // "toggle" behavior), but they CAN still close via other interactions like
-    // Escape key or focus loss.
-    if (this.element.noToggle && eventType === "click") {
-      return;
-    }
-
-    this.lockScroll(false);
-    this.element.triggerChevron?.removeAttribute("data-expanded");
-
-    if (this.element.isPopoverVisible) {
-      this.element.isPopoverVisible = false;
-    }
-    if (this.showing) {
-      this.cleanupHideHandlers();
-      this.showing = false;
-      this.dispatchEventDropdownToggle(eventType);
+      if (this.element.isPopoverVisible) {
+        this.element.isPopoverVisible = false;
+      }
+      if (this.showing) {
+        this.cleanupHideHandlers();
+        this.showing = false;
+        this.dispatchEventDropdownToggle(eventType);
+      }
     }
-
-    // Only clear the global reference if the bib was actually hidden.
-    // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
-    // the singleton state so other dropdowns can't detect this one is still open.
     document.expandedAuroFloater = null;
   }
 
@@ -4825,7 +4812,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603172148';
+var formkitVersion$2 = '202603172151';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12573,7 +12560,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603172148';
+var formkitVersion$1 = '202603172151';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13612,7 +13599,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603172148';
+var formkitVersion = '202603172151';
 
 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

@@ -3467,32 +3467,19 @@ class AuroFloatingUI {
    * @param {String} eventType - The event type that triggered the hiding action.
    */
   hideBib(eventType = "unknown") {
-    if (this.element.disabled) {
-      return;
-    }
+    if (!this.element.disabled && !this.element.noToggle) {
+      this.lockScroll(false);
+      this.element.triggerChevron?.removeAttribute("data-expanded");
 
-    // noToggle dropdowns should not close when the trigger is clicked (the
-    // "toggle" behavior), but they CAN still close via other interactions like
-    // Escape key or focus loss.
-    if (this.element.noToggle && eventType === "click") {
-      return;
-    }
-
-    this.lockScroll(false);
-    this.element.triggerChevron?.removeAttribute("data-expanded");
-
-    if (this.element.isPopoverVisible) {
-      this.element.isPopoverVisible = false;
-    }
-    if (this.showing) {
-      this.cleanupHideHandlers();
-      this.showing = false;
-      this.dispatchEventDropdownToggle(eventType);
+      if (this.element.isPopoverVisible) {
+        this.element.isPopoverVisible = false;
+      }
+      if (this.showing) {
+        this.cleanupHideHandlers();
+        this.showing = false;
+        this.dispatchEventDropdownToggle(eventType);
+      }
     }
-
-    // Only clear the global reference if the bib was actually hidden.
-    // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
-    // the singleton state so other dropdowns can't detect this one is still open.
     document.expandedAuroFloater = null;
   }
 
@@ -4825,7 +4812,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603172148';
+var formkitVersion$2 = '202603172151';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12573,7 +12560,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603172148';
+var formkitVersion$1 = '202603172151';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13612,7 +13599,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603172148';
+var formkitVersion = '202603172151';
 
 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/counter/demo/api.min.js

@@ -1470,7 +1470,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202603172148';
+var formkitVersion$1 = '202603172151';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -4118,32 +4118,19 @@ class AuroFloatingUI {
    * @param {String} eventType - The event type that triggered the hiding action.
    */
   hideBib(eventType = "unknown") {
-    if (this.element.disabled) {
-      return;
-    }
+    if (!this.element.disabled && !this.element.noToggle) {
+      this.lockScroll(false);
+      this.element.triggerChevron?.removeAttribute("data-expanded");
 
-    // noToggle dropdowns should not close when the trigger is clicked (the
-    // "toggle" behavior), but they CAN still close via other interactions like
-    // Escape key or focus loss.
-    if (this.element.noToggle && eventType === "click") {
-      return;
-    }
-
-    this.lockScroll(false);
-    this.element.triggerChevron?.removeAttribute("data-expanded");
-
-    if (this.element.isPopoverVisible) {
-      this.element.isPopoverVisible = false;
-    }
-    if (this.showing) {
-      this.cleanupHideHandlers();
-      this.showing = false;
-      this.dispatchEventDropdownToggle(eventType);
+      if (this.element.isPopoverVisible) {
+        this.element.isPopoverVisible = false;
+      }
+      if (this.showing) {
+        this.cleanupHideHandlers();
+        this.showing = false;
+        this.dispatchEventDropdownToggle(eventType);
+      }
     }
-
-    // Only clear the global reference if the bib was actually hidden.
-    // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
-    // the singleton state so other dropdowns can't detect this one is still open.
     document.expandedAuroFloater = null;
   }
 
@@ -5476,7 +5463,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603172148';
+var formkitVersion = '202603172151';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {