@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.11 → 0.0.0-pr1554.13

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

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

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

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

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

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

package/components/checkbox/dist/index.js

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

package/components/checkbox/dist/registered.js

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

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

@@ -4971,7 +4971,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202607160709';
+var formkitVersion$2 = '202607160738';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5284,22 +5284,25 @@ class AuroDropdown extends AuroElement$2 {
       // getFocusableElements can't find it. Query assigned nodes directly.
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
-        const assigned = slot.assignedElements();
+        const assigned = slot.assignedElements({ flatten: true });
         for (const el of assigned) {
           if (el.hasAttribute('disabled')) {
             continue;
           }
-          // Try finding a focusable descendant first (handles non-focusable
-          // wrappers like <div> containing a <button>). If none found, try
-          // focusing the element directly (works for custom elements like
-          // auro-input that have delegatesFocus or a custom focus() method).
+
+          // Try focusing a focusable descendant first (handles non-focusable wrappers).
           const descendants = getFocusableElements(el);
           if (descendants.length > 0) {
             descendants[0].focus();
             return;
           }
+
+          // Otherwise, try focusing the assigned element itself. Only stop if focus moved.
+          const prevActive = document.activeElement;
           el.focus();
-          return;
+          if (document.activeElement !== prevActive) {
+            return;
+          }
         }
       }
       // Fallback: try DOM children (non-slotted content)
@@ -18642,7 +18645,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202607160709';
+var formkitVersion$1 = '202607160738';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18936,11 +18939,15 @@ class AuroInput extends BaseInput {
       // Check for any element (including custom elements like <auro-icon>
       // that render via shadow DOM with no text content).
       const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
-      this.hasDisplayValueContent = Boolean(lightDomContent && (
+      const nextHasDisplayValueContent = Boolean(lightDomContent && (
         lightDomContent.textContent.trim().length > 0 ||
         lightDomContent.children.length > 0 ||
         lightDomContent.shadowRoot !== null
       ));
+      if (nextHasDisplayValueContent !== this.hasDisplayValueContent) {
+        this.hasDisplayValueContent = nextHasDisplayValueContent;
+        this.requestUpdate();
+      }
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -19790,7 +19797,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202607160709';
+var formkitVersion = '202607160738';
 
 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}`;
 
@@ -20847,13 +20854,30 @@ class AuroCombobox extends AuroElement {
       // human-readable label (e.g. "Seattle, WA"). For consumers where
       // value ≠ label, this produces a brief flash of the raw value until
       // the option elements load and updateTriggerTextDisplay re-runs with
-      // the correct label. This is intentionally preferred over a blank
-      // state — the displayValueInTrigger.remove() cleanup above ensures
-      // this placeholder is replaced once the real option is available.
-      const syntheticDV = document.createElement('span');
-      syntheticDV.setAttribute('slot', 'displayValue');
-      syntheticDV.textContent = this.value;
-      this.input.appendChild(syntheticDV);
+      // the correct label.
+
+      // Avoid adding synthetic content when a consumer already provides
+      // displayValue content via the forwarded slot.
+      const forwarderSlot = this.input.querySelector('slot[name="displayValue"][slot="displayValue"]');
+      const hasSlottedDisplayValue = Boolean(forwarderSlot?.assignedNodes({ flatten: true }).some((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          return node.textContent.trim().length > 0;
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          return node.textContent.trim().length > 0 ||
+            node.children.length > 0 ||
+            node.shadowRoot !== null;
+        }
+        return false;
+      }));
+
+      if (!hasSlottedDisplayValue) {
+        const syntheticDV = document.createElement('span');
+        syntheticDV.setAttribute('slot', 'displayValue');
+        syntheticDV.textContent = this.value;
+        this.input.appendChild(syntheticDV);
+      }
+
       if (typeof this.input.checkDisplayValueSlotChange === 'function') {
         this.input.checkDisplayValueSlotChange();
         this.input.requestUpdate();

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

@@ -4971,7 +4971,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202607160709';
+var formkitVersion$2 = '202607160738';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5284,22 +5284,25 @@ class AuroDropdown extends AuroElement$2 {
       // getFocusableElements can't find it. Query assigned nodes directly.
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
-        const assigned = slot.assignedElements();
+        const assigned = slot.assignedElements({ flatten: true });
         for (const el of assigned) {
           if (el.hasAttribute('disabled')) {
             continue;
           }
-          // Try finding a focusable descendant first (handles non-focusable
-          // wrappers like <div> containing a <button>). If none found, try
-          // focusing the element directly (works for custom elements like
-          // auro-input that have delegatesFocus or a custom focus() method).
+
+          // Try focusing a focusable descendant first (handles non-focusable wrappers).
           const descendants = getFocusableElements(el);
           if (descendants.length > 0) {
             descendants[0].focus();
             return;
           }
+
+          // Otherwise, try focusing the assigned element itself. Only stop if focus moved.
+          const prevActive = document.activeElement;
           el.focus();
-          return;
+          if (document.activeElement !== prevActive) {
+            return;
+          }
         }
       }
       // Fallback: try DOM children (non-slotted content)
@@ -18642,7 +18645,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202607160709';
+var formkitVersion$1 = '202607160738';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18936,11 +18939,15 @@ class AuroInput extends BaseInput {
       // Check for any element (including custom elements like <auro-icon>
       // that render via shadow DOM with no text content).
       const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
-      this.hasDisplayValueContent = Boolean(lightDomContent && (
+      const nextHasDisplayValueContent = Boolean(lightDomContent && (
         lightDomContent.textContent.trim().length > 0 ||
         lightDomContent.children.length > 0 ||
         lightDomContent.shadowRoot !== null
       ));
+      if (nextHasDisplayValueContent !== this.hasDisplayValueContent) {
+        this.hasDisplayValueContent = nextHasDisplayValueContent;
+        this.requestUpdate();
+      }
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -19790,7 +19797,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202607160709';
+var formkitVersion = '202607160738';
 
 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}`;
 
@@ -20847,13 +20854,30 @@ class AuroCombobox extends AuroElement {
       // human-readable label (e.g. "Seattle, WA"). For consumers where
       // value ≠ label, this produces a brief flash of the raw value until
       // the option elements load and updateTriggerTextDisplay re-runs with
-      // the correct label. This is intentionally preferred over a blank
-      // state — the displayValueInTrigger.remove() cleanup above ensures
-      // this placeholder is replaced once the real option is available.
-      const syntheticDV = document.createElement('span');
-      syntheticDV.setAttribute('slot', 'displayValue');
-      syntheticDV.textContent = this.value;
-      this.input.appendChild(syntheticDV);
+      // the correct label.
+
+      // Avoid adding synthetic content when a consumer already provides
+      // displayValue content via the forwarded slot.
+      const forwarderSlot = this.input.querySelector('slot[name="displayValue"][slot="displayValue"]');
+      const hasSlottedDisplayValue = Boolean(forwarderSlot?.assignedNodes({ flatten: true }).some((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          return node.textContent.trim().length > 0;
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          return node.textContent.trim().length > 0 ||
+            node.children.length > 0 ||
+            node.shadowRoot !== null;
+        }
+        return false;
+      }));
+
+      if (!hasSlottedDisplayValue) {
+        const syntheticDV = document.createElement('span');
+        syntheticDV.setAttribute('slot', 'displayValue');
+        syntheticDV.textContent = this.value;
+        this.input.appendChild(syntheticDV);
+      }
+
       if (typeof this.input.checkDisplayValueSlotChange === 'function') {
         this.input.checkDisplayValueSlotChange();
         this.input.requestUpdate();

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

@@ -4986,7 +4986,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202607160709';
+var formkitVersion$2 = '202607160738';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5299,22 +5299,25 @@ class AuroDropdown extends AuroElement$2 {
       // getFocusableElements can't find it. Query assigned nodes directly.
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
-        const assigned = slot.assignedElements();
+        const assigned = slot.assignedElements({ flatten: true });
         for (const el of assigned) {
           if (el.hasAttribute('disabled')) {
             continue;
           }
-          // Try finding a focusable descendant first (handles non-focusable
-          // wrappers like <div> containing a <button>). If none found, try
-          // focusing the element directly (works for custom elements like
-          // auro-input that have delegatesFocus or a custom focus() method).
+
+          // Try focusing a focusable descendant first (handles non-focusable wrappers).
           const descendants = getFocusableElements(el);
           if (descendants.length > 0) {
             descendants[0].focus();
             return;
           }
+
+          // Otherwise, try focusing the assigned element itself. Only stop if focus moved.
+          const prevActive = document.activeElement;
           el.focus();
-          return;
+          if (document.activeElement !== prevActive) {
+            return;
+          }
         }
       }
       // Fallback: try DOM children (non-slotted content)
@@ -18657,7 +18660,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202607160709';
+var formkitVersion$1 = '202607160738';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18951,11 +18954,15 @@ class AuroInput extends BaseInput {
       // Check for any element (including custom elements like <auro-icon>
       // that render via shadow DOM with no text content).
       const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
-      this.hasDisplayValueContent = Boolean(lightDomContent && (
+      const nextHasDisplayValueContent = Boolean(lightDomContent && (
         lightDomContent.textContent.trim().length > 0 ||
         lightDomContent.children.length > 0 ||
         lightDomContent.shadowRoot !== null
       ));
+      if (nextHasDisplayValueContent !== this.hasDisplayValueContent) {
+        this.hasDisplayValueContent = nextHasDisplayValueContent;
+        this.requestUpdate();
+      }
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -19805,7 +19812,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202607160709';
+var formkitVersion = '202607160738';
 
 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}`;
 
@@ -20862,13 +20869,30 @@ class AuroCombobox extends AuroElement {
       // human-readable label (e.g. "Seattle, WA"). For consumers where
       // value ≠ label, this produces a brief flash of the raw value until
       // the option elements load and updateTriggerTextDisplay re-runs with
-      // the correct label. This is intentionally preferred over a blank
-      // state — the displayValueInTrigger.remove() cleanup above ensures
-      // this placeholder is replaced once the real option is available.
-      const syntheticDV = document.createElement('span');
-      syntheticDV.setAttribute('slot', 'displayValue');
-      syntheticDV.textContent = this.value;
-      this.input.appendChild(syntheticDV);
+      // the correct label.
+
+      // Avoid adding synthetic content when a consumer already provides
+      // displayValue content via the forwarded slot.
+      const forwarderSlot = this.input.querySelector('slot[name="displayValue"][slot="displayValue"]');
+      const hasSlottedDisplayValue = Boolean(forwarderSlot?.assignedNodes({ flatten: true }).some((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          return node.textContent.trim().length > 0;
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          return node.textContent.trim().length > 0 ||
+            node.children.length > 0 ||
+            node.shadowRoot !== null;
+        }
+        return false;
+      }));
+
+      if (!hasSlottedDisplayValue) {
+        const syntheticDV = document.createElement('span');
+        syntheticDV.setAttribute('slot', 'displayValue');
+        syntheticDV.textContent = this.value;
+        this.input.appendChild(syntheticDV);
+      }
+
       if (typeof this.input.checkDisplayValueSlotChange === 'function') {
         this.input.checkDisplayValueSlotChange();
         this.input.requestUpdate();

package/components/combobox/dist/index.js

@@ -4904,7 +4904,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202607160709';
+var formkitVersion$2 = '202607160738';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5217,22 +5217,25 @@ class AuroDropdown extends AuroElement$2 {
       // getFocusableElements can't find it. Query assigned nodes directly.
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
-        const assigned = slot.assignedElements();
+        const assigned = slot.assignedElements({ flatten: true });
         for (const el of assigned) {
           if (el.hasAttribute('disabled')) {
             continue;
           }
-          // Try finding a focusable descendant first (handles non-focusable
-          // wrappers like <div> containing a <button>). If none found, try
-          // focusing the element directly (works for custom elements like
-          // auro-input that have delegatesFocus or a custom focus() method).
+
+          // Try focusing a focusable descendant first (handles non-focusable wrappers).
           const descendants = getFocusableElements(el);
           if (descendants.length > 0) {
             descendants[0].focus();
             return;
           }
+
+          // Otherwise, try focusing the assigned element itself. Only stop if focus moved.
+          const prevActive = document.activeElement;
           el.focus();
-          return;
+          if (document.activeElement !== prevActive) {
+            return;
+          }
         }
       }
       // Fallback: try DOM children (non-slotted content)
@@ -18568,7 +18571,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202607160709';
+var formkitVersion$1 = '202607160738';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18862,11 +18865,15 @@ class AuroInput extends BaseInput {
       // Check for any element (including custom elements like <auro-icon>
       // that render via shadow DOM with no text content).
       const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
-      this.hasDisplayValueContent = Boolean(lightDomContent && (
+      const nextHasDisplayValueContent = Boolean(lightDomContent && (
         lightDomContent.textContent.trim().length > 0 ||
         lightDomContent.children.length > 0 ||
         lightDomContent.shadowRoot !== null
       ));
+      if (nextHasDisplayValueContent !== this.hasDisplayValueContent) {
+        this.hasDisplayValueContent = nextHasDisplayValueContent;
+        this.requestUpdate();
+      }
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -19716,7 +19723,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202607160709';
+var formkitVersion = '202607160738';
 
 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}`;
 
@@ -20773,13 +20780,30 @@ class AuroCombobox extends AuroElement {
       // human-readable label (e.g. "Seattle, WA"). For consumers where
       // value ≠ label, this produces a brief flash of the raw value until
       // the option elements load and updateTriggerTextDisplay re-runs with
-      // the correct label. This is intentionally preferred over a blank
-      // state — the displayValueInTrigger.remove() cleanup above ensures
-      // this placeholder is replaced once the real option is available.
-      const syntheticDV = document.createElement('span');
-      syntheticDV.setAttribute('slot', 'displayValue');
-      syntheticDV.textContent = this.value;
-      this.input.appendChild(syntheticDV);
+      // the correct label.
+
+      // Avoid adding synthetic content when a consumer already provides
+      // displayValue content via the forwarded slot.
+      const forwarderSlot = this.input.querySelector('slot[name="displayValue"][slot="displayValue"]');
+      const hasSlottedDisplayValue = Boolean(forwarderSlot?.assignedNodes({ flatten: true }).some((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          return node.textContent.trim().length > 0;
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          return node.textContent.trim().length > 0 ||
+            node.children.length > 0 ||
+            node.shadowRoot !== null;
+        }
+        return false;
+      }));
+
+      if (!hasSlottedDisplayValue) {
+        const syntheticDV = document.createElement('span');
+        syntheticDV.setAttribute('slot', 'displayValue');
+        syntheticDV.textContent = this.value;
+        this.input.appendChild(syntheticDV);
+      }
+
       if (typeof this.input.checkDisplayValueSlotChange === 'function') {
         this.input.checkDisplayValueSlotChange();
         this.input.requestUpdate();

package/components/combobox/dist/registered.js

@@ -4904,7 +4904,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202607160709';
+var formkitVersion$2 = '202607160738';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5217,22 +5217,25 @@ class AuroDropdown extends AuroElement$2 {
       // getFocusableElements can't find it. Query assigned nodes directly.
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
-        const assigned = slot.assignedElements();
+        const assigned = slot.assignedElements({ flatten: true });
         for (const el of assigned) {
           if (el.hasAttribute('disabled')) {
             continue;
           }
-          // Try finding a focusable descendant first (handles non-focusable
-          // wrappers like <div> containing a <button>). If none found, try
-          // focusing the element directly (works for custom elements like
-          // auro-input that have delegatesFocus or a custom focus() method).
+
+          // Try focusing a focusable descendant first (handles non-focusable wrappers).
           const descendants = getFocusableElements(el);
           if (descendants.length > 0) {
             descendants[0].focus();
             return;
           }
+
+          // Otherwise, try focusing the assigned element itself. Only stop if focus moved.
+          const prevActive = document.activeElement;
           el.focus();
-          return;
+          if (document.activeElement !== prevActive) {
+            return;
+          }
         }
       }
       // Fallback: try DOM children (non-slotted content)
@@ -18568,7 +18571,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202607160709';
+var formkitVersion$1 = '202607160738';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18862,11 +18865,15 @@ class AuroInput extends BaseInput {
       // Check for any element (including custom elements like <auro-icon>
       // that render via shadow DOM with no text content).
       const lightDomContent = this.querySelector('[slot="displayValue"]:not(slot)');
-      this.hasDisplayValueContent = Boolean(lightDomContent && (
+      const nextHasDisplayValueContent = Boolean(lightDomContent && (
         lightDomContent.textContent.trim().length > 0 ||
         lightDomContent.children.length > 0 ||
         lightDomContent.shadowRoot !== null
       ));
+      if (nextHasDisplayValueContent !== this.hasDisplayValueContent) {
+        this.hasDisplayValueContent = nextHasDisplayValueContent;
+        this.requestUpdate();
+      }
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -19716,7 +19723,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202607160709';
+var formkitVersion = '202607160738';
 
 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}`;
 
@@ -20773,13 +20780,30 @@ class AuroCombobox extends AuroElement {
       // human-readable label (e.g. "Seattle, WA"). For consumers where
       // value ≠ label, this produces a brief flash of the raw value until
       // the option elements load and updateTriggerTextDisplay re-runs with
-      // the correct label. This is intentionally preferred over a blank
-      // state — the displayValueInTrigger.remove() cleanup above ensures
-      // this placeholder is replaced once the real option is available.
-      const syntheticDV = document.createElement('span');
-      syntheticDV.setAttribute('slot', 'displayValue');
-      syntheticDV.textContent = this.value;
-      this.input.appendChild(syntheticDV);
+      // the correct label.
+
+      // Avoid adding synthetic content when a consumer already provides
+      // displayValue content via the forwarded slot.
+      const forwarderSlot = this.input.querySelector('slot[name="displayValue"][slot="displayValue"]');
+      const hasSlottedDisplayValue = Boolean(forwarderSlot?.assignedNodes({ flatten: true }).some((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          return node.textContent.trim().length > 0;
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          return node.textContent.trim().length > 0 ||
+            node.children.length > 0 ||
+            node.shadowRoot !== null;
+        }
+        return false;
+      }));
+
+      if (!hasSlottedDisplayValue) {
+        const syntheticDV = document.createElement('span');
+        syntheticDV.setAttribute('slot', 'displayValue');
+        syntheticDV.textContent = this.value;
+        this.input.appendChild(syntheticDV);
+      }
+
       if (typeof this.input.checkDisplayValueSlotChange === 'function') {
         this.input.checkDisplayValueSlotChange();
         this.input.requestUpdate();