@aurodesignsystem/auro-formkit 2.0.0-beta.17 → 2.0.0-beta.19

package/components/combobox/demo/api.md

@@ -25,10 +25,11 @@
 
 ## Methods
 
-| Method  | Type       | Description                         |
-|---------|------------|-------------------------------------|
-| [focus](#focus) | `(): void` | Focuses the combobox trigger input. |
-| [reset](#reset) | `(): void` | Resets component to initial state.  |
+| Method     | Type                                   | Description                                      |
+|------------|----------------------------------------|--------------------------------------------------|
+| [focus](#focus)    | `(): void`                             | Focuses the combobox trigger input.              |
+| [reset](#reset)    | `(): void`                             | Resets component to initial state.               |
+| [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value<br /><br />**force**: Whether to force validation. |
 
 ## Events
 

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

@@ -6337,7 +6337,7 @@ class BaseInput extends r$5 {
     }
 
     if (changedProperties.has('error')) {
-      this.validation.validate(this, true);
+      this.validate(true);
     }
 
     if (changedProperties.has('validity')) {
@@ -6529,11 +6529,11 @@ class BaseInput extends r$5 {
   }
 
   /**
-   * Public method force validation of input.
-   * @returns {void}
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
    */
-  validate() {
-    this.validation.validate(this);
+  validate(force = false) {
+    this.validation.validate(this, force);
   }
 
   /**
@@ -9754,7 +9754,7 @@ class AuroCombobox extends r$7 {
      */
     this.addEventListener('focusout', () => {
       if (document.activeElement !== this) {
-        this.validation.validate(this);
+        this.validate();
       }
 
       // Set to undefined if empty
@@ -9832,7 +9832,7 @@ class AuroCombobox extends r$7 {
 
     // Validate only if the value was set programmatically
     if (document.activeElement !== this) {
-      this.validation.validate(this);
+      this.validate();
     }
 
     // Hide menu if value is empty, otherwise show if there are available suggestions
@@ -9961,6 +9961,14 @@ class AuroCombobox extends r$7 {
     this.menu.value = undefined;
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     // After the component is ready, send direct value changes to auro-menu.
     if (changedProperties.has('value')) {
@@ -9989,7 +9997,7 @@ class AuroCombobox extends r$7 {
 
     if (changedProperties.has('error')) {
       this.input.setAttribute('error', this.getAttribute('error'));
-      this.validation.validate(this);
+      this.validate();
     }
   }
 

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

@@ -6195,7 +6195,7 @@ class BaseInput extends r$5 {
     }
 
     if (changedProperties.has('error')) {
-      this.validation.validate(this, true);
+      this.validate(true);
     }
 
     if (changedProperties.has('validity')) {
@@ -6387,11 +6387,11 @@ class BaseInput extends r$5 {
   }
 
   /**
-   * Public method force validation of input.
-   * @returns {void}
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
    */
-  validate() {
-    this.validation.validate(this);
+  validate(force = false) {
+    this.validation.validate(this, force);
   }
 
   /**
@@ -9612,7 +9612,7 @@ class AuroCombobox extends r$7 {
      */
     this.addEventListener('focusout', () => {
       if (document.activeElement !== this) {
-        this.validation.validate(this);
+        this.validate();
       }
 
       // Set to undefined if empty
@@ -9690,7 +9690,7 @@ class AuroCombobox extends r$7 {
 
     // Validate only if the value was set programmatically
     if (document.activeElement !== this) {
-      this.validation.validate(this);
+      this.validate();
     }
 
     // Hide menu if value is empty, otherwise show if there are available suggestions
@@ -9819,6 +9819,14 @@ class AuroCombobox extends r$7 {
     this.menu.value = undefined;
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     // After the component is ready, send direct value changes to auro-menu.
     if (changedProperties.has('value')) {
@@ -9847,7 +9855,7 @@ class AuroCombobox extends r$7 {
 
     if (changedProperties.has('error')) {
       this.input.setAttribute('error', this.getAttribute('error'));
-      this.validation.validate(this);
+      this.validate();
     }
   }
 

package/components/combobox/dist/auro-combobox.d.ts

@@ -225,6 +225,11 @@ export class AuroCombobox extends LitElement {
      * @returns {void}
      */
     reset(): void;
+    /**
+     * Validates value
+     * @param {boolean} [force=false] - Whether to force validation.
+     */
+    validate(force?: boolean): void;
     updated(changedProperties: any): void;
     /**
      * Watch for slot changes and recalculate the menuoptions.

package/components/combobox/dist/auro-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-combobox.d.ts","sourceRoot":"","sources":["../src/auro-combobox.js"],"names":[],"mappings":"AA8BA;;;;;;GAMG;AAGH;IAoCE;QAII;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;;QAOH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;MAMN;IAED,+CAEC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAzKC,kBAAqB;IACrB,cAAyB;IACzB,aAAsB;IACtB,sBAA+B;IAKjC;;;OAGG;IACH,wBAeC;IAdC,wBAA0B;IAC1B,kBAAwB;IACxB,4BAAqD;IAErD,+BAA0C;IAE1C,kBAAiD;IAEjD,8BAAiC;IAIjC,iBAAyF;IACzF,cAA6E;IAiJ/E;;;;OAIG;IACH,0BA4EC;IA1CG,mBAA8B;IA4ClC;;;;OAIG;IACH,6BAMC;IAJG,qCAA+E;IAMnF;;;;OAIG;IACH,gBAIC;IAED;;;;OAIG;IACH,gBAcC;IAED;;;;OAIG;IACH,0BAaC;IAZC,iBAA8D;IAchE;;;;OAIG;IACH,sBA0EC;IAzEC,cAAwD;IA2E1D;;;;OAIG;IACH,uBAwBC;IAFG,kBAAsC;IAI1C;;;;;;;;;;;;;OAaG;IACH,gCAOC;IAED;;;;OAIG;IACH,+BA2DC;IAED;;;;OAIG;IACH,0BAyCC;IAWC,iBAAiE;IAWnE,qBAgBC;IAZC,cAA4E;IAC5E,WAAoE;IAatE;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,SAFa,IAAI,CAMhB;IAED,sCA8BC;IAED;;;;;OAKG;IACH,yBAcC;IAGD,4CAoDC;CACF;2BA/vB0B,KAAK;+BAKD,+BAA+B;+BAWvD,6BAA6B;2CAA7B,6BAA6B"}
+{"version":3,"file":"auro-combobox.d.ts","sourceRoot":"","sources":["../src/auro-combobox.js"],"names":[],"mappings":"AA8BA;;;;;;GAMG;AAGH;IAoCE;QAII;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;;QAOH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;MAMN;IAED,+CAEC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAzKC,kBAAqB;IACrB,cAAyB;IACzB,aAAsB;IACtB,sBAA+B;IAKjC;;;OAGG;IACH,wBAeC;IAdC,wBAA0B;IAC1B,kBAAwB;IACxB,4BAAqD;IAErD,+BAA0C;IAE1C,kBAAiD;IAEjD,8BAAiC;IAIjC,iBAAyF;IACzF,cAA6E;IAiJ/E;;;;OAIG;IACH,0BA4EC;IA1CG,mBAA8B;IA4ClC;;;;OAIG;IACH,6BAMC;IAJG,qCAA+E;IAMnF;;;;OAIG;IACH,gBAIC;IAED;;;;OAIG;IACH,gBAcC;IAED;;;;OAIG;IACH,0BAaC;IAZC,iBAA8D;IAchE;;;;OAIG;IACH,sBA0EC;IAzEC,cAAwD;IA2E1D;;;;OAIG;IACH,uBAwBC;IAFG,kBAAsC;IAI1C;;;;;;;;;;;;;OAaG;IACH,gCAOC;IAED;;;;OAIG;IACH,+BA2DC;IAED;;;;OAIG;IACH,0BAyCC;IAWC,iBAAiE;IAWnE,qBAgBC;IAZC,cAA4E;IAC5E,WAAoE;IAatE;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,SAFa,IAAI,CAMhB;IAED;;;OAGG;IACH,iBAFW,OAAO,QAIjB;IAED,sCA8BC;IAED;;;;;OAKG;IACH,yBAcC;IAGD,4CAoDC;CACF;2BAvwB0B,KAAK;+BAKD,+BAA+B;+BAWvD,6BAA6B;2CAA7B,6BAA6B"}

package/components/combobox/dist/index.js

@@ -6172,7 +6172,7 @@ class BaseInput extends r$5 {
     }
 
     if (changedProperties.has('error')) {
-      this.validation.validate(this, true);
+      this.validate(true);
     }
 
     if (changedProperties.has('validity')) {
@@ -6364,11 +6364,11 @@ class BaseInput extends r$5 {
   }
 
   /**
-   * Public method force validation of input.
-   * @returns {void}
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
    */
-  validate() {
-    this.validation.validate(this);
+  validate(force = false) {
+    this.validation.validate(this, force);
   }
 
   /**
@@ -9589,7 +9589,7 @@ class AuroCombobox extends r$7 {
      */
     this.addEventListener('focusout', () => {
       if (document.activeElement !== this) {
-        this.validation.validate(this);
+        this.validate();
       }
 
       // Set to undefined if empty
@@ -9667,7 +9667,7 @@ class AuroCombobox extends r$7 {
 
     // Validate only if the value was set programmatically
     if (document.activeElement !== this) {
-      this.validation.validate(this);
+      this.validate();
     }
 
     // Hide menu if value is empty, otherwise show if there are available suggestions
@@ -9796,6 +9796,14 @@ class AuroCombobox extends r$7 {
     this.menu.value = undefined;
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     // After the component is ready, send direct value changes to auro-menu.
     if (changedProperties.has('value')) {
@@ -9824,7 +9832,7 @@ class AuroCombobox extends r$7 {
 
     if (changedProperties.has('error')) {
       this.input.setAttribute('error', this.getAttribute('error'));
-      this.validation.validate(this);
+      this.validate();
     }
   }
 

package/components/combobox/src/auro-combobox.js

@@ -458,7 +458,7 @@ export class AuroCombobox extends LitElement {
      */
     this.addEventListener('focusout', () => {
       if (document.activeElement !== this) {
-        this.validation.validate(this);
+        this.validate();
       }
 
       // Set to undefined if empty
@@ -536,7 +536,7 @@ export class AuroCombobox extends LitElement {
 
     // Validate only if the value was set programmatically
     if (document.activeElement !== this) {
-      this.validation.validate(this);
+      this.validate();
     }
 
     // Hide menu if value is empty, otherwise show if there are available suggestions
@@ -665,6 +665,14 @@ export class AuroCombobox extends LitElement {
     this.menu.value = undefined;
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     // After the component is ready, send direct value changes to auro-menu.
     if (changedProperties.has('value')) {
@@ -693,7 +701,7 @@ export class AuroCombobox extends LitElement {
 
     if (changedProperties.has('error')) {
       this.input.setAttribute('error', this.getAttribute('error'));
-      this.validation.validate(this);
+      this.validate();
     }
   }
 

package/components/counter/.turbo/turbo-build.log

@@ -342,10 +342,10 @@ Complete!
 created dist in 1.8s
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 1.4s
+created ./demo/ in 1.6s
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 944ms
+created ./demo/ in 1.4s
 
 > @aurodesignsystem/auro-counter@1.0.0 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component counter

package/components/counter/.turbo/turbo-bundler.log

@@ -7,10 +7,13 @@
 (!) Unresolved dependencies
 https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
 @aurodesignsystem/auro-dropdown (imported by "src/auro-counter-group.js")
-created dist in 1.4s
+created dist in 1.1s
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 1.2s
+(!) Unresolved dependencies
+https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
+@aurodesignsystem/auro-dropdown (imported by "src/auro-counter-group.js")
+created ./demo/ in 787ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 1.2s
+created ./demo/ in 1.4s

package/components/counter/README.md

@@ -100,7 +100,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
 <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.12.1/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-counter@2.0.0-beta.16/dist/auro-counter__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-counter@2.0.0-beta.18/dist/auro-counter__bundled.js" type="module"></script>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## auro-counter use cases

package/components/counter/demo/api.md

@@ -15,10 +15,11 @@
 
 ## Methods
 
-| Method      | Type                                  | Description                                      |
-|-------------|---------------------------------------|--------------------------------------------------|
-| [decrement](#decrement) | `(value?: number \| undefined): void` | Decrements the value of the counter by 1. If a value is provided, it decrements by that amount.<br /><br />**value**: The amount to decrement by. |
-| [increment](#increment) | `(value?: number \| undefined): void` | Increments the counter value by 1. If a value is provided, it increments by that amount.<br /><br />**value**: The amount to increment by. |
+| Method      | Type                                   | Description                                      |
+|-------------|----------------------------------------|--------------------------------------------------|
+| [decrement](#decrement) | `(value?: number \| undefined): void`  | Decrements the value of the counter by 1. If a value is provided, it decrements by that amount.<br /><br />**value**: The amount to decrement by. |
+| [increment](#increment) | `(value?: number \| undefined): void`  | Increments the counter value by 1. If a value is provided, it increments by that amount.<br /><br />**value**: The amount to increment by. |
+| [validate](#validate)  | `(force?: boolean \| undefined): void` | Validates value<br /><br />**force**: Whether to force validation. |
 
 ## Events
 
@@ -46,6 +47,12 @@
 | [validity](#validity)   | `validity`   | `string`  | "undefined" | Reflects the validity state.                     |
 | [value](#value)      | `value`      | `object`  | "undefined" | The current individual values of the nested counters. |
 
+## Methods
+
+| Method     | Type                                   | Description                                      |
+|------------|----------------------------------------|--------------------------------------------------|
+| [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value<br /><br />**force**: Whether to force validation. |
+
 ## Events
 
 | Event   | Type                                             |

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

@@ -1297,7 +1297,7 @@ var colorCss$4 = i$b`.counter{color:var(--ds-auro-counter-text-default)}[name=de
 
 var styleCss$5 = i$b`.counter{display:flex;align-items:center;justify-content:space-between;column-gap:var(--ds-size-150, 0.75rem)}.content{display:flex;flex-flow:column}[name=description]::slotted(*){display:block;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}.quantityWrapper{width:var(--ds-size-400, 2rem);height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));align-content:center;cursor:default;font-size:var(--ds-size-250, 1.25rem);text-align:center}:host{position:relative}:host::part(counterControl){display:flex;line-height:0}:host::part(controlMinus){--ds-auro-counter-control-border-radius: var(--ds-size-500, 2.5rem) 0 0 var(--ds-size-500, 2.5rem);--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host::part(controlPlus){--ds-auro-counter-control-border-radius: 0 var(--ds-size-500, 2.5rem) var(--ds-size-500, 2.5rem) 0;--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem)}auro-counter-button{display:flex}`;
 
-/* eslint-disable lit/binding-positions, lit/no-invalid-html */
+/* eslint-disable lit/binding-positions, lit/no-invalid-html, max-lines */
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
@@ -1500,13 +1500,22 @@ class AuroCounter extends r$4 {
     this.checkSlots();
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
+
   firstUpdated() {
     this.initValue();
   }
 
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {
@@ -4781,9 +4790,17 @@ class AuroCounterGroup extends r$4 {
     });
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {

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

@@ -1297,7 +1297,7 @@ var colorCss$4 = i$b`.counter{color:var(--ds-auro-counter-text-default)}[name=de
 
 var styleCss$5 = i$b`.counter{display:flex;align-items:center;justify-content:space-between;column-gap:var(--ds-size-150, 0.75rem)}.content{display:flex;flex-flow:column}[name=description]::slotted(*){display:block;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}.quantityWrapper{width:var(--ds-size-400, 2rem);height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));align-content:center;cursor:default;font-size:var(--ds-size-250, 1.25rem);text-align:center}:host{position:relative}:host::part(counterControl){display:flex;line-height:0}:host::part(controlMinus){--ds-auro-counter-control-border-radius: var(--ds-size-500, 2.5rem) 0 0 var(--ds-size-500, 2.5rem);--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host::part(controlPlus){--ds-auro-counter-control-border-radius: 0 var(--ds-size-500, 2.5rem) var(--ds-size-500, 2.5rem) 0;--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem)}auro-counter-button{display:flex}`;
 
-/* eslint-disable lit/binding-positions, lit/no-invalid-html */
+/* eslint-disable lit/binding-positions, lit/no-invalid-html, max-lines */
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
@@ -1500,13 +1500,22 @@ class AuroCounter extends r$4 {
     this.checkSlots();
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
+
   firstUpdated() {
     this.initValue();
   }
 
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {
@@ -4781,9 +4790,17 @@ class AuroCounterGroup extends r$4 {
     });
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {

package/components/counter/dist/auro-counter-group.d.ts

@@ -115,6 +115,11 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private updateValue;
+    /**
+     * Validates value
+     * @param {boolean} [force=false] - Whether to force validation.
+     */
+    validate(force?: boolean): void;
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult;
 }

package/components/counter/dist/auro-counter-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-counter-group.d.ts","sourceRoot":"","sources":["../src/auro-counter-group.js"],"names":[],"mappings":"AAqBA;;;;;;;;;GASG;AACH;IAoCE,+CAEC;IAED;QAGI;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;MAKN;IA0GD;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IAtMC,oBAAuB;IAEvB,SAAoB;IACpB,SAAoB;IACpB,cAAsB;IACtB,cAAyB;IACzB,UAAsB;IAEtB;;OAEG;IACH,iBAAyB;IAEzB;;OAEG;IACH,mBAA0C;IAQ1C;;;;OAIG;IACH,oBAAyF;IAyD3F;;;;;;;OAOG;IACH,uBASC;IAED;;;;;OAKG;IACH,0BAKC;IAED;;;;;OAKG;IACH,kCAYC;IAED;;;;;OAKG;IACH,6BAGC;IAED;;;;;OAKG;IACH,oBAeC;IAED,sCAgBC;IAaD,4CAWC;CACF;2BAhP0B,KAAK"}
+{"version":3,"file":"auro-counter-group.d.ts","sourceRoot":"","sources":["../src/auro-counter-group.js"],"names":[],"mappings":"AAqBA;;;;;;;;;GASG;AACH;IAoCE,+CAEC;IAED;QAGI;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;MAKN;IAkHD;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IA9MC,oBAAuB;IAEvB,SAAoB;IACpB,SAAoB;IACpB,cAAsB;IACtB,cAAyB;IACzB,UAAsB;IAEtB;;OAEG;IACH,iBAAyB;IAEzB;;OAEG;IACH,mBAA0C;IAQ1C;;;;OAIG;IACH,oBAAyF;IAyD3F;;;;;;;OAOG;IACH,uBASC;IAED;;;;;OAKG;IACH,0BAKC;IAED;;;;;OAKG;IACH,kCAYC;IAED;;;;;OAKG;IACH,6BAGC;IAED;;;;;OAKG;IACH,oBAeC;IAED;;;OAGG;IACH,iBAFW,OAAO,QAIjB;IAED,sCAgBC;IAaD,4CAWC;CACF;2BAxP0B,KAAK"}

package/components/counter/dist/auro-counter.d.ts

@@ -82,6 +82,11 @@ export class AuroCounter extends LitElement {
      * @private
      */
     private handleSlotChange;
+    /**
+     * Validates value
+     * @param {boolean} [force=false] - Whether to force validation.
+     */
+    validate(force?: boolean): void;
     firstUpdated(): void;
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult;

package/components/counter/dist/auro-counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-counter.d.ts","sourceRoot":"","sources":["../src/auro-counter.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;GAUG;AACH;IA+BE;;;OAGG;IACH,6BA0DC;IAED;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IAED,+CAMC;IA3GC,kBAAqB;IACrB,oBAAuB;IACvB,oBAAuB;IACvB,YAAY;IACZ,YAAY;IACZ,cAAyB;IACzB,cAAsB;IAEtB;;OAEG;IACH,mBAA0C;IAQ1C;;;;OAIG;IACH,gBAAyE;IAqF3E;;;;;OAKG;IACH,kBAHW,MAAM,GACJ,IAAI,CAIhB;IAED;;;;;OAKG;IACH,kBAHW,MAAM,GACJ,IAAI,CAIhB;IAED;;;;OAIG;IACH,kBAIC;IAED;;;;;;OAMG;IACH,4BAWC;IAED;;;;;OAKG;IACH,2BAKC;IAED;;;;;OAKG;IACH,yBAEC;IAED,qBAEC;IAED,sCAkCC;IAED,4CA+BC;CACF;2BAlS0B,KAAK"}
+{"version":3,"file":"auro-counter.d.ts","sourceRoot":"","sources":["../src/auro-counter.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;GAUG;AACH;IA+BE;;;OAGG;IACH,6BA0DC;IAED;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IAED,+CAMC;IA3GC,kBAAqB;IACrB,oBAAuB;IACvB,oBAAuB;IACvB,YAAY;IACZ,YAAY;IACZ,cAAyB;IACzB,cAAsB;IAEtB;;OAEG;IACH,mBAA0C;IAQ1C;;;;OAIG;IACH,gBAAyE;IAqF3E;;;;;OAKG;IACH,kBAHW,MAAM,GACJ,IAAI,CAIhB;IAED;;;;;OAKG;IACH,kBAHW,MAAM,GACJ,IAAI,CAIhB;IAED;;;;OAIG;IACH,kBAIC;IAED;;;;;;OAMG;IACH,4BAWC;IAED;;;;;OAKG;IACH,2BAKC;IAED;;;;;OAKG;IACH,yBAEC;IAED;;;OAGG;IACH,iBAFW,OAAO,QAIjB;IAGD,qBAEC;IAED,sCAkCC;IAED,4CA+BC;CACF;2BA3S0B,KAAK"}

package/components/counter/dist/index.js

@@ -1297,7 +1297,7 @@ var colorCss$4 = i$b`.counter{color:var(--ds-auro-counter-text-default)}[name=de
 
 var styleCss$5 = i$b`.counter{display:flex;align-items:center;justify-content:space-between;column-gap:var(--ds-size-150, 0.75rem)}.content{display:flex;flex-flow:column}[name=description]::slotted(*){display:block;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}.quantityWrapper{width:var(--ds-size-400, 2rem);height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));align-content:center;cursor:default;font-size:var(--ds-size-250, 1.25rem);text-align:center}:host{position:relative}:host::part(counterControl){display:flex;line-height:0}:host::part(controlMinus){--ds-auro-counter-control-border-radius: var(--ds-size-500, 2.5rem) 0 0 var(--ds-size-500, 2.5rem);--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host::part(controlPlus){--ds-auro-counter-control-border-radius: 0 var(--ds-size-500, 2.5rem) var(--ds-size-500, 2.5rem) 0;--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem)}auro-counter-button{display:flex}`;
 
-/* eslint-disable lit/binding-positions, lit/no-invalid-html */
+/* eslint-disable lit/binding-positions, lit/no-invalid-html, max-lines */
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
@@ -1500,13 +1500,22 @@ class AuroCounter extends r$4 {
     this.checkSlots();
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
+
   firstUpdated() {
     this.initValue();
   }
 
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {
@@ -4781,9 +4790,17 @@ class AuroCounterGroup extends r$4 {
     });
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {

package/components/counter/src/auro-counter-group.js

@@ -205,9 +205,17 @@ export class AuroCounterGroup extends LitElement {
     });
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {

package/components/counter/src/auro-counter.js

@@ -1,4 +1,4 @@
-/* eslint-disable lit/binding-positions, lit/no-invalid-html */
+/* eslint-disable lit/binding-positions, lit/no-invalid-html, max-lines */
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
@@ -220,13 +220,22 @@ export class AuroCounter extends LitElement {
     this.checkSlots();
   }
 
+  /**
+   * Validates value
+   * @param {boolean} [force=false] - Whether to force validation.
+   */
+  validate(force = false) {
+    this.validation.validate(this, force);
+  }
+
+
   firstUpdated() {
     this.initValue();
   }
 
   updated(changedProperties) {
     if (changedProperties.has("value")) {
-      this.validation.validate(this);
+      this.validate();
       this.dispatchEvent(
         new CustomEvent("input", {
           detail: {

package/components/datepicker/.turbo/turbo-build.log

@@ -373,13 +373,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 7.7s
+created dist in 7.3s
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 3.6s
+created ./demo/ in 3.7s
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 3.4s
+created ./demo/ in 3.3s
 
 > @aurodesignsystem/auro-datepicker@3.2.0 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component datepicker

package/components/datepicker/README.md

@@ -93,10 +93,10 @@ In cases where the project is not able to process JS assets, there are pre-proce
 <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.12.1/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.16/dist/auro-dropdown__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.16/dist/auro-input__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-popover@2.0.0-beta.16/dist/auro-popover__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-datepicker@2.0.0-beta.16/dist/auro-datepicker__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.18/dist/auro-dropdown__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.18/dist/auro-input__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-popover@2.0.0-beta.18/dist/auro-popover__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-datepicker@2.0.0-beta.18/dist/auro-datepicker__bundled.js" type="module"></script>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## auro-datepicker use cases

package/components/datepicker/demo/api.md

@@ -30,10 +30,11 @@
 
 ## Methods
 
-| Method  | Type                         | Description                                      |
-|---------|------------------------------|--------------------------------------------------|
-| [focus](#focus) | `(focusInput: string): void` | Focuses the datepicker trigger input.<br /><br />**focusInput**: Pass in `endDate` to focus on the return input. No parameter is needed to focus on the depart input. |
-| [reset](#reset) | `(): void`                   | Resets component to initial state.               |
+| Method     | Type                                   | Description                                      |
+|------------|----------------------------------------|--------------------------------------------------|
+| [focus](#focus)    | `(focusInput: string): void`           | Focuses the datepicker trigger input.<br /><br />**focusInput**: Pass in `endDate` to focus on the return input. No parameter is needed to focus on the depart input. |
+| [reset](#reset)    | `(): void`                             | Resets component to initial state.               |
+| [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value<br /><br />**force**: Whether to force validation. |
 
 ## Events