@aurodesignsystem-dev/auro-formkit 0.0.0-pr1578.0 → 0.0.0-pr1581.0

package/ai/specs/auro-radio.spec.yaml

@@ -0,0 +1,184 @@
+# GENERATED by packages/build-tools/src/aiSpecGenerator.mjs — do not edit by hand.
+# Authored inputs live in ai/_authored/auro-radio.overlay.yaml
+component: auro-radio
+version: 0.0.0
+summary: Radio button for selecting exactly one option from a set; composes into a radio-group. Native equivalent is a set of <input type="radio"> sharing a name.
+generatedFrom:
+  cem: custom-elements.json#auro-radio
+  cssRecipe: components/radio/demo/css-only.md
+  overlay: ai/_authored/auro-radio.overlay.yaml
+sourceOfTruth:
+  component: components/radio/src/auro-radio.js
+visual:
+  tokensImport: ./node_modules/@aurodesignsystem/design-tokens/dist/tokens/CSSCustomProperties.css
+  rule: NEVER hardcode a hex, px, rem, or font-family value. Every visual value MUST be an Auro --ds-* token via var(--ds-token, fallback). Literal values are allowed only as the second argument (fallback) of var().
+  css: |-
+    @import "./node_modules/@aurodesignsystem/design-tokens/dist/tokens/CSSCustomProperties.css";
+
+    .radio {
+      appearance: none;
+      -webkit-appearance: none;
+      width: var(--ds-size-300, 1.5rem);
+      height: var(--ds-size-300, 1.5rem);
+      border: 1px solid var(--ds-color-border-ui-default, #6e767f);
+      border-radius: 50%;
+      background-color: var(--ds-color-container-primary-default, #ffffff);
+      cursor: pointer;
+      vertical-align: middle;
+    }
+
+    .radio:checked {
+      background-color: var(--ds-color-container-ui-selected-default, #01426a);
+      border-color: var(--ds-color-border-ui-selected-default, #01426a);
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E");
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 100%;
+    }
+
+    .radio:focus-visible {
+      outline: 2px solid var(--ds-color-border-active-default, #01426a);
+      outline-offset: 2px;
+    }
+
+    .radio:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+api:
+  attributes:
+    - name: appearance
+      tier: wc-only
+      default: '''default'''
+      description: Defines whether the component will be on lighter or darker backgrounds.
+    - name: checked
+      tier: core
+      native: checked
+      description: If set to true, the radio button will be filled.
+    - name: disabled
+      tier: core
+      native: disabled
+      description: If set to true, the radio button will be non-clickable.
+    - name: error
+      tier: wc-only
+      description: If set to true, sets an error state on the radio button.
+    - name: id
+      tier: core
+      native: id
+      description: The id global attribute defines an identifier (ID) which must be unique in the whole document.
+    - name: label
+      tier: enhanced
+      native: associate a <label> via for/id (label is not a native attribute)
+      description: Label for the radio button.
+    - name: name
+      tier: core
+      native: name
+      description: Name for the radio button group.
+    - name: onDark
+      tier: wc-only
+      description: DEPRECATED - use `appearance="inverse"` instead.
+    - name: required
+      tier: core
+      native: required
+      description: Defines element as required.
+    - name: role
+      tier: enhanced
+      description: Don't add to api.md since changing of this can easily break a11y.
+    - name: value
+      tier: core
+      native: value
+      description: The value of the radio button.
+  slots: []
+  events:
+    - name: toggleSelected
+      tier: core
+      description: Notifies that the component has toggled the checked/selected state.
+    - name: focusSelected
+      tier: core
+      description: Notifies that the component has gained focus.
+    - name: auroRadio-blur
+      tier: wc-only
+      description: Notifies that the component has lost focus.
+    - name: resetRadio
+      tier: core
+      description: Notifies that the component has reset the checked/selected state.
+    - name: auroRadio-selected
+      tier: wc-only
+      description: Notifies that the component has been marked as checked/selected.
+    - name: change
+      tier: core
+      description: (Deprecated) Notifies when checked value is changed.
+    - name: input
+      tier: core
+      description: Notifies when when checked value is changed by user's interface.
+  methods:
+    - name: _initializeDefaults
+      tier: wc-only
+    - name: register
+      tier: wc-only
+    - name: reset
+      tier: wc-only
+behavior:
+  a11y:
+    - Every control MUST have a programmatically associated <label> (for/id or wrapping).
+    - Link help text via aria-describedby so it is announced after the label.
+    - Reflect invalid state with aria-invalid="true|false" on the control.
+    - Render validation errors with role="alert" aria-live="assertive" so they announce immediately.
+    - Use native <input type="radio"> elements that share the same `name` to form one group.
+    - Wrap the group in a <fieldset> with a <legend> as the group label.
+  keyboard:
+    - All interactive affordances are real, focusable elements in DOM order.
+    - Arrow keys move selection within the group; only the checked radio is in the tab order (native roving).
+  validation:
+    - Mark one radio in the group `required` to require a selection (native).
+gaps:
+  - id: group-level-validation
+    feature: Group-level validation
+    guidance: auro-radio-group supports a required attribute that validates "one radio in the group must be selected." Native HTML required on a radio input enforces the same constraint, but the validation message surfaces on a single input rather than being coordinated across the group.
+  - id: custom-validation-messages
+    feature: Custom validation messages
+    guidance: auro-radio-group exposes setCustomValidity and setCustomValidityValueMissing for fully customizable error messages per validity state.
+  - id: touched-state-tracking
+    feature: Touched-state tracking
+    guidance: auro-radio-group tracks a touched state so validation errors only appear after the user has interacted with the group.
+  - id: coordinated-value-property
+    feature: Coordinated value property
+    guidance: auro-radio-group exposes a single value property that reflects the selected radio's value and dispatches a single change event when that value changes.
+  - id: automatic-label-binding
+    feature: Automatic label binding
+    guidance: auro-radio automatically associates slot content as the accessible label, eliminating the need for <label for> wiring or wrapping <label> elements.
+  - id: disabled-propagation
+    feature: Disabled propagation
+    guidance: auro-radio-group propagates a single disabled attribute to all child radios.
+  - id: form-integration-events
+    feature: Form integration events
+    guidance: auro-radio-group dispatches auroFormElement-validated events so parent auro-form elements can coordinate validation across all child fields.
+  - id: horizontal-layout
+    feature: Horizontal layout
+    guidance: auro-radio-group supports a horizontal attribute for compact groups of up to three items, with spacing and alignment handled by the component.
+  - id: reset-behavior
+    feature: Reset behavior
+    guidance: auro-radio-group provides a single reset() method that clears the selection and resets validation state in one call.
+  - id: multi-brand-theming
+    feature: Multi-brand theming
+    guidance: auro-radio consumes Auro design tokens through its component logic, so it automatically picks up brand-specific theming when token packages are swapped.
+examples:
+  - id: basic-radio
+    html: |-
+      <label>
+        <input type="radio" class="radio" name="subscribe" value="yes" />
+        Subscribe to updates
+      </label>
+  - id: group-of-radios
+    html: |-
+      <fieldset>
+        <legend>Choose a delivery method</legend>
+        <label><input type="radio" class="radio" name="delivery" value="email" /> Email</label>
+        <label><input type="radio" class="radio" name="delivery" value="sms" /> SMS</label>
+        <label><input type="radio" class="radio" name="delivery" value="push" /> Push notification</label>
+      </fieldset>
+verify:
+  - every color, size, spacing, radius, and font value uses var(--ds-*)
+  - each control has an associated <label>
+  - controls with aria-invalid="true" have a role="alert" message referenced by aria-describedby
+  - 'axe: label, aria-valid-attr-value, color-contrast pass'

package/ai/specs/auro-select.spec.yaml

@@ -0,0 +1,324 @@
+# GENERATED by packages/build-tools/src/aiSpecGenerator.mjs — do not edit by hand.
+# Authored inputs live in ai/_authored/auro-select.overlay.yaml
+component: auro-select
+version: 0.0.0
+summary: Select control (wraps auro-dropdown + auro-menu). Native equivalent is a <select> with <option>/<optgroup>; the option panel cannot be styled natively.
+generatedFrom:
+  cem: custom-elements.json#auro-select
+  cssRecipe: components/select/demo/css-only.md
+  overlay: ai/_authored/auro-select.overlay.yaml
+sourceOfTruth:
+  component: components/select/src/auro-select.js
+visual:
+  tokensImport: ./node_modules/@aurodesignsystem/design-tokens/dist/tokens/CSSCustomProperties.css
+  rule: NEVER hardcode a hex, px, rem, or font-family value. Every visual value MUST be an Auro --ds-* token via var(--ds-token, fallback). Literal values are allowed only as the second argument (fallback) of var().
+  css: |-
+    @import "./node_modules/@aurodesignsystem/design-tokens/dist/tokens/CSSCustomProperties.css";
+
+    .select {
+      appearance: none;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      width: 100%;
+      min-height: var(--ds-size-600, 3rem);
+      padding: var(--ds-size-100, 0.5rem) var(--ds-size-400, 2rem) var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);
+      border: 1px solid var(--ds-color-border-ui-default, #6e767f);
+      border-radius: var(--ds-border-radius, 4px);
+      background-color: var(--ds-color-container-primary-default, #ffffff);
+      color: var(--ds-color-text-primary-default, #1d1d1d);
+      font-family: inherit;
+      font-size: 1rem;
+      line-height: 1.5;
+      cursor: pointer;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1d' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+      background-repeat: no-repeat;
+      background-position: right var(--ds-size-150, 0.75rem) center;
+      background-size: var(--ds-size-200, 1rem);
+    }
+
+    .select:focus-visible {
+      outline: 2px solid var(--ds-color-border-active-default, #01426a);
+      outline-offset: 2px;
+      border-color: var(--ds-color-border-active-default, #01426a);
+    }
+
+    .select:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    .select:invalid {
+      border-color: var(--ds-color-border-error-default, #d6371e);
+    }
+api:
+  attributes:
+    - name: appearance
+      tier: wc-only
+      default: '''default'''
+      description: Defines whether the component will be on lighter or darker backgrounds.
+    - name: autoPlacement
+      tier: wc-only
+      default: 'false'
+      description: If declared, bib's position will be automatically calculated where to appear.
+    - name: autocomplete
+      tier: core
+      native: autocomplete
+      description: If declared, sets the autocomplete attribute for the select element.
+    - name: disabled
+      tier: core
+      native: disabled
+      description: When attribute is present, element shows disabled state.
+    - name: error
+      tier: wc-only
+      description: When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
+    - name: flexMenuWidth
+      tier: wc-only
+      description: If declared, make the width of the bib match the width of the content, rather than the trigger.
+    - name: fluid
+      tier: wc-only
+      description: When attribute is present, element will be 100% width of container element.
+    - name: forceDisplayValue
+      tier: wc-only
+      default: 'false'
+      description: If declared, the label and value will be visually hidden and the displayValue will render 100% of the time.
+    - name: fullscreenBreakpoint
+      tier: wc-only
+      default: '''sm'''
+      description: Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile.
+    - name: isPopoverVisible
+      tier: wc-only
+    - name: largeFullscreenHeadline
+      tier: wc-only
+      description: If declared, make bib.fullscreen.headline in HeadingDisplay.
+    - name: layout
+      tier: wc-only
+      default: '''classic'''
+      description: Determines the overall layout of the select component.
+    - name: matchWidth
+      tier: wc-only
+      default: 'false'
+      description: If declared, the popover and trigger will be set to the same width.
+    - name: multiselect
+      tier: core
+      native: multiple
+      description: Sets multi-select mode, allowing multiple options to be selected at once.
+    - name: name
+      tier: core
+      native: name
+      description: The name for the select element.
+    - name: noCheckmark
+      tier: wc-only
+      description: When true, checkmark on selected option will no longer be present.
+    - name: noFlip
+      tier: wc-only
+      default: 'false'
+      description: If declared, the bib will NOT flip to an alternate position when there isn't enough space in the specified `placement`.
+    - name: noValidate
+      tier: wc-only
+      description: If set, disables auto-validation on blur.
+    - name: offset
+      tier: wc-only
+      default: '0'
+      description: Gap between the trigger element and bib.
+    - name: onDark
+      tier: wc-only
+      description: DEPRECATED - use `appearance="inverse"` instead.
+    - name: optionSelected
+      tier: wc-only
+      description: Specifies the current selected menuOption.
+    - name: placeholder
+      tier: core
+      native: placeholder
+      description: Define custom placeholder text.
+    - name: placement
+      tier: wc-only
+      default: '''bottom-start'''
+      description: Position where the bib should appear relative to the trigger.
+    - name: required
+      tier: core
+      native: required
+      description: Populates the `required` attribute on the element.
+    - name: setCustomValidity
+      tier: wc-only
+      description: Sets a custom help text message to display for all validityStates.
+    - name: setCustomValidityCustomError
+      tier: enhanced
+      description: Custom help text message to display when validity = `customError`.
+    - name: setCustomValidityValueMissing
+      tier: enhanced
+      description: Custom help text message to display when validity = `valueMissing`.
+    - name: shape
+      tier: wc-only
+      description: Determines the shape of the dropdown bib.
+    - name: shift
+      tier: wc-only
+      default: 'false'
+      description: If set, the dropdown will shift its position to avoid being cut off by the viewport.
+    - name: size
+      tier: enhanced
+      description: Determines the size of the dropdown bib.
+    - name: typeaheadTimeoutMs
+      tier: wc-only
+      default: '500'
+      description: Milliseconds of keyboard inactivity before the type-ahead buffer resets.
+    - name: validity
+      tier: wc-only
+      description: Specifies the `validityState` this element is in.
+    - name: value
+      tier: core
+      native: value
+      description: Value selected for the component.
+    - name: ondark
+      tier: wc-only
+  slots:
+    - name: (default)
+      tier: core
+      description: Default slot for the menu content.
+    - name: ariaLabel.bib.close
+      tier: core
+      description: Sets aria-label on close button in fullscreen bib
+    - name: bib.fullscreen.headline
+      tier: core
+      description: Defines the headline to display above menu-options
+    - name: label
+      tier: core
+      description: Defines the content of the label.
+    - name: optionalLabel
+      tier: core
+      description: Allows overriding the optional display text "(optional)", which appears next to the label.
+    - name: helpText
+      tier: core
+      description: Defines the content of the helpText.
+    - name: valueText
+      tier: core
+      description: Dropdown value text display.
+    - name: displayValue
+      tier: wc-only
+      description: Allows custom HTML content to display the selected value when select is not focused.
+  events:
+    - name: auroSelect-valueSet
+      tier: wc-only
+      description: Notifies that the component has a new value set.
+    - name: input
+      tier: core
+      description: Notifies every time the value prop of the element is changed.
+    - name: auroFormElement-validated
+      tier: wc-only
+      description: Notifies that the `validity` and `errorMessage` values have changed.
+  methods:
+    - name: register
+      tier: wc-only
+    - name: updateActiveOption
+      tier: wc-only
+    - name: hideBib
+      tier: wc-only
+    - name: showBib
+      tier: wc-only
+    - name: setMenuValue
+      tier: wc-only
+    - name: reset
+      tier: wc-only
+    - name: validate
+      tier: wc-only
+    - name: resetShapeClasses
+      tier: wc-only
+    - name: resetLayoutClasses
+      tier: wc-only
+    - name: updateComponentArchitecture
+      tier: wc-only
+behavior:
+  a11y:
+    - Every control MUST have a programmatically associated <label> (for/id or wrapping).
+    - Link help text via aria-describedby so it is announced after the label.
+    - Reflect invalid state with aria-invalid="true|false" on the control.
+    - Render validation errors with role="alert" aria-live="assertive" so they announce immediately.
+    - Use a native <select> with an associated <label>; group options with <optgroup label="...">.
+    - Multi-select uses the native `multiple` attribute.
+  keyboard:
+    - All interactive affordances are real, focusable elements in DOM order.
+    - Type-ahead, Up/Down, and Home/End are provided natively by <select>.
+  validation:
+    - Set `required` on <select> with an empty-value first <option> to enforce a selection natively.
+gaps:
+  - id: stylable-dropdown-panel
+    feature: Stylable dropdown panel
+    guidance: auro-select renders its dropdown panel (the "bib") as part of the component, so option spacing, borders, elevation, and selected-state styling all match the Auro design system.
+  - id: rich-option-content
+    feature: Rich option content
+    guidance: auro-select accepts auro-menuoption children whose default slot can contain any HTML — icons, two-line descriptions, badges, or custom markup.
+  - id: custom-display-value
+    feature: Custom display value
+    guidance: auro-select exposes a displayValue slot and a forceDisplayValue attribute so the collapsed trigger can show formatted content (markup, icons, a different string than the selected option's label).
+  - id: custom-validation-messages
+    feature: Custom validation messages
+    guidance: auro-select exposes setCustomValidity, setCustomValidityValueMissing, setCustomValidityCustomError, and an error attribute for fully customizable error messages per validity state.
+  - id: help-text-and-error-slots
+    feature: Help text and error slots
+    guidance: auro-select provides a helpText slot that renders below the trigger and automatically swaps to the active validation message when the field is invalid.
+  - id: multi-select-with-checkmarks
+    feature: Multi-select with checkmarks
+    guidance: auro-select supports a multiSelect attribute that keeps the dropdown open between selections, renders checkmarks next to chosen options, and exposes the selection as an array via optionSelected.
+  - id: type-ahead-navigation
+    feature: Type-ahead navigation
+    guidance: auro-select implements its own keyboard strategy (see selectKeyboardStrategy.js) for type-ahead matching, arrow-key navigation, and focus management that is consistent across browsers.
+  - id: mobile-fullscreen-behavior
+    feature: Mobile fullscreen behavior
+    guidance: auro-select automatically switches its dropdown to a fullscreen sheet on small viewports via the fullscreenBreakpoint attribute, with a configurable headline slot (bib.fullscreen.headline) and close-button label.
+  - id: placement-and-layout-control
+    feature: Placement and layout control
+    guidance: auro-select supports placement, autoPlacement, noFlip, shift, offset, matchWidth, and flexMenuWidth attributes to control where and how the dropdown opens.
+  - id: aria-wiring
+    feature: ARIA wiring
+    guidance: auro-select manages the ARIA relationships between the trigger, label, help text, listbox, and active option automatically.
+  - id: value-sync-and-events
+    feature: Value sync and events
+    guidance: auro-select exposes a single value property plus an optionSelected reference to the chosen option element, and dispatches auroSelect-valueSet, input, and auroFormElement-validated events for integration with auro-form.
+  - id: touched-state-tracking
+    feature: Touched-state tracking
+    guidance: auro-select tracks a touched state so validation errors only appear after the user has interacted with the field.
+  - id: reset-behavior
+    feature: Reset behavior
+    guidance: auro-select provides a single reset() method that clears the value and resets validation state in one call.
+  - id: layout-and-shape-variants
+    feature: Layout and shape variants
+    guidance: auro-select supports layout (classic, emphasized, snowflake) and shape (classic, pill, pill-left, pill-right, snowflake) attributes for design-system-aligned visual variants.
+  - id: multi-brand-theming
+    feature: Multi-brand theming
+    guidance: auro-select consumes Auro design tokens through its component logic, so it automatically picks up brand-specific theming when token packages are swapped.
+examples:
+  - id: basic-select
+    html: |-
+      <label for="destination">Destination</label>
+      <select id="destination" name="destination" class="select">
+        <option value="">Choose a destination</option>
+        <option value="sea">Seattle</option>
+        <option value="pdx">Portland</option>
+        <option value="anc">Anchorage</option>
+      </select>
+  - id: select-with-optgroup
+    html: |-
+      <label for="airport">Airport</label>
+      <select id="airport" name="airport" class="select">
+        <optgroup label="Pacific Northwest">
+          <option value="sea">Seattle</option>
+          <option value="pdx">Portland</option>
+        </optgroup>
+        <optgroup label="Alaska">
+          <option value="anc">Anchorage</option>
+          <option value="fai">Fairbanks</option>
+        </optgroup>
+      </select>
+  - id: multiple-select
+    html: |-
+      <label for="preferences">Travel preferences</label>
+      <select id="preferences" name="preferences" class="select" multiple size="4">
+        <option value="window">Window seat</option>
+        <option value="aisle">Aisle seat</option>
+        <option value="meal">Special meal</option>
+        <option value="early">Early boarding</option>
+      </select>
+verify:
+  - every color, size, spacing, radius, and font value uses var(--ds-*)
+  - each control has an associated <label>
+  - controls with aria-invalid="true" have a role="alert" message referenced by aria-describedby
+  - 'axe: label, aria-valid-attr-value, color-contrast pass'

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

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608042147';
+var formkitVersion = '202608071813';
 
 // 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 = '202608042147';
+var formkitVersion = '202608071813';
 
 // 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 = '202608042147';
+var formkitVersion = '202608071813';
 
 // 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 = '202608042147';
+var formkitVersion = '202608071813';
 
 // 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 = '202608042147';
+var formkitVersion = '202608071813';
 
 // 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

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608042147';
+var formkitVersion$2 = '202608071813';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5679,6 +5679,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {
@@ -18666,7 +18675,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608042147';
+var formkitVersion$1 = '202608071813';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19822,7 +19831,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608042147';
+var formkitVersion = '202608071813';
 
 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

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608042147';
+var formkitVersion$2 = '202608071813';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -5679,6 +5679,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {
@@ -18666,7 +18675,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608042147';
+var formkitVersion$1 = '202608071813';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19822,7 +19831,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608042147';
+var formkitVersion = '202608071813';
 
 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}`;