@aurodesignsystem-dev/auro-formkit 0.0.0-pr1249.0 → 0.0.0-pr1257.1

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

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

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

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

package/components/checkbox/dist/index.js

@@ -1552,7 +1552,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/registered.js

@@ -1552,7 +1552,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/combobox/README.md

@@ -91,11 +91,11 @@ This configuration enables proper module resolution for the component's TypeScri
   <span slot="bib.fullscreen.headline">Bib Header</span>
   <span slot="label">Name</span>
   <auro-menu>
-    <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-    <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-    <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-    <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-    <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+    <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+    <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+    <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+    <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+    <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
     <auro-menuoption static nomatch>No matching option</auro-menuoption>
   </auro-menu>
 </auro-combobox>

package/components/combobox/demo/api.md

@@ -96,11 +96,11 @@
     <span slot="bib.fullscreen.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
-      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+      <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
       <auro-menuoption static nomatch>No matching option</auro-menuoption>
     </auro-menu>
   </auro-combobox>
@@ -135,11 +135,11 @@
   <span slot="bib.fullscreen.headline">Bib Header</span>
   <span slot="label">Name</span>
   <auro-menu>
-    <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-    <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-    <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-    <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-    <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+    <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+    <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+    <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+    <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+    <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
     <auro-menuoption static nomatch>No matching option</auro-menuoption>
   </auro-menu>
 </auro-combobox>

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

@@ -4303,7 +4303,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202512022205';
+var formkitVersion$2 = '202512151926';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -11928,7 +11928,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12918,7 +12918,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 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}`;
 
@@ -13809,17 +13809,19 @@ class AuroCombobox extends AuroElement {
     if (this.menu) {
       this.menu.matchWord = this.input.value;
     }
-    this.updateTriggerTextDisplay();
+    const label = this.menu.currentLabel;
+    this.updateTriggerTextDisplay(label || this.value);
   }
 
   /**
    * Update displayValue or input.value, it's called when making a selection.
+   * @param {string} label - The label of the selected option.
    * @private
    */
-  updateTriggerTextDisplay() {
+  updateTriggerTextDisplay(label) {
     // update the input content if persistInput is false
     if (!this.persistInput) {
-      this.input.value = this.value;
+      this.input.value = label || this.value;
     }
 
     // update the displayValue in the trigger if displayValue slot content is present
@@ -14045,7 +14047,7 @@ class AuroCombobox extends AuroElement {
       this.value = event.detail.stringValue;
 
       // Update display
-      this.updateTriggerTextDisplay();
+      this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
       if (this.menu.matchWord !== this.input.value) {
@@ -15280,6 +15282,15 @@ class MenuService {
     return this.multiSelect ? values : values[0];
   }
 
+  /**
+   * Gets the label(s) of the currently selected option(s).
+   * @returns {string}
+   */
+  get currentLabel() {
+    const labels = (this.selectedOptions || []).map(option => option.textContent);
+    return this.multiSelect ? labels.join(", ") : labels[0] || '';
+  }
+
   /**
    * Gets the string representation of the current value(s).
    * For multi-select, this is a JSON stringified array.
@@ -15711,7 +15722,8 @@ class MenuService {
       value: this.currentValue,
       stringValue: this.stringValue,
       keys: this.currentKeys,
-      options: this.selectedOptions
+      options: this.selectedOptions,
+      label: this.currentLabel
     };
 
     // If only one option is selected, include its index
@@ -16032,6 +16044,14 @@ class AuroMenu extends AuroElement {
     ];
   }
 
+  /**
+   * @readonly
+   * @returns {string} - Returns the label of the currently selected option(s).
+   */
+  get currentLabel() {
+    return this.menuService.currentLabel;
+  };
+
   /**
    * @readonly
    * @returns {Array<HTMLElement>} - Returns the array of available menu options.

package/components/combobox/demo/index.md

@@ -35,11 +35,11 @@ The `<auro-combobox>` element should be used in situations where users may:
     <span slot="bib.fullscreen.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
-      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+      <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
       <auro-menuoption static nomatch>No matching option</auro-menuoption>
     </auro-menu>
   </auro-combobox>
@@ -57,11 +57,11 @@ The `<auro-combobox>` element should be used in situations where users may:
   <span slot="bib.fullscreen.headline">Bib Header</span>
   <span slot="label">Name</span>
   <auro-menu>
-    <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-    <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-    <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-    <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-    <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+    <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+    <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+    <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+    <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+    <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
     <auro-menuoption static nomatch>No matching option</auro-menuoption>
   </auro-menu>
 </auro-combobox>
@@ -80,11 +80,11 @@ The `<auro-combobox>` element should be used in situations where users may:
     <span slot="bib.fullscreen.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
-      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+      <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
       <auro-menuoption static nomatch>No matching option</auro-menuoption>
     </auro-menu>
     <span slot="helpText">
@@ -127,11 +127,11 @@ The `<auro-combobox>` element should be used in situations where users may:
     <span slot="bib.fullscreen.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
-      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+      <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
       <auro-menuoption static nomatch>No matching option</auro-menuoption>
     </auro-menu>
     <span slot="helpText">
@@ -158,11 +158,11 @@ The `<auro-combobox>` element should be used in situations where users may:
     <span slot="bib.fullscreen.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
-      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+      <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
       <auro-menuoption static nomatch>No matching option</auro-menuoption>
     </auro-menu>
     <span slot="helpText">
@@ -183,11 +183,11 @@ The `<auro-combobox>` element should be used in situations where users may:
     <span slot="bib.fullscreen.headline">Bib Header</span>
     <span slot="label">Name</span>
     <auro-menu>
-      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+      <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
       <auro-menuoption static nomatch>No matching option</auro-menuoption>
     </auro-menu>
   </auro-combobox>
@@ -222,11 +222,11 @@ The `<auro-combobox>` element should be used in situations where users may:
   <span slot="bib.fullscreen.headline">Bib Header</span>
   <span slot="label">Name</span>
   <auro-menu>
-    <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-    <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-    <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-    <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-    <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+    <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+    <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+    <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+    <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+    <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
     <auro-menuoption static nomatch>No matching option</auro-menuoption>
   </auro-menu>
 </auro-combobox>

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

@@ -4175,7 +4175,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202512022205';
+var formkitVersion$2 = '202512151926';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -11800,7 +11800,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12790,7 +12790,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 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}`;
 
@@ -13681,17 +13681,19 @@ class AuroCombobox extends AuroElement {
     if (this.menu) {
       this.menu.matchWord = this.input.value;
     }
-    this.updateTriggerTextDisplay();
+    const label = this.menu.currentLabel;
+    this.updateTriggerTextDisplay(label || this.value);
   }
 
   /**
    * Update displayValue or input.value, it's called when making a selection.
+   * @param {string} label - The label of the selected option.
    * @private
    */
-  updateTriggerTextDisplay() {
+  updateTriggerTextDisplay(label) {
     // update the input content if persistInput is false
     if (!this.persistInput) {
-      this.input.value = this.value;
+      this.input.value = label || this.value;
     }
 
     // update the displayValue in the trigger if displayValue slot content is present
@@ -13917,7 +13919,7 @@ class AuroCombobox extends AuroElement {
       this.value = event.detail.stringValue;
 
       // Update display
-      this.updateTriggerTextDisplay();
+      this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
       if (this.menu.matchWord !== this.input.value) {
@@ -15056,6 +15058,15 @@ class MenuService {
     return this.multiSelect ? values : values[0];
   }
 
+  /**
+   * Gets the label(s) of the currently selected option(s).
+   * @returns {string}
+   */
+  get currentLabel() {
+    const labels = (this.selectedOptions || []).map(option => option.textContent);
+    return this.multiSelect ? labels.join(", ") : labels[0] || '';
+  }
+
   /**
    * Gets the string representation of the current value(s).
    * For multi-select, this is a JSON stringified array.
@@ -15487,7 +15498,8 @@ class MenuService {
       value: this.currentValue,
       stringValue: this.stringValue,
       keys: this.currentKeys,
-      options: this.selectedOptions
+      options: this.selectedOptions,
+      label: this.currentLabel
     };
 
     // If only one option is selected, include its index
@@ -15808,6 +15820,14 @@ class AuroMenu extends AuroElement {
     ];
   }
 
+  /**
+   * @readonly
+   * @returns {string} - Returns the label of the currently selected option(s).
+   */
+  get currentLabel() {
+    return this.menuService.currentLabel;
+  };
+
   /**
    * @readonly
    * @returns {Array<HTMLElement>} - Returns the array of available menu options.

package/components/combobox/demo/readme.md

@@ -91,11 +91,11 @@ This configuration enables proper module resolution for the component's TypeScri
   <span slot="bib.fullscreen.headline">Bib Header</span>
   <span slot="label">Name</span>
   <auro-menu>
-    <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
-    <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
-    <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
-    <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
-    <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+    <auro-menuoption value="app" id="option-0">Apples</auro-menuoption>
+    <auro-menuoption value="ora" id="option-1">Oranges</auro-menuoption>
+    <auro-menuoption value="pea" id="option-2">Peaches</auro-menuoption>
+    <auro-menuoption value="gra" id="option-3">Grapes</auro-menuoption>
+    <auro-menuoption value="che" id="option-4">Cherries</auro-menuoption>
     <auro-menuoption static nomatch>No matching option</auro-menuoption>
   </auro-menu>
 </auro-combobox>

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

@@ -381,6 +381,7 @@ export class AuroCombobox extends AuroElement {
     private syncValuesAndStates;
     /**
      * Update displayValue or input.value, it's called when making a selection.
+     * @param {string} label - The label of the selected option.
      * @private
      */
     private updateTriggerTextDisplay;

package/components/combobox/dist/index.js

@@ -4089,7 +4089,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202512022205';
+var formkitVersion$2 = '202512151926';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -11707,7 +11707,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12697,7 +12697,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 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}`;
 
@@ -13588,17 +13588,19 @@ class AuroCombobox extends AuroElement {
     if (this.menu) {
       this.menu.matchWord = this.input.value;
     }
-    this.updateTriggerTextDisplay();
+    const label = this.menu.currentLabel;
+    this.updateTriggerTextDisplay(label || this.value);
   }
 
   /**
    * Update displayValue or input.value, it's called when making a selection.
+   * @param {string} label - The label of the selected option.
    * @private
    */
-  updateTriggerTextDisplay() {
+  updateTriggerTextDisplay(label) {
     // update the input content if persistInput is false
     if (!this.persistInput) {
-      this.input.value = this.value;
+      this.input.value = label || this.value;
     }
 
     // update the displayValue in the trigger if displayValue slot content is present
@@ -13824,7 +13826,7 @@ class AuroCombobox extends AuroElement {
       this.value = event.detail.stringValue;
 
       // Update display
-      this.updateTriggerTextDisplay();
+      this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
       if (this.menu.matchWord !== this.input.value) {

package/components/combobox/dist/registered.js

@@ -4089,7 +4089,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202512022205';
+var formkitVersion$2 = '202512151926';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -11707,7 +11707,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12697,7 +12697,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 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}`;
 
@@ -13588,17 +13588,19 @@ class AuroCombobox extends AuroElement {
     if (this.menu) {
       this.menu.matchWord = this.input.value;
     }
-    this.updateTriggerTextDisplay();
+    const label = this.menu.currentLabel;
+    this.updateTriggerTextDisplay(label || this.value);
   }
 
   /**
    * Update displayValue or input.value, it's called when making a selection.
+   * @param {string} label - The label of the selected option.
    * @private
    */
-  updateTriggerTextDisplay() {
+  updateTriggerTextDisplay(label) {
     // update the input content if persistInput is false
     if (!this.persistInput) {
-      this.input.value = this.value;
+      this.input.value = label || this.value;
     }
 
     // update the displayValue in the trigger if displayValue slot content is present
@@ -13824,7 +13826,7 @@ class AuroCombobox extends AuroElement {
       this.value = event.detail.stringValue;
 
       // Update display
-      this.updateTriggerTextDisplay();
+      this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
       if (this.menu.matchWord !== this.input.value) {

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

@@ -1437,7 +1437,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 /* 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
@@ -4972,7 +4972,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {

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

@@ -1437,7 +1437,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 /* 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
@@ -4972,7 +4972,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {

package/components/counter/dist/index.js

@@ -1391,7 +1391,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 /* 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
@@ -4908,7 +4908,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {

package/components/counter/dist/registered.js

@@ -1391,7 +1391,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202512022205';
+var formkitVersion$1 = '202512151926';
 
 /* 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
@@ -4908,7 +4908,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202512022205';
+var formkitVersion = '202512151926';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {