@aurodesignsystem/auro-formkit 6.0.3 → 6.1.0

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

@@ -4992,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608111803';
+var formkitVersion$2 = '202608262225';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -17164,6 +17164,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18283,6 +18285,18 @@ class BaseInput extends AuroElement$1 {
         cardIcon: 'cc-dinersclub',
         maskFormat: "0000 000000 0000"
       },
+      {
+        // JCB is variable length (16-19 digits), like UnionPay, so it reuses the
+        // formatMinLength/formatLength range machinery. The 35 prefix overlaps no
+        // other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
+        name: 'JCB',
+        regex: /^(?<num>35)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-jcb',
+        maskFormat: "0000 0000 0000 0000 000"
+      },
       {
         name: 'Visa',
         regex: /^(?<num>4)\d{0}/u,
@@ -18314,6 +18328,20 @@ class BaseInput extends AuroElement$1 {
         errorMessage: CreditCardValidationMessage,
         cardIcon: 'cc-discover',
         maskFormat: "0000 0000 0000 0000"
+      },
+      {
+        // China UnionPay is variable length (16-19 digits). It must come after
+        // Discover so the last-match-wins loop below gives its 62 prefix
+        // precedence over the generic `6` that resolves to Discover. 81 is used
+        // by UnionPay cards issued outside mainland China and overlaps no other
+        // brand. 60 is intentionally excluded (it overlaps real Discover 6011).
+        name: 'China UnionPay',
+        regex: /^(?<num>62|81)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-unionpay',
+        maskFormat: "0000 0000 0000 0000 000"
       }
     ];
 
@@ -18331,7 +18359,12 @@ class BaseInput extends AuroElement$1 {
       }
     });
 
-    this.validationCCLength = type.formatLength;
+    // Variable-length brands (both min and max defined, e.g. UnionPay) validate
+    // against the minimum masked length so shorter-but-valid entries are not
+    // flagged tooShort. Fixed-length brands keep their single formatLength.
+    this.validationCCLength = type.formatMinLength && type.formatLength
+      ? type.formatMinLength
+      : type.formatLength;
 
     return type;
   }
@@ -18690,7 +18723,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608111803';
+var formkitVersion$1 = '202608262225';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18791,15 +18824,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18845,7 +18898,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18941,7 +18994,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19091,7 +19145,10 @@ class AuroInput extends BaseInput {
    */
   definePattern() {
     if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
-      return `.{${this.maxLength},${this.maxLength}}`;
+      // Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
+      // fixed-length brands leave minLength undefined and keep an exact length.
+      const minPatternLength = this.minLength || this.maxLength;
+      return `.{${minPatternLength},${this.maxLength}}`;
     }
 
     return this.pattern;
@@ -19152,7 +19209,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${o(this.a11yActivedescendant)}
@@ -19846,7 +19902,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608111803';
+var formkitVersion = '202608262225';
 
 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}`;
 
@@ -21541,8 +21597,13 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
+      } else if (this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen && this.validity !== undefined && !this.hasAttribute('error')) {
+        // Clear stale error state left by a previous validate(true) call.
+        // Do not clear when the error attribute is set — that is an externally forced error.
+        this.validity = undefined;
+        this.errorMessage = null;
       }
     });
 
@@ -21681,7 +21742,7 @@ class AuroCombobox extends AuroElement {
     // interaction). In fullscreen dialog mode, componentHasFocus returns false
     // because focus is inside the top-layer dialog, so also check
     // dropdownOpen and the fullscreen transition flag.
-    if (!this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
+    if (!this.noValidate && !this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
       this.validate();
     }
 

package/components/combobox/dist/index.js

@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608111803';
+var formkitVersion$2 = '202608262225';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -17075,6 +17075,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18194,6 +18196,18 @@ class BaseInput extends AuroElement$1 {
         cardIcon: 'cc-dinersclub',
         maskFormat: "0000 000000 0000"
       },
+      {
+        // JCB is variable length (16-19 digits), like UnionPay, so it reuses the
+        // formatMinLength/formatLength range machinery. The 35 prefix overlaps no
+        // other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
+        name: 'JCB',
+        regex: /^(?<num>35)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-jcb',
+        maskFormat: "0000 0000 0000 0000 000"
+      },
       {
         name: 'Visa',
         regex: /^(?<num>4)\d{0}/u,
@@ -18225,6 +18239,20 @@ class BaseInput extends AuroElement$1 {
         errorMessage: CreditCardValidationMessage,
         cardIcon: 'cc-discover',
         maskFormat: "0000 0000 0000 0000"
+      },
+      {
+        // China UnionPay is variable length (16-19 digits). It must come after
+        // Discover so the last-match-wins loop below gives its 62 prefix
+        // precedence over the generic `6` that resolves to Discover. 81 is used
+        // by UnionPay cards issued outside mainland China and overlaps no other
+        // brand. 60 is intentionally excluded (it overlaps real Discover 6011).
+        name: 'China UnionPay',
+        regex: /^(?<num>62|81)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-unionpay',
+        maskFormat: "0000 0000 0000 0000 000"
       }
     ];
 
@@ -18242,7 +18270,12 @@ class BaseInput extends AuroElement$1 {
       }
     });
 
-    this.validationCCLength = type.formatLength;
+    // Variable-length brands (both min and max defined, e.g. UnionPay) validate
+    // against the minimum masked length so shorter-but-valid entries are not
+    // flagged tooShort. Fixed-length brands keep their single formatLength.
+    this.validationCCLength = type.formatMinLength && type.formatLength
+      ? type.formatMinLength
+      : type.formatLength;
 
     return type;
   }
@@ -18601,7 +18634,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608111803';
+var formkitVersion$1 = '202608262225';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18702,15 +18735,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18756,7 +18809,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18852,7 +18905,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19002,7 +19056,10 @@ class AuroInput extends BaseInput {
    */
   definePattern() {
     if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
-      return `.{${this.maxLength},${this.maxLength}}`;
+      // Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
+      // fixed-length brands leave minLength undefined and keep an exact length.
+      const minPatternLength = this.minLength || this.maxLength;
+      return `.{${minPatternLength},${this.maxLength}}`;
     }
 
     return this.pattern;
@@ -19063,7 +19120,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
@@ -19757,7 +19813,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608111803';
+var formkitVersion = '202608262225';
 
 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}`;
 
@@ -21452,8 +21508,13 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
+      } else if (this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen && this.validity !== undefined && !this.hasAttribute('error')) {
+        // Clear stale error state left by a previous validate(true) call.
+        // Do not clear when the error attribute is set — that is an externally forced error.
+        this.validity = undefined;
+        this.errorMessage = null;
       }
     });
 
@@ -21592,7 +21653,7 @@ class AuroCombobox extends AuroElement {
     // interaction). In fullscreen dialog mode, componentHasFocus returns false
     // because focus is inside the top-layer dialog, so also check
     // dropdownOpen and the fullscreen transition flag.
-    if (!this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
+    if (!this.noValidate && !this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
       this.validate();
     }
 

package/components/combobox/dist/registered.js

@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608111803';
+var formkitVersion$2 = '202608262225';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -17075,6 +17075,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18194,6 +18196,18 @@ class BaseInput extends AuroElement$1 {
         cardIcon: 'cc-dinersclub',
         maskFormat: "0000 000000 0000"
       },
+      {
+        // JCB is variable length (16-19 digits), like UnionPay, so it reuses the
+        // formatMinLength/formatLength range machinery. The 35 prefix overlaps no
+        // other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
+        name: 'JCB',
+        regex: /^(?<num>35)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-jcb',
+        maskFormat: "0000 0000 0000 0000 000"
+      },
       {
         name: 'Visa',
         regex: /^(?<num>4)\d{0}/u,
@@ -18225,6 +18239,20 @@ class BaseInput extends AuroElement$1 {
         errorMessage: CreditCardValidationMessage,
         cardIcon: 'cc-discover',
         maskFormat: "0000 0000 0000 0000"
+      },
+      {
+        // China UnionPay is variable length (16-19 digits). It must come after
+        // Discover so the last-match-wins loop below gives its 62 prefix
+        // precedence over the generic `6` that resolves to Discover. 81 is used
+        // by UnionPay cards issued outside mainland China and overlaps no other
+        // brand. 60 is intentionally excluded (it overlaps real Discover 6011).
+        name: 'China UnionPay',
+        regex: /^(?<num>62|81)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-unionpay',
+        maskFormat: "0000 0000 0000 0000 000"
       }
     ];
 
@@ -18242,7 +18270,12 @@ class BaseInput extends AuroElement$1 {
       }
     });
 
-    this.validationCCLength = type.formatLength;
+    // Variable-length brands (both min and max defined, e.g. UnionPay) validate
+    // against the minimum masked length so shorter-but-valid entries are not
+    // flagged tooShort. Fixed-length brands keep their single formatLength.
+    this.validationCCLength = type.formatMinLength && type.formatLength
+      ? type.formatMinLength
+      : type.formatLength;
 
     return type;
   }
@@ -18601,7 +18634,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608111803';
+var formkitVersion$1 = '202608262225';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18702,15 +18735,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18756,7 +18809,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18852,7 +18905,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19002,7 +19056,10 @@ class AuroInput extends BaseInput {
    */
   definePattern() {
     if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
-      return `.{${this.maxLength},${this.maxLength}}`;
+      // Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
+      // fixed-length brands leave minLength undefined and keep an exact length.
+      const minPatternLength = this.minLength || this.maxLength;
+      return `.{${minPatternLength},${this.maxLength}}`;
     }
 
     return this.pattern;
@@ -19063,7 +19120,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
@@ -19757,7 +19813,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608111803';
+var formkitVersion = '202608262225';
 
 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}`;
 
@@ -21452,8 +21508,13 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
+      } else if (this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen && this.validity !== undefined && !this.hasAttribute('error')) {
+        // Clear stale error state left by a previous validate(true) call.
+        // Do not clear when the error attribute is set — that is an externally forced error.
+        this.validity = undefined;
+        this.errorMessage = null;
       }
     });
 
@@ -21592,7 +21653,7 @@ class AuroCombobox extends AuroElement {
     // interaction). In fullscreen dialog mode, componentHasFocus returns false
     // because focus is inside the top-layer dialog, so also check
     // dropdownOpen and the fullscreen transition flag.
-    if (!this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
+    if (!this.noValidate && !this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
       this.validate();
     }
 

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

@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202608111803';
+var formkitVersion$1 = '202608262225';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608111803';
+var formkitVersion = '202608262225';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {

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

@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202608111803';
+var formkitVersion$1 = '202608262225';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608111803';
+var formkitVersion = '202608262225';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {

package/components/counter/dist/index.js

@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608111803';
+var formkitVersion$1 = '202608262225';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608111803';
+var formkitVersion = '202608262225';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {

package/components/counter/dist/registered.js

@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608111803';
+var formkitVersion$1 = '202608262225';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608111803';
+var formkitVersion = '202608262225';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {