@aurodesignsystem-dev/auro-formkit 0.0.0-pr1554.3 → 0.0.0-pr1554.5

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

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 // 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 = '202607160513';
+var formkitVersion = '202607160603';
 
 // 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 = '202607160513';
+var formkitVersion = '202607160603';
 
 // 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 = '202607160513';
+var formkitVersion = '202607160603';
 
 // 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 = '202607160513';
+var formkitVersion = '202607160603';
 
 // 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 = '202607160513';
+var formkitVersion$2 = '202607160603';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5285,9 +5285,21 @@ class AuroDropdown extends AuroElement$2 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }
@@ -18631,7 +18643,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18922,8 +18934,15 @@ class AuroInput extends BaseInput {
       // Shadow slot not yet rendered — fall back to checking light-DOM
       // children so hasDisplayValueContent isn't stuck false when called
       // before firstUpdated (e.g. from auro-combobox during mount).
+      // 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 && lightDomContent.textContent.trim().length > 0);
+      this.hasDisplayValueContent = Boolean(lightDomContent && (
+        lightDomContent.textContent.trim().length > 0 ||
+        lightDomContent.children.length > 0 ||
+        lightDomContent.shadowRoot !== null
+      ));
+      this.requestUpdate();
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -18934,15 +18953,20 @@ class AuroInput extends BaseInput {
     // displayValue wrapper to render (with hasContent class) but show
     // nothing, blocking the combobox's synthetic displayValue from
     // being visible on preset/deeplink load.
+    // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
+    // treated as content even when they have no text or light-DOM children.
     this.hasDisplayValueContent = nodes.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;
+        return node.textContent.trim().length > 0 ||
+          node.children.length > 0 ||
+          node.shadowRoot !== null;
       }
       return false;
     });
+    this.requestUpdate();
   }
 
   firstUpdated() {
@@ -19769,7 +19793,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 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}`;
 

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

@@ -4971,7 +4971,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202607160513';
+var formkitVersion$2 = '202607160603';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5285,9 +5285,21 @@ class AuroDropdown extends AuroElement$2 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }
@@ -18631,7 +18643,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18922,8 +18934,15 @@ class AuroInput extends BaseInput {
       // Shadow slot not yet rendered — fall back to checking light-DOM
       // children so hasDisplayValueContent isn't stuck false when called
       // before firstUpdated (e.g. from auro-combobox during mount).
+      // 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 && lightDomContent.textContent.trim().length > 0);
+      this.hasDisplayValueContent = Boolean(lightDomContent && (
+        lightDomContent.textContent.trim().length > 0 ||
+        lightDomContent.children.length > 0 ||
+        lightDomContent.shadowRoot !== null
+      ));
+      this.requestUpdate();
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -18934,15 +18953,20 @@ class AuroInput extends BaseInput {
     // displayValue wrapper to render (with hasContent class) but show
     // nothing, blocking the combobox's synthetic displayValue from
     // being visible on preset/deeplink load.
+    // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
+    // treated as content even when they have no text or light-DOM children.
     this.hasDisplayValueContent = nodes.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;
+        return node.textContent.trim().length > 0 ||
+          node.children.length > 0 ||
+          node.shadowRoot !== null;
       }
       return false;
     });
+    this.requestUpdate();
   }
 
   firstUpdated() {
@@ -19769,7 +19793,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 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}`;
 

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

@@ -4986,7 +4986,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202607160513';
+var formkitVersion$2 = '202607160603';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5300,9 +5300,21 @@ class AuroDropdown extends AuroElement$2 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }
@@ -18646,7 +18658,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18937,8 +18949,15 @@ class AuroInput extends BaseInput {
       // Shadow slot not yet rendered — fall back to checking light-DOM
       // children so hasDisplayValueContent isn't stuck false when called
       // before firstUpdated (e.g. from auro-combobox during mount).
+      // 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 && lightDomContent.textContent.trim().length > 0);
+      this.hasDisplayValueContent = Boolean(lightDomContent && (
+        lightDomContent.textContent.trim().length > 0 ||
+        lightDomContent.children.length > 0 ||
+        lightDomContent.shadowRoot !== null
+      ));
+      this.requestUpdate();
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -18949,15 +18968,20 @@ class AuroInput extends BaseInput {
     // displayValue wrapper to render (with hasContent class) but show
     // nothing, blocking the combobox's synthetic displayValue from
     // being visible on preset/deeplink load.
+    // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
+    // treated as content even when they have no text or light-DOM children.
     this.hasDisplayValueContent = nodes.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;
+        return node.textContent.trim().length > 0 ||
+          node.children.length > 0 ||
+          node.shadowRoot !== null;
       }
       return false;
     });
+    this.requestUpdate();
   }
 
   firstUpdated() {
@@ -19784,7 +19808,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 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}`;
 

package/components/combobox/dist/index.js

@@ -4904,7 +4904,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202607160513';
+var formkitVersion$2 = '202607160603';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5218,9 +5218,21 @@ class AuroDropdown extends AuroElement$2 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }
@@ -18557,7 +18569,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18848,8 +18860,15 @@ class AuroInput extends BaseInput {
       // Shadow slot not yet rendered — fall back to checking light-DOM
       // children so hasDisplayValueContent isn't stuck false when called
       // before firstUpdated (e.g. from auro-combobox during mount).
+      // 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 && lightDomContent.textContent.trim().length > 0);
+      this.hasDisplayValueContent = Boolean(lightDomContent && (
+        lightDomContent.textContent.trim().length > 0 ||
+        lightDomContent.children.length > 0 ||
+        lightDomContent.shadowRoot !== null
+      ));
+      this.requestUpdate();
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -18860,15 +18879,20 @@ class AuroInput extends BaseInput {
     // displayValue wrapper to render (with hasContent class) but show
     // nothing, blocking the combobox's synthetic displayValue from
     // being visible on preset/deeplink load.
+    // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
+    // treated as content even when they have no text or light-DOM children.
     this.hasDisplayValueContent = nodes.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;
+        return node.textContent.trim().length > 0 ||
+          node.children.length > 0 ||
+          node.shadowRoot !== null;
       }
       return false;
     });
+    this.requestUpdate();
   }
 
   firstUpdated() {
@@ -19695,7 +19719,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 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}`;
 

package/components/combobox/dist/registered.js

@@ -4904,7 +4904,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202607160513';
+var formkitVersion$2 = '202607160603';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -5218,9 +5218,21 @@ class AuroDropdown extends AuroElement$2 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }
@@ -18557,7 +18569,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18848,8 +18860,15 @@ class AuroInput extends BaseInput {
       // Shadow slot not yet rendered — fall back to checking light-DOM
       // children so hasDisplayValueContent isn't stuck false when called
       // before firstUpdated (e.g. from auro-combobox during mount).
+      // 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 && lightDomContent.textContent.trim().length > 0);
+      this.hasDisplayValueContent = Boolean(lightDomContent && (
+        lightDomContent.textContent.trim().length > 0 ||
+        lightDomContent.children.length > 0 ||
+        lightDomContent.shadowRoot !== null
+      ));
+      this.requestUpdate();
       return;
     }
     const nodes = slot.assignedNodes({ flatten: true });
@@ -18860,15 +18879,20 @@ class AuroInput extends BaseInput {
     // displayValue wrapper to render (with hasContent class) but show
     // nothing, blocking the combobox's synthetic displayValue from
     // being visible on preset/deeplink load.
+    // Custom elements (e.g. <auro-icon>) that render via shadow DOM are
+    // treated as content even when they have no text or light-DOM children.
     this.hasDisplayValueContent = nodes.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;
+        return node.textContent.trim().length > 0 ||
+          node.children.length > 0 ||
+          node.shadowRoot !== null;
       }
       return false;
     });
+    this.requestUpdate();
   }
 
   firstUpdated() {
@@ -19695,7 +19719,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 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}`;
 

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

@@ -1114,7 +1114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5280,7 +5280,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {
@@ -5594,9 +5594,21 @@ class AuroDropdown extends AuroElement$1 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }

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

@@ -1114,7 +1114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5280,7 +5280,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {
@@ -5594,9 +5594,21 @@ class AuroDropdown extends AuroElement$1 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }

package/components/counter/dist/index.js

@@ -1064,7 +1064,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202607160513';
+var formkitVersion$1 = '202607160603';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5212,7 +5212,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202607160513';
+var formkitVersion = '202607160603';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {
@@ -5526,9 +5526,21 @@ class AuroDropdown extends AuroElement$1 {
       const slot = this.trigger.querySelector('slot[name="trigger"]');
       if (slot) {
         const assigned = slot.assignedElements();
-        const focusable = assigned.find((el) => !el.hasAttribute('disabled'));
-        if (focusable) {
-          focusable.focus();
+        for (const el of assigned) {
+          if (el.hasAttribute('disabled')) {
+            continue;
+          }
+          // Try focusing the assigned element directly (works for focusable
+          // components like auro-input that have delegatesFocus or a custom
+          // focus() method). If it's a non-focusable wrapper (e.g. <div>
+          // containing a <button>), find the first focusable descendant.
+          const focusables = getFocusableElements(el);
+          if (focusables.length > 0) {
+            focusables[0].focus();
+            return;
+          }
+          // Element itself might be focusable (custom element with focus())
+          el.focus();
           return;
         }
       }