@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.1 → 0.0.0-pr1628.2

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

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

package/components/checkbox/demo/getting-started.min.js

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

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

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

package/components/checkbox/dist/index.js

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

package/components/checkbox/dist/registered.js

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

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

@@ -5299,7 +5299,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202611081756';
+var formkitVersion$2 = '202611081803';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19480,7 +19480,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081803';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -20766,7 +20766,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081803';
 
 var styleCss$3 = i$6`.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/getting-started.min.js

@@ -5299,7 +5299,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202611081756';
+var formkitVersion$2 = '202611081803';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19480,7 +19480,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081803';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -20766,7 +20766,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081803';
 
 var styleCss$3 = i$6`.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

@@ -5314,7 +5314,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202611081756';
+var formkitVersion$2 = '202611081803';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19495,7 +19495,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081803';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -20781,7 +20781,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081803';
 
 var styleCss$3 = i$6`.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

@@ -5232,7 +5232,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202611081756';
+var formkitVersion$2 = '202611081803';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19406,7 +19406,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081803';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -20692,7 +20692,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081803';
 
 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

@@ -5232,7 +5232,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202611081756';
+var formkitVersion$2 = '202611081803';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -19406,7 +19406,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081803';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -20692,7 +20692,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081803';
 
 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.md

@@ -22,17 +22,17 @@ A counter that lets people choose a number, such as how many passengers are trav
 
 ### Properties and attributes
 
-| Properties | Attributes | Modifiers | Type                   | Default   | Category | Range | Description                                                                                                                                                                                                                                           |
-| ---------- | ---------- | --------- | ---------------------- | --------- | -------- | ----- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| appearance | appearance |           | `default` \| `inverse` | `default` | ui       |       | Sets the colors to match the background behind the counter. Use `inverse` on dark backgrounds and `default` on light ones.                                                                                                                            |
-| disabled   | disabled   |           | boolean                |           | ui       |       | Turns the counter off. A disabled counter is shown in a muted style, its buttons can't be clicked, and it's removed from the keyboard tab order.                                                                                                      |
-| onDark     | ondark     |           | boolean                |           | ui       |       | Deprecated: Use `appearance="inverse"` instead.<br>Shows the counter in colors for dark backgrounds.                                                                                                                                                  |
-| error      | error      |           | string                 |           | behavior |       | Sets a custom error message, such as "Select at least one adult", and marks the counter invalid. The message replaces the help text. Set it with the `error` attribute: setting only the `error` property doesn't currently mark the counter invalid. |
-| max        | max        |           | number                 | `9`       | behavior | 0–9   | Sets the highest value the counter allows. The plus button turns off at this value.                                                                                                                                                                   |
-| min        | min        |           | number                 | `0`       | behavior | 0–9   | Sets the lowest value the counter allows. The counter starts at this value, and the minus button turns off at it.                                                                                                                                     |
-| name       | name       |           | string                 |           | behavior |       | Sets the key for this counter's entry in the group's `value` object, such as `adults`. Applies only inside `auro-counter-group`, which uses `counter-0`, `counter-1`, and so on for counters without a name.                                          |
-| validity   | validity   | readonly  | string                 |           | behavior |       | Reports whether the counter passes validation: `valid`, or the reason it fails, such as `customError`, `rangeOverflow`, or `rangeUnderflow`.                                                                                                          |
-| value      | value      |           | number \| undefined    |           | behavior |       | Sets the counter's value. A value outside `min` and `max` (0–9 by default) isn't moved back into range; it marks the counter invalid instead. A value that's `undefined`, `null`, or not a number clears the value to `undefined`.                    |
+| Properties | Attributes | Modifiers | Type                   | Default   | Category | Range | Description                                                                                                                                                                                                                                                                                                                               |
+| ---------- | ---------- | --------- | ---------------------- | --------- | -------- | ----- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| appearance | appearance |           | `default` \| `inverse` | `default` | ui       |       | Sets the colors to match the background behind the counter. Use `inverse` on dark backgrounds and `default` on light ones.                                                                                                                                                                                                                |
+| disabled   | disabled   |           | boolean                |           | ui       |       | Turns the counter off. A disabled counter is shown in a muted style, its buttons can't be clicked, and it's removed from the keyboard tab order.                                                                                                                                                                                          |
+| onDark     | ondark     |           | boolean                |           | ui       |       | Deprecated: Use `appearance="inverse"` instead.<br>Shows the counter in colors for dark backgrounds.                                                                                                                                                                                                                                      |
+| error      | error      |           | string                 |           | behavior |       | Sets a custom error message, such as "Select at least one adult", and marks the counter invalid. The message replaces the help text. Set the `error` attribute before the counter first renders, or call `validate()` after changing it: setting only the property, or changing the attribute later, doesn't currently update `validity`. |
+| max        | max        |           | number                 | `9`       | behavior | 0–9   | Sets the highest value the counter allows. The plus button turns off at this value.                                                                                                                                                                                                                                                       |
+| min        | min        |           | number                 | `0`       | behavior | 0–9   | Sets the lowest value the counter allows. The counter starts at this value, and the minus button turns off at it.                                                                                                                                                                                                                         |
+| name       | name       |           | string                 |           | behavior |       | Sets the key for this counter's entry in the group's `value` object, such as `adults`. Applies only inside `auro-counter-group`, which uses `counter-0`, `counter-1`, and so on for counters without a name.                                                                                                                              |
+| validity   | validity   | readonly  | string                 |           | behavior |       | Reports whether the counter passes validation: `valid`, or the reason it fails, such as `customError`, `rangeOverflow`, or `rangeUnderflow`.                                                                                                                                                                                              |
+| value      | value      |           | number \| undefined    |           | behavior |       | Sets the counter's value. A value outside `min` and `max` (0–9 by default) isn't moved back into range; it marks the counter invalid instead. A value that's `undefined`, `null`, or not a number clears the value to `undefined`.                                                                                                        |
 
 ### Methods
 
@@ -46,9 +46,9 @@ A counter that lets people choose a number, such as how many passengers are trav
 
 ### Events
 
-| Name  | Description                                    |
-| ----- | ---------------------------------------------- |
-| input | Notifies that the counter's value has changed. |
+| Name  | Description                                                                                                                                                                                    |
+| ----- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| input | Fires whenever `value` changes, including when the counter sets its starting value, with the new number in `event.detail.value`. It doesn't currently bubble, so listen on the counter itself. |
 
 ### Slots
 
@@ -134,10 +134,10 @@ Groups related counters, such as passenger types, so they share one total and on
 
 ### Events
 
-| Name                      | Description                                                                                                    |
-| ------------------------- | -------------------------------------------------------------------------------------------------------------- |
-| auroFormElement-validated | Fires each time the group is validated, with the result in `event.detail.validity` and `event.detail.message`. |
-| input                     | Fires when any counter's value changes, with the new `total` and `value` in `event.detail`.                    |
+| Name                      | Description                                                                                                                                             |
+| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| auroFormElement-validated | Fires each time the group is validated, with the result in `event.detail.validity` and `event.detail.message`.                                          |
+| input                     | Fires when any counter's value changes, with the new `total` and `value` in `event.detail`. It doesn't currently bubble, so listen on the group itself. |
 
 ### Slots
 

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

@@ -1166,7 +1166,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081803';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1231,7 +1231,7 @@ const keyboardStrategy = {
  * @csspart controlPlus - The plus button, which raises the value by 1.
  * @csspart helpText - The paragraph that shows the help text, or the error message while the counter is invalid.
  *
- * @event input - Notifies that the counter's value has changed.
+ * @event input - Fires whenever `value` changes, including when the counter sets its starting value, with the new number in `event.detail.value`. It doesn't currently bubble, so listen on the counter itself.
  */
 class AuroCounter extends i$1 {
 
@@ -1352,7 +1352,7 @@ class AuroCounter extends i$1 {
       },
 
       /**
-       * The trimmed text of the default slot, which `auro-counter-group` shows in its dropdown summary.
+       * Holds the trimmed text of the default slot, which `auro-counter-group` shows in its dropdown summary.
        * @private
        */
       defaultSlot: {
@@ -1390,7 +1390,7 @@ class AuroCounter extends i$1 {
       },
 
       /**
-       * Sets a custom error message, such as "Select at least one adult", and marks the counter invalid. The message replaces the help text. Set it with the `error` attribute: setting only the `error` property doesn't currently mark the counter invalid.
+       * Sets a custom error message, such as "Select at least one adult", and marks the counter invalid. The message replaces the help text. Set the `error` attribute before the counter first renders, or call `validate()` after changing it: setting only the property, or changing the attribute later, doesn't currently update `validity`.
        * @category behavior
        */
       error: {
@@ -5781,7 +5781,7 @@ class AuroHelpText extends i$1 {
   }
 }
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081803';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -8382,7 +8382,7 @@ const counterGroupKeyboardStrategy = {
  * @csspart helpText - The paragraph that shows the help text, or the combined error message while a counter is invalid. Rendered only when `isDropdown` is set.
  *
  * @event auroFormElement-validated - Fires each time the group is validated, with the result in `event.detail.validity` and `event.detail.message`.
- * @event input - Fires when any counter's value changes, with the new `total` and `value` in `event.detail`.
+ * @event input - Fires when any counter's value changes, with the new `total` and `value` in `event.detail`. It doesn't currently bubble, so listen on the group itself.
  */
 class AuroCounterGroup extends AuroElement {
   constructor() {
@@ -8514,8 +8514,8 @@ class AuroCounterGroup extends AuroElement {
       },
 
       /**
-       * The current error message to display when the component is invalid.
-       * This is set by validation and isn't available to consumers.
+       * Holds the error message shown while the group is invalid.
+       * Validation sets it, and it isn't available to consumers.
        * @private
        */
       errorMessage: {
@@ -8712,7 +8712,7 @@ class AuroCounterGroup extends AuroElement {
       },
 
       /**
-       * The current text in the valueText slot.
+       * Holds the text in the `valueText` slot.
        * @category behavior
        * @private
        */
@@ -8784,9 +8784,9 @@ class AuroCounterGroup extends AuroElement {
   };
 
   /**
-   * Synchronously recomputes this.validity/this.errorMessage from the current
-   * validity of the child counters. Extracted from updateValidity() so that
-   * validate() can re-apply this aggregation immediately after the shared
+   * Synchronously recomputes `this.validity` and `this.errorMessage` from the current
+   * validity of the child counters. Extracted from `updateValidity()` so that
+   * `validate()` can re-apply this aggregation immediately after the shared
    * validation engine runs, instead of waiting on a deferred timer.
    * @returns {void}
    * @private
@@ -8871,9 +8871,9 @@ class AuroCounterGroup extends AuroElement {
   }
 
   /**
-   * Configures the dropdown counters by selecting all `auro-counter` elements,
-   * appending them to the `auro-counter-wrapper` element within the shadow DOM,
-   * and setting up keyboard navigation and input event listeners.
+   * Finds the dropdown and the counters slotted into its `auro-counter-wrapper`,
+   * adds `input` and `auroFormElement-validated` listeners to each counter, and
+   * updates `value` and the group's validity. Also sets up the bib template when `isDropdown` is set.
    * @private
    */
   configureDropdownCounters() {
@@ -8905,7 +8905,7 @@ class AuroCounterGroup extends AuroElement {
   }
 
   /**
-   * Sets up a close event listener and moves any slotted `bib.fullscreen.headline` and `bib.fullscreen.footer` content into the bibtemplate.
+   * Finds the bib template, closes the dropdown when its close button is clicked, and moves focus to the close button when the fullscreen dropdown opens.
    * @private
    */
   configureBibtemplate() {

package/components/counter/demo/design.md

@@ -116,7 +116,7 @@
 <auro-header level="2" id="shapeSizeLayout">Shape, size, and layout support</auro-header>
 <p>The <code>auro-counter-group</code> component supports the <code>shape</code>, <code>size</code>, and <code>layout</code> feature set when <code>isDropdown</code> is set. The component defaults to <code>layout="classic"</code>, <code>shape="classic"</code>, and <code>size="xl"</code>.</p>
 <auro-header level="3" id="classicLayout">Classic layout</auro-header>
-<p>The <code>classic</code> layout is default for <code>auro-counter-group</code>. No customization is needed to achieve this look.</p>
+<p>The <code>classic</code> layout is the default for <code>auro-counter-group</code>. You don't need to set anything to get this look.</p>
 <div class="exampleWrapper">
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown.html) -->
 <!-- The below content is automatically added from ./../apiExamples/dropdown.html -->

package/components/counter/demo/getting-started.md

@@ -14,13 +14,20 @@
 <auro-anchorlink fluid href="#minimalConfig">Minimal config</auro-anchorlink>
 <auro-anchorlink fluid href="#slots">Slots</auro-anchorlink>
 <auro-anchorlink fluid href="#slotsGroup" class="level2 body-xs">auro-counter-group</auro-anchorlink>
+<auro-anchorlink fluid href="#slot-default-group" class="level2 body-xs">- (default)</auro-anchorlink>
 <auro-anchorlink fluid href="#slot-label" class="level2 body-xs">- label</auro-anchorlink>
 <auro-anchorlink fluid href="#slot-helpText" class="level2 body-xs">- helpText</auro-anchorlink>
 <auro-anchorlink fluid href="#slot-valueText" class="level2 body-xs">- valueText</auro-anchorlink>
+<auro-anchorlink fluid href="#slot-typeIcon" class="level2 body-xs">- typeIcon</auro-anchorlink>
+<auro-anchorlink fluid href="#slot-bib-fullscreen-headline" class="level2 body-xs">- bib.fullscreen.headline</auro-anchorlink>
+<auro-anchorlink fluid href="#slot-bib-fullscreen-footer" class="level2 body-xs">- bib.fullscreen.footer</auro-anchorlink>
+<auro-anchorlink fluid href="#slot-ariaLabel-bib-close" class="level2 body-xs">- ariaLabel.bib.close</auro-anchorlink>
 <auro-anchorlink fluid href="#slotsCounter" class="level2 body-xs">auro-counter</auro-anchorlink>
 <auro-anchorlink fluid href="#slot-default-counter" class="level2 body-xs">- (default)</auro-anchorlink>
 <auro-anchorlink fluid href="#slot-description" class="level2 body-xs">- description</auro-anchorlink>
 <auro-anchorlink fluid href="#slot-helpText-counter" class="level2 body-xs">- helpText</auro-anchorlink>
+<auro-anchorlink fluid href="#slot-ariaLabel-minus" class="level2 body-xs">- ariaLabel.minus</auro-anchorlink>
+<auro-anchorlink fluid href="#slot-ariaLabel-plus" class="level2 body-xs">- ariaLabel.plus</auro-anchorlink>
 <auro-anchorlink fluid href="#stateManagement">State management</auro-anchorlink>
 <auro-anchorlink fluid href="#validity" class="level2 body-xs">Validity</auro-anchorlink>
 <auro-anchorlink fluid href="#publicFunctions">Functions</auro-anchorlink>
@@ -28,6 +35,8 @@
 <auro-anchorlink fluid href="#increment" class="level2 body-xs">increment()</auro-anchorlink>
 <auro-anchorlink fluid href="#decrement" class="level2 body-xs">decrement()</auro-anchorlink>
 <auro-anchorlink fluid href="#reset" class="level2 body-xs">reset()</auro-anchorlink>
+<auro-anchorlink fluid href="#showBib" class="level2 body-xs">showBib()</auro-anchorlink>
+<auro-anchorlink fluid href="#hideBib" class="level2 body-xs">hideBib()</auro-anchorlink>
 </auro-nav>
 </nav>
 <div class="mainContent">
@@ -49,7 +58,7 @@
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/getting-started/customRegistration.md) -->
 <!-- The below content is automatically added from ./../docs/partials/getting-started/customRegistration.md -->
 <auro-header level="4">Custom component registration for version management</auro-header>
-There are two key parts to every Auro component: the <auro-hyperlink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</auro-hyperlink> and the custom element definition. The class defines the component's behavior, while the custom element registers it under a specific name so it can be used in HTML.
+Every Auro component has two key parts: the <auro-hyperlink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</auro-hyperlink> and the custom element definition. The class defines the component's behavior, while the custom element registers it under a specific name so it can be used in HTML.
 
 Import only the component class, then call its `register(name)` method with a unique name:
 
@@ -329,6 +338,8 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
 <auro-header level="2" id="slots">Slots</auro-header>
 <auro-header level="3" id="slotsGroup">auro-counter-group</auro-header>
 <p>The following slots are available on the <code>&lt;auro-counter-group&gt;</code> element.</p>
+<auro-header level="4" id="slot-default-group">(default)</auro-header>
+<p>The <code>auro-counter</code> elements in the group. Every group needs at least one.</p>
 <auro-header level="4" id="slot-label">label</auro-header>
 <p>The label shown in the dropdown trigger, such as "Passengers". Applies only when <code>isDropdown</code> is set.</p>
 <div class="exampleWrapper">
@@ -455,6 +466,14 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
 &lt;/div&gt;</code></pre>
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>
+<auro-header level="4" id="slot-typeIcon">typeIcon</auro-header>
+<p>An icon shown at the start of the dropdown trigger, such as a person icon for a passenger selector. Applies only when <code>isDropdown</code> is set.</p>
+<auro-header level="4" id="slot-bib-fullscreen-headline">bib.fullscreen.headline</auro-header>
+<p>The heading shown at the top of the fullscreen dropdown, such as "Passengers". Set it whenever <code>isDropdown</code> is set.</p>
+<auro-header level="4" id="slot-bib-fullscreen-footer">bib.fullscreen.footer</auro-header>
+<p>Content shown at the bottom of the fullscreen dropdown, such as Reset and Save buttons. Applies only when <code>isDropdown</code> is set.</p>
+<auro-header level="4" id="slot-ariaLabel-bib-close">ariaLabel.bib.close</auro-header>
+<p>Text screen readers announce for the close button in the fullscreen dropdown, such as "Close passenger selector". Defaults to "Close". Applies only when <code>isDropdown</code> is set.</p>
 <auro-header level="3" id="slotsCounter">auro-counter</auro-header>
 <p>The following slots are available on the <code>&lt;auro-counter&gt;</code> element.</p>
 <auro-header level="4" id="slot-default-counter">(default)</auro-header>
@@ -529,7 +548,11 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
   &lt;span slot="helpText"&gt;This is help text for the counter&lt;/span&gt;
 &lt;/auro-counter&gt;</code></pre>
 <!-- AURO-GENERATED-CONTENT:END -->
-</auro-accordion>
+</auro-accordion>
+<auro-header level="4" id="slot-ariaLabel-minus">ariaLabel.minus</auro-header>
+<p>Text screen readers announce for the minus button, such as "Remove adult". Defaults to "−" (a minus sign), so set it on every counter.</p>
+<auro-header level="4" id="slot-ariaLabel-plus">ariaLabel.plus</auro-header>
+<p>Text screen readers announce for the plus button, such as "Add adult". Defaults to "+", so set it on every counter.</p>
 <!-- AURO-GENERATED-CONTENT:END -->
 </section>
 <section>
@@ -602,6 +625,10 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
 }</code></pre>
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>
+<auro-header level="3" id="showBib">showBib()</auro-header>
+<p>Opens a counter group's dropdown if it's closed. Does nothing unless <code>isDropdown</code> is set.</p>
+<auro-header level="3" id="hideBib">hideBib()</auro-header>
+<p>Closes a counter group's dropdown if it's open. Does nothing unless <code>isDropdown</code> is set.</p>
 </section>
 </div>
 </div>

package/components/counter/demo/getting-started.min.js

@@ -1164,7 +1164,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081803';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1229,7 +1229,7 @@ const keyboardStrategy = {
  * @csspart controlPlus - The plus button, which raises the value by 1.
  * @csspart helpText - The paragraph that shows the help text, or the error message while the counter is invalid.
  *
- * @event input - Notifies that the counter's value has changed.
+ * @event input - Fires whenever `value` changes, including when the counter sets its starting value, with the new number in `event.detail.value`. It doesn't currently bubble, so listen on the counter itself.
  */
 class AuroCounter extends i$2 {
 
@@ -1350,7 +1350,7 @@ class AuroCounter extends i$2 {
       },
 
       /**
-       * The trimmed text of the default slot, which `auro-counter-group` shows in its dropdown summary.
+       * Holds the trimmed text of the default slot, which `auro-counter-group` shows in its dropdown summary.
        * @private
        */
       defaultSlot: {
@@ -1388,7 +1388,7 @@ class AuroCounter extends i$2 {
       },
 
       /**
-       * Sets a custom error message, such as "Select at least one adult", and marks the counter invalid. The message replaces the help text. Set it with the `error` attribute: setting only the `error` property doesn't currently mark the counter invalid.
+       * Sets a custom error message, such as "Select at least one adult", and marks the counter invalid. The message replaces the help text. Set the `error` attribute before the counter first renders, or call `validate()` after changing it: setting only the property, or changing the attribute later, doesn't currently update `validity`.
        * @category behavior
        */
       error: {
@@ -5779,7 +5779,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081803';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -8380,7 +8380,7 @@ const counterGroupKeyboardStrategy = {
  * @csspart helpText - The paragraph that shows the help text, or the combined error message while a counter is invalid. Rendered only when `isDropdown` is set.
  *
  * @event auroFormElement-validated - Fires each time the group is validated, with the result in `event.detail.validity` and `event.detail.message`.
- * @event input - Fires when any counter's value changes, with the new `total` and `value` in `event.detail`.
+ * @event input - Fires when any counter's value changes, with the new `total` and `value` in `event.detail`. It doesn't currently bubble, so listen on the group itself.
  */
 class AuroCounterGroup extends AuroElement {
   constructor() {
@@ -8512,8 +8512,8 @@ class AuroCounterGroup extends AuroElement {
       },
 
       /**
-       * The current error message to display when the component is invalid.
-       * This is set by validation and isn't available to consumers.
+       * Holds the error message shown while the group is invalid.
+       * Validation sets it, and it isn't available to consumers.
        * @private
        */
       errorMessage: {
@@ -8710,7 +8710,7 @@ class AuroCounterGroup extends AuroElement {
       },
 
       /**
-       * The current text in the valueText slot.
+       * Holds the text in the `valueText` slot.
        * @category behavior
        * @private
        */
@@ -8782,9 +8782,9 @@ class AuroCounterGroup extends AuroElement {
   };
 
   /**
-   * Synchronously recomputes this.validity/this.errorMessage from the current
-   * validity of the child counters. Extracted from updateValidity() so that
-   * validate() can re-apply this aggregation immediately after the shared
+   * Synchronously recomputes `this.validity` and `this.errorMessage` from the current
+   * validity of the child counters. Extracted from `updateValidity()` so that
+   * `validate()` can re-apply this aggregation immediately after the shared
    * validation engine runs, instead of waiting on a deferred timer.
    * @returns {void}
    * @private
@@ -8869,9 +8869,9 @@ class AuroCounterGroup extends AuroElement {
   }
 
   /**
-   * Configures the dropdown counters by selecting all `auro-counter` elements,
-   * appending them to the `auro-counter-wrapper` element within the shadow DOM,
-   * and setting up keyboard navigation and input event listeners.
+   * Finds the dropdown and the counters slotted into its `auro-counter-wrapper`,
+   * adds `input` and `auroFormElement-validated` listeners to each counter, and
+   * updates `value` and the group's validity. Also sets up the bib template when `isDropdown` is set.
    * @private
    */
   configureDropdownCounters() {
@@ -8903,7 +8903,7 @@ class AuroCounterGroup extends AuroElement {
   }
 
   /**
-   * Sets up a close event listener and moves any slotted `bib.fullscreen.headline` and `bib.fullscreen.footer` content into the bibtemplate.
+   * Finds the bib template, closes the dropdown when its close button is clicked, and moves focus to the close button when the fullscreen dropdown opens.
    * @private
    */
   configureBibtemplate() {