@aurodesignsystem-dev/auro-formkit 0.0.0-pr1392.0 → 0.0.0-pr1393.1

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

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

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

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

package/components/checkbox/dist/index.js

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

package/components/checkbox/dist/registered.js

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

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

@@ -5036,7 +5036,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603202155';
+var formkitVersion$2 = '202603232129';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12791,7 +12791,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603202155';
+var formkitVersion$1 = '202603232129';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13830,7 +13830,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603202155';
+var formkitVersion = '202603232129';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -14174,6 +14174,19 @@ class AuroHelpText extends i$4 {
 // See LICENSE in the project root for license information.
 
 
+/**
+ * Strips only trailing whitespace from an input value so residual spaces
+ * from cursor editing don't break filtering or highlighting.  Whitespace-only
+ * values are preserved as-is to prevent a lone space from being treated as
+ * empty input.
+ * @param {string} value - Raw input value.
+ * @returns {string} Normalized value.
+ */
+function normalizeFilterValue(value) {
+  const raw = value || '';
+  return raw.trim() ? raw.trimEnd() : raw;
+}
+
 // See https://git.io/JJ6SJ for "How to document your components using JSDoc"
 /**
  * The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.
@@ -14687,6 +14700,8 @@ class AuroCombobox extends AuroElement {
 
     this.noMatchOption = undefined;
 
+    const filterValue = normalizeFilterValue(this.input.value).toLowerCase();
+
     this.options.forEach((option) => {
       let matchString = option.textContent.toLowerCase();
 
@@ -14703,12 +14718,12 @@ class AuroCombobox extends AuroElement {
       }
 
       // If input is empty, show all options (except static ones)
-      if (!this.input.value || this.input.value.length === 0) {
+      if (!filterValue) {
         if (!option.hasAttribute('static')) {
           option.removeAttribute('hidden');
           this.availableOptions.push(option);
         }
-      } else if (matchString.includes(this.input.value.toLowerCase()) && !option.hasAttribute('static')) {
+      } else if (matchString.includes(filterValue) && !option.hasAttribute('static')) {
         // only count options that match the typed input value AND are not static
         option.removeAttribute('hidden');
         this.availableOptions.push(option);
@@ -14739,7 +14754,7 @@ class AuroCombobox extends AuroElement {
   syncValuesAndStates() {
     // Only sync matchWord, don't set menu.value here since setMenuValue should handle that
     if (this.menu) {
-      this.menu.matchWord = this.input.value;
+      this.menu.matchWord = normalizeFilterValue(this.input.value);
     }
     const label = this.menu.currentLabel;
     this.updateTriggerTextDisplay(label || this.value);
@@ -15103,8 +15118,9 @@ class AuroCombobox extends AuroElement {
       this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
-      if (this.menu.matchWord !== this.input.value) {
-        this.menu.matchWord = this.input.value;
+      const trimmedInput = normalizeFilterValue(this.input.value);
+      if (this.menu.matchWord !== trimmedInput) {
+        this.menu.matchWord = trimmedInput;
       }
 
       // Update available options based on selection
@@ -15242,7 +15258,7 @@ class AuroCombobox extends AuroElement {
       });
 
       // Run filtering inline — the re-entrant event won't reach this code.
-      this.menu.matchWord = this.inputInBib.value;
+      this.menu.matchWord = normalizeFilterValue(this.inputInBib.value);
       this.optionActive = null;
       this.handleMenuOptions();
       this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue } }));
@@ -15256,7 +15272,7 @@ class AuroCombobox extends AuroElement {
 
     this.inputInBib.value = this.input.value;
 
-    this.menu.matchWord = this.input.value;
+    this.menu.matchWord = normalizeFilterValue(this.input.value);
     this.optionActive = null;
 
     if (!this.input.value) {
@@ -15470,7 +15486,7 @@ class AuroCombobox extends AuroElement {
 
       // Sync the input and match word, but don't directly set menu.value again
       if (this.menu) {
-        this.menu.matchWord = this.input.value;
+        this.menu.matchWord = normalizeFilterValue(this.input.value);
       }
 
       this.dispatchEvent(new CustomEvent('input', {

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

@@ -4959,7 +4959,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603202155';
+var formkitVersion$2 = '202603232129';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12714,7 +12714,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603202155';
+var formkitVersion$1 = '202603232129';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13753,7 +13753,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603202155';
+var formkitVersion = '202603232129';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -14097,6 +14097,19 @@ class AuroHelpText extends i$4 {
 // See LICENSE in the project root for license information.
 
 
+/**
+ * Strips only trailing whitespace from an input value so residual spaces
+ * from cursor editing don't break filtering or highlighting.  Whitespace-only
+ * values are preserved as-is to prevent a lone space from being treated as
+ * empty input.
+ * @param {string} value - Raw input value.
+ * @returns {string} Normalized value.
+ */
+function normalizeFilterValue(value) {
+  const raw = value || '';
+  return raw.trim() ? raw.trimEnd() : raw;
+}
+
 // See https://git.io/JJ6SJ for "How to document your components using JSDoc"
 /**
  * The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.
@@ -14610,6 +14623,8 @@ class AuroCombobox extends AuroElement {
 
     this.noMatchOption = undefined;
 
+    const filterValue = normalizeFilterValue(this.input.value).toLowerCase();
+
     this.options.forEach((option) => {
       let matchString = option.textContent.toLowerCase();
 
@@ -14626,12 +14641,12 @@ class AuroCombobox extends AuroElement {
       }
 
       // If input is empty, show all options (except static ones)
-      if (!this.input.value || this.input.value.length === 0) {
+      if (!filterValue) {
         if (!option.hasAttribute('static')) {
           option.removeAttribute('hidden');
           this.availableOptions.push(option);
         }
-      } else if (matchString.includes(this.input.value.toLowerCase()) && !option.hasAttribute('static')) {
+      } else if (matchString.includes(filterValue) && !option.hasAttribute('static')) {
         // only count options that match the typed input value AND are not static
         option.removeAttribute('hidden');
         this.availableOptions.push(option);
@@ -14662,7 +14677,7 @@ class AuroCombobox extends AuroElement {
   syncValuesAndStates() {
     // Only sync matchWord, don't set menu.value here since setMenuValue should handle that
     if (this.menu) {
-      this.menu.matchWord = this.input.value;
+      this.menu.matchWord = normalizeFilterValue(this.input.value);
     }
     const label = this.menu.currentLabel;
     this.updateTriggerTextDisplay(label || this.value);
@@ -15026,8 +15041,9 @@ class AuroCombobox extends AuroElement {
       this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
-      if (this.menu.matchWord !== this.input.value) {
-        this.menu.matchWord = this.input.value;
+      const trimmedInput = normalizeFilterValue(this.input.value);
+      if (this.menu.matchWord !== trimmedInput) {
+        this.menu.matchWord = trimmedInput;
       }
 
       // Update available options based on selection
@@ -15165,7 +15181,7 @@ class AuroCombobox extends AuroElement {
       });
 
       // Run filtering inline — the re-entrant event won't reach this code.
-      this.menu.matchWord = this.inputInBib.value;
+      this.menu.matchWord = normalizeFilterValue(this.inputInBib.value);
       this.optionActive = null;
       this.handleMenuOptions();
       this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue } }));
@@ -15179,7 +15195,7 @@ class AuroCombobox extends AuroElement {
 
     this.inputInBib.value = this.input.value;
 
-    this.menu.matchWord = this.input.value;
+    this.menu.matchWord = normalizeFilterValue(this.input.value);
     this.optionActive = null;
 
     if (!this.input.value) {
@@ -15393,7 +15409,7 @@ class AuroCombobox extends AuroElement {
 
       // Sync the input and match word, but don't directly set menu.value again
       if (this.menu) {
-        this.menu.matchWord = this.input.value;
+        this.menu.matchWord = normalizeFilterValue(this.input.value);
       }
 
       this.dispatchEvent(new CustomEvent('input', {

package/components/combobox/dist/index.js

@@ -4892,7 +4892,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603202155';
+var formkitVersion$2 = '202603232129';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12640,7 +12640,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603202155';
+var formkitVersion$1 = '202603232129';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13679,7 +13679,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603202155';
+var formkitVersion = '202603232129';
 
 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}`;
 
@@ -14023,6 +14023,19 @@ class AuroHelpText extends LitElement {
 // See LICENSE in the project root for license information.
 
 
+/**
+ * Strips only trailing whitespace from an input value so residual spaces
+ * from cursor editing don't break filtering or highlighting.  Whitespace-only
+ * values are preserved as-is to prevent a lone space from being treated as
+ * empty input.
+ * @param {string} value - Raw input value.
+ * @returns {string} Normalized value.
+ */
+function normalizeFilterValue(value) {
+  const raw = value || '';
+  return raw.trim() ? raw.trimEnd() : raw;
+}
+
 // See https://git.io/JJ6SJ for "How to document your components using JSDoc"
 /**
  * The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.
@@ -14536,6 +14549,8 @@ class AuroCombobox extends AuroElement {
 
     this.noMatchOption = undefined;
 
+    const filterValue = normalizeFilterValue(this.input.value).toLowerCase();
+
     this.options.forEach((option) => {
       let matchString = option.textContent.toLowerCase();
 
@@ -14552,12 +14567,12 @@ class AuroCombobox extends AuroElement {
       }
 
       // If input is empty, show all options (except static ones)
-      if (!this.input.value || this.input.value.length === 0) {
+      if (!filterValue) {
         if (!option.hasAttribute('static')) {
           option.removeAttribute('hidden');
           this.availableOptions.push(option);
         }
-      } else if (matchString.includes(this.input.value.toLowerCase()) && !option.hasAttribute('static')) {
+      } else if (matchString.includes(filterValue) && !option.hasAttribute('static')) {
         // only count options that match the typed input value AND are not static
         option.removeAttribute('hidden');
         this.availableOptions.push(option);
@@ -14588,7 +14603,7 @@ class AuroCombobox extends AuroElement {
   syncValuesAndStates() {
     // Only sync matchWord, don't set menu.value here since setMenuValue should handle that
     if (this.menu) {
-      this.menu.matchWord = this.input.value;
+      this.menu.matchWord = normalizeFilterValue(this.input.value);
     }
     const label = this.menu.currentLabel;
     this.updateTriggerTextDisplay(label || this.value);
@@ -14952,8 +14967,9 @@ class AuroCombobox extends AuroElement {
       this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
-      if (this.menu.matchWord !== this.input.value) {
-        this.menu.matchWord = this.input.value;
+      const trimmedInput = normalizeFilterValue(this.input.value);
+      if (this.menu.matchWord !== trimmedInput) {
+        this.menu.matchWord = trimmedInput;
       }
 
       // Update available options based on selection
@@ -15091,7 +15107,7 @@ class AuroCombobox extends AuroElement {
       });
 
       // Run filtering inline — the re-entrant event won't reach this code.
-      this.menu.matchWord = this.inputInBib.value;
+      this.menu.matchWord = normalizeFilterValue(this.inputInBib.value);
       this.optionActive = null;
       this.handleMenuOptions();
       this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue } }));
@@ -15105,7 +15121,7 @@ class AuroCombobox extends AuroElement {
 
     this.inputInBib.value = this.input.value;
 
-    this.menu.matchWord = this.input.value;
+    this.menu.matchWord = normalizeFilterValue(this.input.value);
     this.optionActive = null;
 
     if (!this.input.value) {
@@ -15319,7 +15335,7 @@ class AuroCombobox extends AuroElement {
 
       // Sync the input and match word, but don't directly set menu.value again
       if (this.menu) {
-        this.menu.matchWord = this.input.value;
+        this.menu.matchWord = normalizeFilterValue(this.input.value);
       }
 
       this.dispatchEvent(new CustomEvent('input', {

package/components/combobox/dist/registered.js

@@ -4892,7 +4892,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603202155';
+var formkitVersion$2 = '202603232129';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12640,7 +12640,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603202155';
+var formkitVersion$1 = '202603232129';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13679,7 +13679,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603202155';
+var formkitVersion = '202603232129';
 
 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}`;
 
@@ -14023,6 +14023,19 @@ class AuroHelpText extends LitElement {
 // See LICENSE in the project root for license information.
 
 
+/**
+ * Strips only trailing whitespace from an input value so residual spaces
+ * from cursor editing don't break filtering or highlighting.  Whitespace-only
+ * values are preserved as-is to prevent a lone space from being treated as
+ * empty input.
+ * @param {string} value - Raw input value.
+ * @returns {string} Normalized value.
+ */
+function normalizeFilterValue(value) {
+  const raw = value || '';
+  return raw.trim() ? raw.trimEnd() : raw;
+}
+
 // See https://git.io/JJ6SJ for "How to document your components using JSDoc"
 /**
  * The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.
@@ -14536,6 +14549,8 @@ class AuroCombobox extends AuroElement {
 
     this.noMatchOption = undefined;
 
+    const filterValue = normalizeFilterValue(this.input.value).toLowerCase();
+
     this.options.forEach((option) => {
       let matchString = option.textContent.toLowerCase();
 
@@ -14552,12 +14567,12 @@ class AuroCombobox extends AuroElement {
       }
 
       // If input is empty, show all options (except static ones)
-      if (!this.input.value || this.input.value.length === 0) {
+      if (!filterValue) {
         if (!option.hasAttribute('static')) {
           option.removeAttribute('hidden');
           this.availableOptions.push(option);
         }
-      } else if (matchString.includes(this.input.value.toLowerCase()) && !option.hasAttribute('static')) {
+      } else if (matchString.includes(filterValue) && !option.hasAttribute('static')) {
         // only count options that match the typed input value AND are not static
         option.removeAttribute('hidden');
         this.availableOptions.push(option);
@@ -14588,7 +14603,7 @@ class AuroCombobox extends AuroElement {
   syncValuesAndStates() {
     // Only sync matchWord, don't set menu.value here since setMenuValue should handle that
     if (this.menu) {
-      this.menu.matchWord = this.input.value;
+      this.menu.matchWord = normalizeFilterValue(this.input.value);
     }
     const label = this.menu.currentLabel;
     this.updateTriggerTextDisplay(label || this.value);
@@ -14952,8 +14967,9 @@ class AuroCombobox extends AuroElement {
       this.updateTriggerTextDisplay(event.detail.label || event.detail.value);
 
       // Update match word for filtering
-      if (this.menu.matchWord !== this.input.value) {
-        this.menu.matchWord = this.input.value;
+      const trimmedInput = normalizeFilterValue(this.input.value);
+      if (this.menu.matchWord !== trimmedInput) {
+        this.menu.matchWord = trimmedInput;
       }
 
       // Update available options based on selection
@@ -15091,7 +15107,7 @@ class AuroCombobox extends AuroElement {
       });
 
       // Run filtering inline — the re-entrant event won't reach this code.
-      this.menu.matchWord = this.inputInBib.value;
+      this.menu.matchWord = normalizeFilterValue(this.inputInBib.value);
       this.optionActive = null;
       this.handleMenuOptions();
       this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue } }));
@@ -15105,7 +15121,7 @@ class AuroCombobox extends AuroElement {
 
     this.inputInBib.value = this.input.value;
 
-    this.menu.matchWord = this.input.value;
+    this.menu.matchWord = normalizeFilterValue(this.input.value);
     this.optionActive = null;
 
     if (!this.input.value) {
@@ -15319,7 +15335,7 @@ class AuroCombobox extends AuroElement {
 
       // Sync the input and match word, but don't directly set menu.value again
       if (this.menu) {
-        this.menu.matchWord = this.input.value;
+        this.menu.matchWord = normalizeFilterValue(this.input.value);
       }
 
       this.dispatchEvent(new CustomEvent('input', {