@aurodesignsystem-dev/auro-formkit 0.0.0-pr1512.0 → 0.0.0-pr1513.0

package/components/form/demo/registerDemoDeps.min.js

@@ -5135,7 +5135,7 @@ function normalizeDates$3(context, ...dates) {
  * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 00:00:00
  */
-function startOfDay$4(date, options) {
+function startOfDay$3(date, options) {
   const _date = toDate$3(date, options?.in);
   _date.setHours(0, 0, 0, 0);
   return _date;
@@ -5183,8 +5183,8 @@ function differenceInCalendarDays$3(laterDate, earlierDate, options) {
     earlierDate,
   );
 
-  const laterStartOfDay = startOfDay$4(laterDate_);
-  const earlierStartOfDay = startOfDay$4(earlierDate_);
+  const laterStartOfDay = startOfDay$3(laterDate_);
+  const earlierStartOfDay = startOfDay$3(earlierDate_);
 
   const laterTimestamp =
     +laterStartOfDay - getTimezoneOffsetInMilliseconds$3(laterStartOfDay);
@@ -10456,13 +10456,6 @@ let AuroInputUtilities$3 = class AuroInputUtilities {
    * @returns {string | undefined}
    */
   toFormattedValue(valueObject, format) {
-    // Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
-    // `format` argument has to fail gracefully rather than throw on
-    // `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
-    // as "no format → no display value".
-    if (!format) {
-      return undefined;
-    }
     const normalizedFormat = format.toLowerCase();
     const maskOptions = this.getMaskOptions('date', normalizedFormat);
 
@@ -10613,18 +10606,79 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
   constructor() {
     super();
 
-    // Single-source initialization. Alphabetized so duplicate or stale
-    // defaults are immediately obvious on a diff. Every field is assigned
-    // exactly once here (previously the constructor + the old
-    // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
-    // fields and double-allocated `util` and `validation`, discarding the
-    // first instance). `validation` is now allocated exactly once; `util`
-    // is seeded here with an en-US default and then rebuilt in
-    // `connectedCallback` once the consumer-resolved locale is available,
-    // so a parent (datepicker/combobox) calling `validate()` synchronously
-    // during its own update cycle sees a populated util instance.
+    this.appearance = "default";
+    this.disabled = false;
+    this.layout = 'classic';
+    this.locale = 'en-US';
+    this.max = undefined;
+    this._maxObject = undefined;
+    this.maxLength = undefined;
+    this.min = undefined;
+    this._minObject = undefined;
+    this.minLength = undefined;
+    this.required = false;
+    this.onDark = false;
+    this.setCustomValidityForType = undefined;
+    this.size = 'lg';
+    this.shape = 'classic';
+    this.value = undefined;
+    this._valueObject = undefined;
+
+    this._initializePrivateDefaults();
+  }
+
+  /**
+   * Internal Defaults.
+   * @private
+   * @returns {void}
+   */
+  _initializePrivateDefaults() {
     this.activeLabel = false;
-    /** @private */
+    this.appearance = "default";
+    this.icon = false;
+    this.disabled = false;
+    this.dvInputOnly = false;
+    this.hideLabelVisually = false;
+    this.max = undefined;
+    this.maxLength = undefined;
+    this.min = undefined;
+    this.minLength = undefined;
+    this.noValidate = false;
+    this.onDark = false;
+    this.required = false;
+    this.setCustomValidityForType = undefined;
+
+    // Used for storing raw values returned from input mask.
+    this._rawMaskValue = undefined;
+
+    /**
+     * @private
+     */
+    this.layout = 'classic';
+
+    /**
+     * @private
+     */
+    this.shape = 'classic';
+
+    /**
+     * @private
+     */
+    this.size = 'lg';
+
+    this.touched = false;
+    this.util = new AuroInputUtilities$3({
+      locale: "en-US",
+      format: this.format
+    });
+    this.validation = new AuroFormValidation$7();
+    this.inputIconName = undefined;
+    this.showPassword = false;
+    this.validationCCLength = undefined;
+    this.hasValue = false;
+    this.label = 'Input label is undefined';
+
+
     this.allowedInputTypes = [
       "text",
       "number",
@@ -10633,8 +10687,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
       "credit-card",
       "tel"
     ];
-    this.appearance = "default";
-    /** @private */
+    this.icon = false;
     this.dateFormatMap = {
       'mm/dd/yyyy': 'dateMMDDYYYY',
       'dd/mm/yyyy': 'dateDDMMYYYY',
@@ -10651,57 +10704,27 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
       'dd/mm': 'dateDDMM',
       'mm/dd': 'dateMMDD'
     };
-    this.disabled = false;
-    /** @private */
     this.domHandler = new DomHandler$3();
     this.dvInputOnly = false;
     this.hasValue = false;
-    this.hideLabelVisually = false;
-    this.icon = false;
-    /** @private */
     this.inputIconName = undefined;
-    /** @private */
     this.label = 'Input label is undefined';
-    this.layout = 'classic';
-    this.locale = 'en-US';
-    this.max = undefined;
-    this._maxObject = undefined;
-    this.maxLength = undefined;
-    this.min = undefined;
-    this._minObject = undefined;
-    this.minLength = undefined;
     this.noValidate = false;
-    this.onDark = false;
-    // Raw values returned from the input mask before model normalization.
-    this._rawMaskValue = undefined;
-    this.required = false;
-    this.setCustomValidityForType = undefined;
-    // Credit Card is intentionally excluded — its mask manages the cursor
-    // itself, and listing it here caused cursor placement issues in Safari.
-    /** @private */
+    this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
     this.setSelectionInputTypes = [
       "text",
       "password",
       "email"
-    ];
-    this.shape = 'classic';
-    /** @private */
+    ]; // Credit Card is not included as this caused cursor placement issues in Safari.
     this.showPassword = false;
-    this.size = 'lg';
     this.touched = false;
-    /** @private */
     this.uniqueId = new UniqueId$2().create();
-    /** @private */
     this.util = new AuroInputUtilities$3({
       locale: this.locale,
       format: this.format
     });
-    /** @private */
     this.validation = new AuroFormValidation$7();
-    /** @private */
     this.validationCCLength = undefined;
-    this.value = undefined;
-    this._valueObject = undefined;
   }
 
   // function to define props used within the scope of this component
@@ -11249,15 +11272,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
 
     this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
 
-    // Normalize the format token to lowercase so case-mixed values supplied
-    // via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
-    // lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
-    // format silently misses the map and leaves `setCustomValidityForType`
-    // unset.
-    if (this.format) {
-      this.format = this.format.toLowerCase();
-    }
-
     // use validity message override if declared when initializing the component
     if (this.hasAttribute('setCustomValidity')) {
       this.ValidityMessageOverride = this.setCustomValidity;
@@ -11691,38 +11705,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
       this.touched = true;
       this.validation.validate(this);
     }
-
-    // Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
-    // update that can re-render the input and reset the native cursor; we
-    // capture the caret position before that update commits and restore it
-    // via `setSelectionRange` once the update has flushed. Gated on
-    // `setSelectionInputTypes` so credit-card (and other masked types whose
-    // formatter manages the cursor itself) doesn't get a competing write.
-    // Capture the caret position INSIDE the gate — reading `selectionStart`
-    // on input types that don't support text selection (number, email in
-    // some browsers) throws InvalidStateError, which would crash all input
-    // handling. Wrap the read in try/catch belt-and-suspenders even though
-    // the gated types currently support it, since the list is a public
-    // property a consumer could mutate.
-    if (this.setSelectionInputTypes.includes(this.type)) {
-      let selectionStart;
-      try {
-        selectionStart = this.inputElement.selectionStart;
-      } catch (error) { // eslint-disable-line no-unused-vars
-        return;
-      }
-      if (typeof selectionStart !== 'number') {
-        return;
-      }
-      this.updateComplete.then(() => {
-        try {
-          this.inputElement.setSelectionRange(selectionStart, selectionStart);
-        } catch (error) { // eslint-disable-line no-unused-vars
-          // Some input types (number/email in certain UAs) throw on
-          // setSelectionRange; swallow and let the native cursor stand.
-        }
-      });
-    }
   }
 
   /**
@@ -12349,7 +12331,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$8 = '202606252337';
+var formkitVersion$8 = '202606291440';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12852,7 +12834,6 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
         <${this.buttonTag}
           @click="${this.handleClickShowPassword}"
           appearance="${this.onDark ? 'inverse' : this.appearance}"
-          aria-pressed="${this.showPassword ? 'true' : 'false'}"
           class="notificationBtn passwordBtn"
           shape="circle"
           size="sm"
@@ -12926,29 +12907,25 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
    * @returns {html} - Returns HTML for the help text and error message.
    */
   renderHtmlHelpText() {
-    // Single `<p>` with stable identity across validity transitions —
-    // previously two distinct templates (valid vs invalid) caused Lit to
-    // replace the node entirely on a flip, and VoiceOver wouldn't
-    // re-announce because the live-region element it was watching had been
-    // removed and a new one inserted. Keeping one node means the `role`,
-    // `aria-live`, and text content all change in-place, which AT does
-    // observe and announce.
-    const isError = this.validity && this.validity !== 'valid';
     return u$d`
-      <${this.helpTextTag}
-        appearance="${this.onDark ? 'inverse' : this.appearance}"
-        ?error=${isError}>
-        <p
-          id="${this.uniqueId}"
-          part="helpText"
-          role="${o$4(isError ? 'alert' : undefined)}"
-          aria-live="${o$4(isError ? 'assertive' : undefined)}">
-          ${isError
-        ? this.errorMessage
-        : u$d`<slot name="helpText">${this.getHelpText()}</slot>`
-      }
-        </p>
-      </${this.helpTextTag}>
+      ${!this.validity || this.validity === undefined || this.validity === 'valid'
+        ? u$d`
+          <${this.helpTextTag}
+            appearance="${this.onDark ? 'inverse' : this.appearance}">
+            <p id="${this.uniqueId}" part="helpText">
+              <slot name="helpText">${this.getHelpText()}</slot>
+            </p>
+          </${this.helpTextTag}>
+        `
+        : u$d`
+          <${this.helpTextTag} error
+            appearance="${this.onDark ? 'inverse' : this.appearance}">
+            <p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
+              ${this.errorMessage}
+            </p>
+          </${this.helpTextTag}>
+        `
+      }
     `;
   }
 
@@ -14438,7 +14415,7 @@ function normalizeDates$1(context, ...dates) {
  * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 00:00:00
  */
-function startOfDay$2(date, options) {
+function startOfDay$1(date, options) {
   const _date = toDate$1(date, options?.in);
   _date.setHours(0, 0, 0, 0);
   return _date;
@@ -14486,8 +14463,8 @@ function differenceInCalendarDays$1(laterDate, earlierDate, options) {
     earlierDate,
   );
 
-  const laterStartOfDay = startOfDay$2(laterDate_);
-  const earlierStartOfDay = startOfDay$2(earlierDate_);
+  const laterStartOfDay = startOfDay$1(laterDate_);
+  const earlierStartOfDay = startOfDay$1(earlierDate_);
 
   const laterTimestamp =
     +laterStartOfDay - getTimezoneOffsetInMilliseconds$1(laterStartOfDay);
@@ -23589,13 +23566,6 @@ let AuroInputUtilities$1 = class AuroInputUtilities {
    * @returns {string | undefined}
    */
   toFormattedValue(valueObject, format) {
-    // Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
-    // `format` argument has to fail gracefully rather than throw on
-    // `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
-    // as "no format → no display value".
-    if (!format) {
-      return undefined;
-    }
     const normalizedFormat = format.toLowerCase();
     const maskOptions = this.getMaskOptions('date', normalizedFormat);
 
@@ -23951,8 +23921,8 @@ class RangeDatepickerCell extends i$2 {
     const parsedDateFrom = parseInt(dateFrom, 10);
     const parsedDateTo = parseInt(dateTo, 10);
     if (day) {
-      if (getTime(startOfDay$2(parsedDateTo * 1000)) / 1000 === day.date ||
-        getTime(startOfDay$2(parsedDateFrom * 1000)) / 1000 === day.date) {
+      if (getTime(startOfDay$1(parsedDateTo * 1000)) / 1000 === day.date ||
+        getTime(startOfDay$1(parsedDateFrom * 1000)) / 1000 === day.date) {
         this.selected = true;
       }
       if (((hoveredDate === day.date || day.date < hoveredDate) &&
@@ -24140,7 +24110,7 @@ class RangeDatepickerCalendar extends i$2 {
     this.dayNamesOfTheWeek = [];
     this.daysOfMonth = [];
     this._locale = null;
-    this.currentDate = parseInt(format$1(startOfDay$2(Date.now()), 't'), 10);
+    this.currentDate = parseInt(format$1(startOfDay$1(Date.now()), 't'), 10);
     this.localeChanged();
     this.yearAndMonthChanged(this.year, this.month);
   }
@@ -24614,7 +24584,7 @@ __decorate([n$4({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
 __decorate([n$4({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
 AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
 
-var styleCss$5$2 = i$4`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:48px;height:56px;padding:0;border-width:2px;border-style:solid;border-radius:10px;cursor:pointer;user-select:none}.day:focus-visible{outline:none;background-color:unset}.day.activeCell{outline-width:2px;outline-style:solid;outline-offset:-4px}.day.disabled{cursor:default !important;pointer-events:none}.day.blackout{cursor:pointer}.day.reference:after{position:absolute;top:-2px;left:-2px;display:block;width:calc(100% + 2px);height:calc(100% + 2px);box-sizing:content-box;border-radius:10px;border-style:solid;border-width:1px;content:""}.day.inRange::before{position:absolute;z-index:-1;top:-2px;left:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:content-box;content:""}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:-2px;left:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:content-box;content:"";border-radius:10px 0 0 10px;overflow:hidden}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:-2px;left:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:content-box;content:"";border-radius:0 10px 10px 0;overflow:hidden}.day.firstDayOfMonth::before{border-radius:10px 0 0 10px;overflow:hidden}.day.lastDayOfMonth::before{border-radius:0 10px 10px 0;overflow:hidden}.buttonWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.dateSlot{display:block}::slotted([slot^=date_]){width:100%;white-space:nowrap}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;height:100%}:host([renderForDateSlot]) .currentDayMarker{position:relative}`;
+var styleCss$5$2 = i$4`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:48px;height:56px;padding:0;border-width:2px;border-style:solid;border-radius:10px;cursor:pointer;user-select:none}.day:focus-visible{outline:none;background-color:unset}.day.activeCell{outline-width:2px;outline-style:solid;outline-offset:-4px}.day.disabled{cursor:default !important;pointer-events:none}.day.blackout{cursor:pointer}.day.reference:after{position:absolute;top:-2px;left:-2px;display:block;width:calc(100% + 2px);height:calc(100% + 2px);box-sizing:content-box;border-radius:10px;border-style:solid;border-width:1px;content:""}.day.inRange::before{position:absolute;z-index:-1;top:-2px;left:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:content-box;content:""}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:-2px;left:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:content-box;content:"";border-radius:10px 0 0 10px;overflow:hidden}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:-2px;left:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:content-box;content:"";border-radius:0 10px 10px 0;overflow:hidden}.day.rangeDepartDate.lastHoveredDate::before{border-radius:10px}.day.firstDayOfMonth::before{border-radius:10px 0 0 10px;overflow:hidden}.day.lastDayOfMonth::before{border-radius:0 10px 10px 0;overflow:hidden}.buttonWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.dateSlot{display:block}::slotted([slot^=date_]){width:100%;white-space:nowrap}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;height:100%}:host([renderForDateSlot]) .currentDayMarker{position:relative}`;
 
 var colorCss$5$2 = i$4`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day.activeCell:not(.selected){--ds-auro-calendar-cell-container-color: var(--ds-auro-calendar-cell-in-range-color);border-color:var(--ds-advanced-color-state-selected);outline-color:var(--ds-auro-calendar-cell-container-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.reference:after{border-color:var(--ds-basic-color-border-default, #959595);box-shadow:inset 0 0 0 2px var(--ds-basic-color-surface-default, #ffffff)}:host .day.reference:hover::after{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background-muted, #f7f7f7)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.blackout{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
 
@@ -24639,13 +24609,103 @@ class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,cl
 
 var popoverVersion = '6.0.1';
 
-/* eslint-disable curly, max-lines, no-underscore-dangle, no-magic-numbers, no-underscore-dangle, max-params, no-extra-parens, arrow-parens, max-lines, line-comment-position, no-inline-comments, lit/binding-positions, lit/no-invalid-html */
+/**
+ * Single source of truth for parsing and matching blackout dates across the
+ * datepicker. Both `auro-calendar` (memoized Set + `isDateBlackout`) and the
+ * pre-`firstUpdated` fallback inside `auro-calendar-cell` route through these
+ * helpers so the YYYY-MM-DD → seconds conversion and the merge-with-legacy
+ * `disabledDays` rules are defined exactly once.
+ */
 
-const startOfDay$1 = (ms) => {
-  const date = new Date(ms);
-  date.setHours(0, 0, 0, 0);
-  return date.getTime();
-};
+/**
+ * Converts a `YYYY-MM-DD` ISO date string to a Unix timestamp (seconds)
+ * representing local midnight on that calendar day. Returns `null` for
+ * inputs that don't parse to a finite timestamp.
+ *
+ * Uses the `new Date(year, monthIndex, day)` constructor (NOT
+ * `new Date(isoStr)`) so the result is local-midnight rather than UTC
+ * midnight — required to keep the calendar grid aligned with the user's
+ * local calendar day in negative-offset timezones.
+ *
+ * @param {string} isoStr - Date string in `YYYY-MM-DD` format.
+ * @returns {number|null} Local-midnight Unix timestamp (seconds), or null.
+ */
+function parseIsoToTimestamp(isoStr) {
+  if (typeof isoStr !== 'string') {
+    return null;
+  }
+  const parts = isoStr.split('-');
+  if (parts.length !== 3) {
+    return null;
+  }
+  const year = parseInt(parts[0], 10);
+  const month = parseInt(parts[1], 10);
+  const day = parseInt(parts[2], 10);
+  if (!Number.isFinite(year) || !Number.isFinite(month) || !Number.isFinite(day)) {
+    return null;
+  }
+  // Reject overflow values like "2024-13-40" — JS `new Date(year, month, day)`
+  // silently normalizes those to a different calendar day, which would
+  // disable the wrong date if we let the result through.
+  if (month < 1 || month > 12 || day < 1 || day > 31) {
+    return null;
+  }
+  const date = new Date(year, month - 1, day);
+  // Guard the residual case where JS still rolls a value (e.g. Feb 30 → Mar 2).
+  // After construction, getFullYear/getMonth/getDate should match the inputs.
+  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {
+    return null;
+  }
+  const ts = Math.floor(date.getTime() / 1000);
+  return Number.isFinite(ts) ? ts : null;
+}
+
+/**
+ * Builds a `Set<number>` of seconds-since-epoch timestamps covering both the
+ * legacy `disabledDays` (already-numeric) array and the ISO `blackoutDates`
+ * array. Use this for O(1) membership checks in hot paths.
+ *
+ * @param {Array<string|number>|undefined} disabledDays - Legacy timestamp array.
+ * @param {Array<string>|undefined} blackoutDates - ISO `YYYY-MM-DD` array.
+ * @returns {Set<number>}
+ */
+function buildBlackoutSet(disabledDays, blackoutDates) {
+  const set = new Set();
+  if (Array.isArray(disabledDays)) {
+    for (const day of disabledDays) {
+      const ts = parseInt(day, 10);
+      if (Number.isFinite(ts)) {
+        set.add(ts);
+      }
+    }
+  }
+  if (Array.isArray(blackoutDates)) {
+    for (const isoStr of blackoutDates) {
+      const ts = parseIsoToTimestamp(isoStr);
+      if (ts !== null) {
+        set.add(ts);
+      }
+    }
+  }
+  return set;
+}
+
+/**
+ * One-shot membership test for a single timestamp against both blackout
+ * sources. Allocates a Set on each call; only use this in cold paths
+ * (e.g. the pre-`firstUpdated` cell fallback). Hot paths should hold the
+ * Set returned from `buildBlackoutSet` and `.has(ts)` directly.
+ *
+ * @param {number} dateTs - Unix timestamp (seconds) to test.
+ * @param {Array<string|number>|undefined} disabledDays - Legacy timestamp array.
+ * @param {Array<string>|undefined} blackoutDates - ISO `YYYY-MM-DD` array.
+ * @returns {boolean}
+ */
+function isBlackoutTimestamp(dateTs, disabledDays, blackoutDates) {
+  return buildBlackoutSet(disabledDays, blackoutDates).has(dateTs);
+}
+
+/* eslint-disable curly, max-lines, no-underscore-dangle, no-magic-numbers, no-underscore-dangle, max-params, no-extra-parens, arrow-parens, max-lines, line-comment-position, no-inline-comments, lit/binding-positions, lit/no-invalid-html */
 
 class AuroCalendarCell extends i$2 {
   constructor() {
@@ -24693,6 +24753,14 @@ class AuroCalendarCell extends i$2 {
         type: Boolean,
         reflect: true
       },
+      /**
+       * @deprecated Propagated from the legacy `auro-calendar.disabledDays`
+       * Unix-timestamp array. The cell honors it for backward compatibility
+       * (see the divergence-check fallback inside `isBlackout`), but
+       * consumers should migrate to `auro-datepicker.blackoutDates`
+       * (YYYY-MM-DD ISO strings). The calendar emits a one-time
+       * deprecation warning the first time a non-empty value is observed.
+       */
       disabledDays:  { type: Array },
       isCurrentDate: { type: Boolean },
       locale:        { type: String },
@@ -24738,8 +24806,8 @@ class AuroCalendarCell extends i$2 {
     const parsedDateTo = parseInt(dateTo, 10);
 
     if (day) {
-      const departTimestamp = startOfDay$1(parsedDateFrom * 1000) / 1000;
-      const returnTimestamp = startOfDay$1(parsedDateTo * 1000) / 1000;
+      const departTimestamp = new Date(parsedDateFrom * 1000).setHours(0, 0, 0, 0) / 1000;
+      const returnTimestamp = new Date(parsedDateTo * 1000).setHours(0, 0, 0, 0) / 1000;
 
       if (day.date === departTimestamp || day.date === returnTimestamp) {
         this.selected = true;
@@ -24823,27 +24891,33 @@ class AuroCalendarCell extends i$2 {
       return false;
     }
 
-    // Check against disabledDays timestamps (legacy path)
-    if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0 &&
-      (this.disabledDays.findIndex(dd => parseInt(dd, 10) === this.day.date) !== -1)) {
-      return true;
-    }
-
-    // Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
-    const blackoutDates = this.datepicker?.blackoutDates;
-
-    if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
-      const date = new Date(this.day.date * 1000);
-      const yyyy = date.getFullYear();
-      const mm = String(date.getMonth() + 1).padStart(2, '0');
-      const dd = String(date.getDate()).padStart(2, '0');
-      const cellDate = `${yyyy}-${mm}-${dd}`;
-      if (blackoutDates.includes(cellDate)) {
+    // Delegate to the calendar's memoized blackout Set for O(1) lookup
+    // (instead of rescanning disabledDays + blackoutDates per render). The
+    // Set is rebuilt only when either source array reference changes — see
+    // auro-calendar.js#_getBlackoutSet.
+    if (this.calendar && typeof this.calendar._getBlackoutSet === 'function') {
+      if (this.calendar._getBlackoutSet().has(this.day.date)) {
         return true;
       }
+      // If the cell's local disabledDays diverged from the calendar's (a
+      // consumer or test mutated cell.disabledDays directly), the Set does
+      // not reflect that addition — fall through to the per-cell scan only
+      // when the reference no longer matches. Production data flow keeps
+      // these identical, so this branch stays cold. Guarded with
+      // Array.isArray to match `_getBlackoutSet`'s contract: non-array
+      // values are treated as empty rather than crashing on `.findIndex`.
+      if (Array.isArray(this.disabledDays) && this.disabledDays !== this.calendar.disabledDays && this.disabledDays.length > 0) {
+        if (this.disabledDays.findIndex((dd) => parseInt(dd, 10) === this.day.date) !== -1) {
+          return true;
+        }
+      }
+      return false;
     }
 
-    return false;
+    // Pre-firstUpdated fallback — the cell may render once before the
+    // ancestor calendar is wired up. Routes through the shared
+    // blackoutUtils helper so the parsing rules stay in one place.
+    return isBlackoutTimestamp(this.day.date, this.disabledDays, this.datepicker?.blackoutDates);
   }
 
   /**
@@ -24949,12 +25023,12 @@ class AuroCalendarCell extends i$2 {
     const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
     if (!Number.isFinite(parsedDateFrom)) return null;
 
-    const departTimestamp = startOfDay$1(parsedDateFrom * 1000) / 1000;
+    const departTimestamp = new Date(parsedDateFrom * 1000).setHours(0, 0, 0, 0) / 1000;
     const dayDate = this.day.date;
 
     const parsedDateTo = Number.parseInt(this.dateTo, 10);
     const hasDateTo = Number.isFinite(parsedDateTo);
-    const returnTimestamp = hasDateTo ? startOfDay$1(parsedDateTo * 1000) / 1000 : null;
+    const returnTimestamp = hasDateTo ? new Date(parsedDateTo * 1000).setHours(0, 0, 0, 0) / 1000 : null;
 
     if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
 
@@ -24964,7 +25038,9 @@ class AuroCalendarCell extends i$2 {
 
     if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
 
-    // After start date, no end date yet, or after end date
+    if (!hasDateTo && dayDate > departTimestamp) return this.datepicker.rangeLabelEndPreview || 'previewing range end';
+
+    // After end date when both dateFrom and dateTo are set.
     return this.datepicker.rangeLabelAfterRange || 'after range';
   }
 
@@ -24977,7 +25053,7 @@ class AuroCalendarCell extends i$2 {
    */
   isDepartDate(day, dateFrom) {
     const parsedDateFrom = parseInt(dateFrom, 10);
-    const departTimestamp = startOfDay$1(parsedDateFrom * 1000) / 1000;
+    const departTimestamp = new Date(parsedDateFrom * 1000).setHours(0, 0, 0, 0) / 1000;
 
     return this.selected && day.date === departTimestamp;
   }
@@ -24992,7 +25068,7 @@ class AuroCalendarCell extends i$2 {
    */
   isReturnDate(day, dateFrom, dateTo) {
     const parsedDateTo = parseInt(dateTo, 10);
-    const returnTimestamp = startOfDay$1(parsedDateTo * 1000) / 1000;
+    const returnTimestamp = new Date(parsedDateTo * 1000).setHours(0, 0, 0, 0) / 1000;
 
     return this.selected && day.date === returnTimestamp && dateFrom;
   }
@@ -25156,6 +25232,7 @@ class AuroCalendarCell extends i$2 {
       setTimeout(() => this.firstUpdated(), 0);
       return;
     }
+    this.calendar = calendar;
     this.datepicker = calendar.datepicker;
     this._slotContentHandler = () => {
       this.handleSlotContent();
@@ -25213,12 +25290,13 @@ class AuroCalendarCell extends i$2 {
         this._cachedButton = this.shadowRoot.querySelector('button.day');
       });
 
-      // Update host-level aria attributes for ariaActiveDescendantElement.
+      // Keep the host's gridcell aria attributes in sync with the day data.
       this.updateHostAria();
     }
 
     // Update host aria when selection changes (aria-selected, range labels)
-    if (properties.has('dateFrom') || properties.has('dateTo') || properties.has('selected')) {
+    // or when isCurrentDate flips (aria-current).
+    if (properties.has('dateFrom') || properties.has('dateTo') || properties.has('selected') || properties.has('isCurrentDate')) {
       this.updateHostAria();
     }
 
@@ -25229,8 +25307,8 @@ class AuroCalendarCell extends i$2 {
   }
 
   /**
-   * Updates ARIA attributes on the host element so that
-   * ariaActiveDescendantElement can expose cell info to the SR.
+   * Sets host-level ARIA so each cell exposes its date, selection state,
+   * and blackout status to assistive tech browsing the month grid.
    * @private
    * @returns {void}
    */
@@ -25239,16 +25317,27 @@ class AuroCalendarCell extends i$2 {
 
     const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
     if (outOfRange) {
+      // Strip every aria attribute the in-range branch may have set on a
+      // previous render — if a cell flips from in-range to out-of-range
+      // (calendar shifts months, minDate/maxDate change, etc.).
       this.removeAttribute('role');
       this.removeAttribute('aria-label');
+      this.removeAttribute('aria-current');
+      this.removeAttribute('aria-selected');
+      this.removeAttribute('aria-disabled');
       return;
     }
 
-    // The host acts as the gridcell for ariaActiveDescendantElement.
     this.setAttribute('role', 'gridcell');
     this.setAttribute('aria-label', this.getAriaLabel());
     this.setAttribute('aria-selected', this.selected ? 'true' : 'false');
 
+    if (this.isCurrentDate) {
+      this.setAttribute('aria-current', 'date');
+    } else {
+      this.removeAttribute('aria-current');
+    }
+
     if (this.isBlackout()) {
       this.setAttribute('aria-disabled', 'true');
     } else {
@@ -25263,7 +25352,7 @@ class AuroCalendarCell extends i$2 {
    * @returns {void}
    */
   focusButton() {
-    const button = this._cachedButton || this.shadowRoot.querySelector('button:not([aria-hidden])');
+    const button = this._cachedButton || this.shadowRoot.querySelector('button:not([disabled])');
     if (button) {
       button.focus({ focusVisible: true });
     }
@@ -25271,7 +25360,9 @@ class AuroCalendarCell extends i$2 {
 
   /**
    * Imperatively marks this cell as active without triggering a Lit re-render.
-   * Note: buttons stay tabindex="-1" because the grid uses aria-activedescendant.
+   * Buttons stay tabindex="-1" because DOM focus stays on the grid wrapper —
+   * arrow keys move the active cell imperatively and the live region carries
+   * the SR announcement.
    * @returns {void}
    */
   setActive() {
@@ -25313,10 +25404,13 @@ class AuroCalendarCell extends i$2 {
     if (!btn || !this.day) return;
 
     const dayDate = this.day.date;
-    const departTimestamp = startOfDay$1(dateFrom * 1000) / 1000;
+    const departTimestamp = new Date(dateFrom * 1000).setHours(0, 0, 0, 0) / 1000;
     const isInRange = dayDate > departTimestamp && dayDate < hoveredDate;
-    const isLastHovered = dayDate === hoveredDate && hoveredDate > departTimestamp;
-    const isDepartWithPreview = dayDate === departTimestamp && hoveredDate > departTimestamp;
+    // `>=` so hovering the depart cell itself (a same-day round-trip
+    // preview) still surfaces a visual cue: the depart cell receives both
+    // rangeDepartDate and lastHoveredDate.
+    const isLastHovered = dayDate === hoveredDate && hoveredDate >= departTimestamp;
+    const isDepartWithPreview = dayDate === departTimestamp && hoveredDate >= departTimestamp;
 
     btn.classList.toggle('inRange', isInRange);
     btn.classList.toggle('lastHoveredDate', isLastHovered);
@@ -25374,7 +25468,6 @@ class AuroCalendarCell extends i$2 {
         @focus="${outOfRange ? undefined : this.handleFocus}"
         class="${e$2(buttonClasses)}"
         ?disabled="${outOfRange}"
-        aria-hidden="${outOfRange ? 'true' : A$7}"
         tabindex="-1">
         <div class="buttonWrapper" aria-hidden="true">
           <div class="currentDayMarker">${this.day?.title || A$7}</div>
@@ -26480,7 +26573,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
   }
 };
 
-var formkitVersion$2$1 = '202606252337';
+var formkitVersion$2$1 = '202606291440';
 
 let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
 `,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -26603,7 +26696,11 @@ class AuroCalendar extends RangeDatepicker {
     this.calendarRangeMonths = null;
 
     /**
-     * Legacy array of disabled-date timestamps.
+     * @deprecated Use `auro-datepicker.blackoutDates` (an array of
+     * `YYYY-MM-DD` ISO strings) instead. This legacy array of Unix
+     * timestamps is still honored for backward compatibility but emits a
+     * one-time `console.debug` the first time a non-empty value is observed.
+     * Support will be removed in a future major release.
      * @private
      */
     this.disabledDays = [];
@@ -26860,17 +26957,44 @@ class AuroCalendar extends RangeDatepicker {
    * @returns {void}
    */
   updateActiveCellForVisibleMonth() {
-    // Use double-rAF to ensure child month/cell components have fully
-    // rendered and cached their button references before we set tabindex.
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        const newDate = this.computeActiveDate({ skipDateFrom: true });
+    this._afterMonthRender(() => {
+      const newDate = this.computeActiveDate({ skipDateFrom: true });
 
-        if (newDate !== null && newDate !== undefined) {
-          this.activeCellDate = newDate;
-          this.setActiveCell(this.activeCellDate);
-        }
-      });
+      if (newDate !== null && newDate !== undefined) {
+        this.activeCellDate = newDate;
+        this.setActiveCell(this.activeCellDate);
+      }
+    });
+  }
+
+  /**
+   * Schedules `callback` two animation frames out, giving the child
+   * `auro-formkit-calendar-month` and `auro-formkit-calendar-cell` elements
+   * a full render-and-paint cycle to settle before the callback reads or
+   * mutates DOM.
+   *
+   * Why two frames, not one:
+   * 1. Lit batches property updates and renders in a microtask, so frame N
+   *    schedules the render but the new DOM may not be painted yet.
+   * 2. Cells re-cache `_cachedButton` inside their own `updateComplete.then`,
+   *    which also lands a tick later. Reading buttons from frame N+1
+   *    (after both renders + cache refresh have flushed) reliably hits the
+   *    new month's cells.
+   *
+   * Used by every code path that calls `handleNextMonth`/`handlePrevMonth`
+   * and then needs to inspect the freshly-rendered cells (cross-month
+   * keyboard nav, boundary events, `updateActiveCellForVisibleMonth`).
+   * Do NOT collapse to a single rAF — it intermittently lands before
+   * `_cachedButton` is refreshed, which silently breaks focus restoration
+   * and `setActiveCell` lookups.
+   * @private
+   * @param {() => void} callback - Runs once after the month re-render and
+   * the cells' button caches have refreshed.
+   * @returns {void}
+   */
+  _afterMonthRender(callback) {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(callback);
     });
   }
 
@@ -26988,6 +27112,47 @@ class AuroCalendar extends RangeDatepicker {
     return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
   }
 
+  /**
+   * Picks the focusable cell whose date is closest to targetTs. Used as a
+   * fallback after a month-boundary nav when the exact target date isn't
+   * focusable — typically because the month re-render lagged or the date
+   * was filtered out by isOutOfRange. When two cells are equidistant, the
+   * navigation direction breaks the tie so the user moves the way they
+   * pressed (forward → later cell, backward → earlier cell).
+   * @private
+   * @param {Array} cells - Focusable cells from getAllFocusableCells.
+   * @param {Number} targetTs - Desired Unix timestamp (seconds).
+   * @param {'next'|'prev'} direction - Navigation direction.
+   * @returns {Object|null} The nearest cell, or null when cells is empty.
+   */
+  pickNearestCell(cells, targetTs, direction) {
+    if (!cells.length) {
+      return null;
+    }
+    const forward = direction === 'next';
+    let best = null;
+    let bestDelta = Infinity;
+    cells.forEach((cell) => {
+      if (!cell.day) {
+        return;
+      }
+      const distance = Math.abs(cell.day.date - targetTs);
+      if (distance < bestDelta) {
+        best = cell;
+        bestDelta = distance;
+        return;
+      }
+      if (distance === bestDelta && best) {
+        if (forward && cell.day.date > best.day.date) {
+          best = cell;
+        } else if (!forward && cell.day.date < best.day.date) {
+          best = cell;
+        }
+      }
+    });
+    return best;
+  }
+
   /**
    * Gets all focusable cells across all rendered months.
    * @private
@@ -27004,9 +27169,9 @@ class AuroCalendar extends RangeDatepicker {
 
   /**
    * Sets the active cell across all months. Only one cell has tabindex="0" at a time.
-   * Uses imperative DOM manipulation — no Lit re-render triggered.
-   * Also updates ariaActiveDescendantElement on the grid wrapper so
-   * screen readers announce the active cell without moving DOM focus.
+   * Uses imperative DOM manipulation — no Lit re-render triggered. DOM focus
+   * stays on the grid wrapper; the live region (see getOrCreateLiveRegion)
+   * is what announces the active cell to assistive tech.
    * @param {Number} date - Unix timestamp of the cell to activate.
    * @returns {void}
    */
@@ -27055,10 +27220,23 @@ class AuroCalendar extends RangeDatepicker {
   /**
    * Shows the activeCell ring when the grid gains focus.
    * @private
+   * @param {FocusEvent} [event] - The focusin event.
    * @returns {void}
    */
-  handleGridFocusIn() {
+  handleGridFocusIn(event) {
     this._gridHasFocus = true;
+
+    // Only apply the activeCell ring when the grid wrapper itself receives focus
+    // (Tab/programmatic). When focus moves into a cell button via mousedown,
+    // event.target is the cell descendant — skip the ring here. The subsequent
+    // click handler calls setActiveCell on the clicked cell, which applies the
+    // ring there. Without this guard, mousedown briefly flashes the ring on the
+    // previously-active cell (e.g. the 1st-of-month set by month navigation
+    // when the grid was not focused).
+    if (event && event.target !== event.currentTarget) {
+      return;
+    }
+
     const activeCell = this.getAllFocusableCells().find((cell) => cell.active);
     if (activeCell) {
       const btn = activeCell._cachedButton || activeCell.shadowRoot.querySelector('button.day');
@@ -27087,6 +27265,65 @@ class AuroCalendar extends RangeDatepicker {
     this.clearRangePreview();
   }
 
+  /**
+   * Returns a memoized Set of blackout timestamps (seconds) drawn from both
+   * the legacy `disabledDays` array and the datepicker's ISO `blackoutDates`.
+   * The cache invalidates when either source array's reference changes, which
+   * matches Lit's own reactive identity semantics for array properties.
+   * @private
+   * @returns {Set<Number>}
+   */
+  _getBlackoutSet() {
+    // Normalize non-array values to a stable `null` sentinel rather than a
+    // fresh `[]` per call — otherwise the reference-identity cache key
+    // (`_cachedBlackoutDisabledDays === disabledDays`) never matches on
+    // subsequent calls and the Set rebuilds every time. `buildBlackoutSet`
+    // already treats null/non-array as "no legacy disabledDays" via its
+    // own Array.isArray gate.
+    const disabledDays = Array.isArray(this.disabledDays) ? this.disabledDays : null;
+    const blackoutDates = this.datepicker?.blackoutDates;
+    if (this._blackoutSet &&
+      this._cachedBlackoutDisabledDays === disabledDays &&
+      this._cachedBlackoutDates === blackoutDates) {
+      return this._blackoutSet;
+    }
+
+    if (disabledDays && disabledDays.length > 0) {
+      this._warnDisabledDaysDeprecated();
+    }
+
+    this._blackoutSet = buildBlackoutSet(disabledDays, blackoutDates);
+    this._cachedBlackoutDisabledDays = disabledDays;
+    this._cachedBlackoutDates = blackoutDates;
+    return this._blackoutSet;
+  }
+
+  /**
+   * Per-class flag that gates the `disabledDays` deprecation warning so it
+   * fires exactly once per page no matter how many calendars or rebuild
+   * cycles encounter the legacy array.
+   * @private
+   */
+  static _warnedDisabledDaysDeprecation = false;
+
+  /**
+   * One-time `console.debug` directing consumers from the legacy
+   * `disabledDays` Unix-timestamp API to the ISO `blackoutDates` API. Fires
+   * the first time `_getBlackoutSet` rebuilds from a non-empty
+   * `disabledDays`; subsequent calls (on this or any other AuroCalendar
+   * instance on the page) are silent.
+   * @private
+   * @returns {void}
+   */
+  _warnDisabledDaysDeprecated() {
+    if (AuroCalendar._warnedDisabledDaysDeprecation) {
+      return;
+    }
+    AuroCalendar._warnedDisabledDaysDeprecation = true;
+    // eslint-disable-next-line no-console
+    console.debug('[auro-datepicker] The `disabledDays` property (Unix timestamps) is deprecated. Migrate to the `blackoutDates` property on auro-datepicker (an array of `YYYY-MM-DD` ISO strings). `disabledDays` will be removed in a future major release.');
+  }
+
   /**
    * Computes the initial active date from data properties alone — no DOM required.
    * Priority:
@@ -27131,21 +27368,10 @@ class AuroCalendar extends RangeDatepicker {
     const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
     const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
 
-    // Build a Set of blackout timestamps for O(1) lookup.
-    const blackoutSet = new Set(this.disabledDays.map((day) => parseInt(day, 10)));
-
-    // Also include ISO-format blackoutDates from the datepicker if available.
-    // Parse YYYY-MM-DD as local date to avoid UTC shift issues.
-    const isoBlackouts = this.datepicker?.blackoutDates;
-    if (Array.isArray(isoBlackouts)) {
-      for (const isoStr of isoBlackouts) {
-        const parts = isoStr.split('-');
-        const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
-        if (Number.isFinite(ts)) {
-          blackoutSet.add(ts);
-        }
-      }
-    }
+    // Build a Set of blackout timestamps for O(1) lookup. Memoized by the
+    // identity of the source arrays so rapid month nav doesn't rebuild the
+    // Set (and re-parse every ISO string) on every keypress.
+    const blackoutSet = this._getBlackoutSet();
 
     /**
      * A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
@@ -27341,8 +27567,8 @@ class AuroCalendar extends RangeDatepicker {
 
   /**
    * Handles arrow key navigation on the calendar grid wrapper.
-   * Focus stays on the grid wrapper; only ariaActiveDescendantElement
-   * and the visual active-cell indicator change.
+   * Focus stays on the grid wrapper; only the visual active-cell indicator
+   * changes. The live region announces the new active cell.
    * @private
    * @param {KeyboardEvent} event - The keyboard event.
    * @returns {void}
@@ -27407,21 +27633,21 @@ class AuroCalendar extends RangeDatepicker {
           } else {
             this.handlePrevMonth({ skipActiveUpdate: true });
           }
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-              const cells = this.getAllFocusableCells();
-              const target = cells.find((cell) => cell.day && cell.day.date === targetTs);
-              if (target) {
-                this.setActiveCell(target.day.date);
-                this.handleCellFocused({ detail: { date: target.day.date } });
-              } else if (cells.length > 0) {
-                const fallback = navDir === 'next' ? cells[cells.length - 1] : cells[0];
+          this._afterMonthRender(() => {
+            const cells = this.getAllFocusableCells();
+            const target = cells.find((cell) => cell.day && cell.day.date === targetTs);
+            if (target) {
+              this.setActiveCell(target.day.date);
+              this.handleCellFocused({ detail: { date: target.day.date } });
+            } else {
+              const fallback = this.pickNearestCell(cells, targetTs, navDir);
+              if (fallback) {
                 this.setActiveCell(fallback.day.date);
                 this.handleCellFocused({ detail: { date: fallback.day.date } });
               }
-              // Re-focus grid wrapper after month change re-render
-              this.focusActiveCell();
-            });
+            }
+            // Re-focus grid wrapper after month change re-render
+            this.focusActiveCell();
           });
         }
       }
@@ -27447,26 +27673,20 @@ class AuroCalendar extends RangeDatepicker {
           } else {
             this.handlePrevMonth({ skipActiveUpdate: true });
           }
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-              const cells = this.getAllFocusableCells();
-              const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
-              if (target) {
-                this.setActiveCell(target.day.date);
-                this.handleCellFocused({ detail: { date: target.day.date } });
-              } else if (cells.length > 0) {
-                let nearest = null;
-
-                if (navDirection === 'next') {
-                  [nearest] = cells;
-                } else {
-                  nearest = cells[cells.length - 1];
-                }
+          this._afterMonthRender(() => {
+            const cells = this.getAllFocusableCells();
+            const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
+            if (target) {
+              this.setActiveCell(target.day.date);
+              this.handleCellFocused({ detail: { date: target.day.date } });
+            } else {
+              const nearest = this.pickNearestCell(cells, targetDate, navDirection);
+              if (nearest) {
                 this.setActiveCell(nearest.day.date);
                 this.handleCellFocused({ detail: { date: nearest.day.date } });
               }
-              this.focusActiveCell();
-            });
+            }
+            this.focusActiveCell();
           });
         }
       }
@@ -27516,19 +27736,22 @@ class AuroCalendar extends RangeDatepicker {
         }
 
         this.handleNextMonth({ skipActiveUpdate: true });
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            const cells = this.getAllFocusableCells();
-            const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
-            if (target) {
-              this.setActiveCell(target.day.date);
-              this.focusActiveCell();
-            } else if (cells.length > 0) {
-              // Fallback: first cell of the last rendered month
-              this.setActiveCell(cells[cells.length - 1].day.date);
+        this._afterMonthRender(() => {
+          const cells = this.getAllFocusableCells();
+          const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
+          if (target) {
+            this.setActiveCell(target.day.date);
+            this.focusActiveCell();
+          } else {
+            // Same nearest-by-date fallback handleGridKeyDown uses — direct
+            // `cells[length - 1]` would land on the end of the new month,
+            // far from the user's intended `nextTs`.
+            const fallback = this.pickNearestCell(cells, nextTs, 'next');
+            if (fallback) {
+              this.setActiveCell(fallback.day.date);
               this.focusActiveCell();
             }
-          });
+          }
         });
       } else if (direction === 'prev' && this.showPrevMonthBtn) {
         // Navigate to previous month and focus the computed previous date.
@@ -27542,19 +27765,22 @@ class AuroCalendar extends RangeDatepicker {
         }
 
         this.handlePrevMonth({ skipActiveUpdate: true });
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            const cells = this.getAllFocusableCells();
-            const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
-            if (target) {
-              this.setActiveCell(target.day.date);
-              this.focusActiveCell();
-            } else if (cells.length > 0) {
-              // Fallback: last cell of the first rendered month
-              this.setActiveCell(cells[0].day.date);
+        this._afterMonthRender(() => {
+          const cells = this.getAllFocusableCells();
+          const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
+          if (target) {
+            this.setActiveCell(target.day.date);
+            this.focusActiveCell();
+          } else {
+            // Same nearest-by-date fallback handleGridKeyDown uses — direct
+            // `cells[0]` would land on the start of the previous month, far
+            // from the user's intended `prevTs`.
+            const fallback = this.pickNearestCell(cells, prevTs, 'prev');
+            if (fallback) {
+              this.setActiveCell(fallback.day.date);
               this.focusActiveCell();
             }
-          });
+          }
         });
       }
     } else if (key === 'ArrowDown' || key === 'ArrowUp') {
@@ -27582,20 +27808,22 @@ class AuroCalendar extends RangeDatepicker {
           } else {
             this.handlePrevMonth({ skipActiveUpdate: true });
           }
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-              const cells = this.getAllFocusableCells();
-              const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
-              if (target) {
-                this.setActiveCell(target.day.date);
-                this.focusActiveCell();
-              } else if (cells.length > 0) {
-                // Clamp to nearest focusable cell
-                const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
+          this._afterMonthRender(() => {
+            const cells = this.getAllFocusableCells();
+            const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
+            if (target) {
+              this.setActiveCell(target.day.date);
+              this.focusActiveCell();
+            } else {
+              // Same nearest-by-date fallback handleGridKeyDown uses — the
+              // old direction-based `cells[0]`/`cells[length-1]` clamp
+              // could land 25+ days from the intended target.
+              const nearest = this.pickNearestCell(cells, targetDate, navDirection);
+              if (nearest) {
                 this.setActiveCell(nearest.day.date);
                 this.focusActiveCell();
               }
-            });
+            }
           });
         }
       }
@@ -27634,8 +27862,9 @@ class AuroCalendar extends RangeDatepicker {
       return;
     }
 
-    // With aria-activedescendant, the button no longer receives native focus,
-    // so we use the debounced live region for the full context announcement.
+    // DOM focus stays on the grid wrapper while arrow keys move the active
+    // cell, so cell buttons never receive native focus. The debounced live
+    // region carries the full-context announcement instead.
     const announcement = this.buildFocusAnnouncement(date);
     this.announceFocusDebounced(announcement);
 
@@ -27705,10 +27934,10 @@ class AuroCalendar extends RangeDatepicker {
       return null;
     }
 
-    const departTs = startOfDay$2(parsedFrom * 1000) / 1000;
+    const departTs = new Date(parsedFrom * 1000).setHours(0, 0, 0, 0) / 1000;
     const parsedTo = Number.parseInt(this.dateTo, 10);
     const hasTo = Number.isFinite(parsedTo);
-    const returnTs = hasTo ? startOfDay$2(parsedTo * 1000) / 1000 : null;
+    const returnTs = hasTo ? new Date(parsedTo * 1000).setHours(0, 0, 0, 0) / 1000 : null;
 
     if (date === departTs) {
       return this.datepicker.rangeLabelStart || 'range start';
@@ -27722,36 +27951,22 @@ class AuroCalendar extends RangeDatepicker {
     if (hasTo && date > departTs && date < returnTs) {
       return this.datepicker.rangeLabelInRange || 'in range';
     }
+    if (!hasTo && date > departTs) {
+      return this.datepicker.rangeLabelEndPreview || 'previewing range end';
+    }
     return this.datepicker.rangeLabelAfterRange || 'after range';
   }
 
   /**
-   * Checks whether a given date is a blackout date.
+   * Checks whether a given date is a blackout date. Delegates to the
+   * memoized `_getBlackoutSet` so the YYYY-MM-DD parsing and the
+   * legacy/ISO merge rules live in exactly one place (see `blackoutUtils.js`).
    * @private
    * @param {Number} dateTs - Unix timestamp (seconds).
    * @returns {Boolean} True if the date is blacked out.
    */
   isDateBlackout(dateTs) {
-    // Check legacy disabledDays.
-    if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
-      if (this.disabledDays.findIndex((day) => parseInt(day, 10) === dateTs) !== -1) {
-        return true;
-      }
-    }
-
-    // Check ISO blackoutDates.
-    const blackoutDates = this.datepicker?.blackoutDates;
-    if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
-      const date = new Date(dateTs * 1000);
-      const yyyy = date.getFullYear();
-      const mm = String(date.getMonth() + 1).padStart(2, '0');
-      const dd = String(date.getDate()).padStart(2, '0');
-      if (blackoutDates.includes(`${yyyy}-${mm}-${dd}`)) {
-        return true;
-      }
-    }
-
-    return false;
+    return this._getBlackoutSet().has(dateTs);
   }
 
   /**
@@ -27918,9 +28133,34 @@ class AuroCalendar extends RangeDatepicker {
     // the last one.
     if (this._announceRafId) {
       cancelAnimationFrame(this._announceRafId);
+      this._announceRafId = null;
     }
+    this._deliverAnnouncement(dateStr, 0);
+  }
+
+  /**
+   * Writes `dateStr` to the live region. If the dropdown's dialog hasn't
+   * mounted yet (so getOrCreateLiveRegion can't attach), retries on the
+   * next animation frame up to MAX_LIVE_REGION_RETRIES instead of silently
+   * dropping the announcement. The retry uses the same `_announceRafId`
+   * the double-rAF below uses, so a newer announceSelection call (or
+   * disconnectedCallback) cancels any in-flight retry.
+   * @private
+   * @param {String} dateStr - The localized date string to announce.
+   * @param {Number} attempts - Number of prior retry attempts.
+   * @returns {void}
+   */
+  _deliverAnnouncement(dateStr, attempts) {
     const liveRegion = this.getOrCreateLiveRegion();
     if (!liveRegion) {
+      const MAX_LIVE_REGION_RETRIES = 10;
+      if (attempts < MAX_LIVE_REGION_RETRIES) {
+        this._announceRafId = requestAnimationFrame(() => {
+          this._deliverAnnouncement(dateStr, attempts + 1);
+        });
+      } else {
+        this._announceRafId = null;
+      }
       return;
     }
 
@@ -28106,7 +28346,7 @@ class AuroCalendar extends RangeDatepicker {
           </button>
           ` : undefined}
         </div>
-        <div id="calendarGrid" class="calendars" role="group" tabindex="0" aria-label="${this.datepicker?.calendarGridLabel}" @keydown="${this.handleGridKeyDown}" @focusin="${this.handleGridFocusIn}" @focusout="${this.handleGridFocusOut}" @calendar-month-mouseleave="${this.clearRangePreview}">
+        <div id="calendarGrid" class="calendars" role="group" aria-roledescription="calendar" tabindex="0" aria-label="${this.datepicker?.calendarGridLabel}" @keydown="${this.handleGridKeyDown}" @focusin="${this.handleGridFocusIn}" @focusout="${this.handleGridFocusOut}" @calendar-month-mouseleave="${this.clearRangePreview}">
           ${this.renderAllCalendars()}
         </div>
       </div>
@@ -31991,7 +32231,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1$3 = '202606252337';
+var formkitVersion$1$3 = '202606291440';
 
 let AuroElement$2$2 = class AuroElement extends i$2 {
   static get properties() {
@@ -38388,7 +38628,7 @@ function normalizeDates$2(context, ...dates) {
  * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 00:00:00
  */
-function startOfDay$3(date, options) {
+function startOfDay$2(date, options) {
   const _date = toDate$2(date, options?.in);
   _date.setHours(0, 0, 0, 0);
   return _date;
@@ -38436,8 +38676,8 @@ function differenceInCalendarDays$2(laterDate, earlierDate, options) {
     earlierDate,
   );
 
-  const laterStartOfDay = startOfDay$3(laterDate_);
-  const earlierStartOfDay = startOfDay$3(earlierDate_);
+  const laterStartOfDay = startOfDay$2(laterDate_);
+  const earlierStartOfDay = startOfDay$2(earlierDate_);
 
   const laterTimestamp =
     +laterStartOfDay - getTimezoneOffsetInMilliseconds$2(laterStartOfDay);
@@ -43709,13 +43949,6 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
    * @returns {string | undefined}
    */
   toFormattedValue(valueObject, format) {
-    // Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
-    // `format` argument has to fail gracefully rather than throw on
-    // `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
-    // as "no format → no display value".
-    if (!format) {
-      return undefined;
-    }
     const normalizedFormat = format.toLowerCase();
     const maskOptions = this.getMaskOptions('date', normalizedFormat);
 
@@ -43866,18 +44099,79 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
   constructor() {
     super();
 
-    // Single-source initialization. Alphabetized so duplicate or stale
-    // defaults are immediately obvious on a diff. Every field is assigned
-    // exactly once here (previously the constructor + the old
-    // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
-    // fields and double-allocated `util` and `validation`, discarding the
-    // first instance). `validation` is now allocated exactly once; `util`
-    // is seeded here with an en-US default and then rebuilt in
-    // `connectedCallback` once the consumer-resolved locale is available,
-    // so a parent (datepicker/combobox) calling `validate()` synchronously
-    // during its own update cycle sees a populated util instance.
+    this.appearance = "default";
+    this.disabled = false;
+    this.layout = 'classic';
+    this.locale = 'en-US';
+    this.max = undefined;
+    this._maxObject = undefined;
+    this.maxLength = undefined;
+    this.min = undefined;
+    this._minObject = undefined;
+    this.minLength = undefined;
+    this.required = false;
+    this.onDark = false;
+    this.setCustomValidityForType = undefined;
+    this.size = 'lg';
+    this.shape = 'classic';
+    this.value = undefined;
+    this._valueObject = undefined;
+
+    this._initializePrivateDefaults();
+  }
+
+  /**
+   * Internal Defaults.
+   * @private
+   * @returns {void}
+   */
+  _initializePrivateDefaults() {
     this.activeLabel = false;
-    /** @private */
+    this.appearance = "default";
+    this.icon = false;
+    this.disabled = false;
+    this.dvInputOnly = false;
+    this.hideLabelVisually = false;
+    this.max = undefined;
+    this.maxLength = undefined;
+    this.min = undefined;
+    this.minLength = undefined;
+    this.noValidate = false;
+    this.onDark = false;
+    this.required = false;
+    this.setCustomValidityForType = undefined;
+
+    // Used for storing raw values returned from input mask.
+    this._rawMaskValue = undefined;
+
+    /**
+     * @private
+     */
+    this.layout = 'classic';
+
+    /**
+     * @private
+     */
+    this.shape = 'classic';
+
+    /**
+     * @private
+     */
+    this.size = 'lg';
+
+    this.touched = false;
+    this.util = new AuroInputUtilities$2({
+      locale: "en-US",
+      format: this.format
+    });
+    this.validation = new AuroFormValidation$6();
+    this.inputIconName = undefined;
+    this.showPassword = false;
+    this.validationCCLength = undefined;
+    this.hasValue = false;
+    this.label = 'Input label is undefined';
+
+
     this.allowedInputTypes = [
       "text",
       "number",
@@ -43886,8 +44180,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
       "credit-card",
       "tel"
     ];
-    this.appearance = "default";
-    /** @private */
+    this.icon = false;
     this.dateFormatMap = {
       'mm/dd/yyyy': 'dateMMDDYYYY',
       'dd/mm/yyyy': 'dateDDMMYYYY',
@@ -43904,57 +44197,27 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
       'dd/mm': 'dateDDMM',
       'mm/dd': 'dateMMDD'
     };
-    this.disabled = false;
-    /** @private */
     this.domHandler = new DomHandler$2();
     this.dvInputOnly = false;
     this.hasValue = false;
-    this.hideLabelVisually = false;
-    this.icon = false;
-    /** @private */
     this.inputIconName = undefined;
-    /** @private */
     this.label = 'Input label is undefined';
-    this.layout = 'classic';
-    this.locale = 'en-US';
-    this.max = undefined;
-    this._maxObject = undefined;
-    this.maxLength = undefined;
-    this.min = undefined;
-    this._minObject = undefined;
-    this.minLength = undefined;
     this.noValidate = false;
-    this.onDark = false;
-    // Raw values returned from the input mask before model normalization.
-    this._rawMaskValue = undefined;
-    this.required = false;
-    this.setCustomValidityForType = undefined;
-    // Credit Card is intentionally excluded — its mask manages the cursor
-    // itself, and listing it here caused cursor placement issues in Safari.
-    /** @private */
+    this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
     this.setSelectionInputTypes = [
       "text",
       "password",
       "email"
-    ];
-    this.shape = 'classic';
-    /** @private */
+    ]; // Credit Card is not included as this caused cursor placement issues in Safari.
     this.showPassword = false;
-    this.size = 'lg';
     this.touched = false;
-    /** @private */
     this.uniqueId = new UniqueId$1().create();
-    /** @private */
     this.util = new AuroInputUtilities$2({
       locale: this.locale,
       format: this.format
     });
-    /** @private */
     this.validation = new AuroFormValidation$6();
-    /** @private */
     this.validationCCLength = undefined;
-    this.value = undefined;
-    this._valueObject = undefined;
   }
 
   // function to define props used within the scope of this component
@@ -44502,15 +44765,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
 
     this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
 
-    // Normalize the format token to lowercase so case-mixed values supplied
-    // via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
-    // lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
-    // format silently misses the map and leaves `setCustomValidityForType`
-    // unset.
-    if (this.format) {
-      this.format = this.format.toLowerCase();
-    }
-
     // use validity message override if declared when initializing the component
     if (this.hasAttribute('setCustomValidity')) {
       this.ValidityMessageOverride = this.setCustomValidity;
@@ -44944,38 +45198,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
       this.touched = true;
       this.validation.validate(this);
     }
-
-    // Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
-    // update that can re-render the input and reset the native cursor; we
-    // capture the caret position before that update commits and restore it
-    // via `setSelectionRange` once the update has flushed. Gated on
-    // `setSelectionInputTypes` so credit-card (and other masked types whose
-    // formatter manages the cursor itself) doesn't get a competing write.
-    // Capture the caret position INSIDE the gate — reading `selectionStart`
-    // on input types that don't support text selection (number, email in
-    // some browsers) throws InvalidStateError, which would crash all input
-    // handling. Wrap the read in try/catch belt-and-suspenders even though
-    // the gated types currently support it, since the list is a public
-    // property a consumer could mutate.
-    if (this.setSelectionInputTypes.includes(this.type)) {
-      let selectionStart;
-      try {
-        selectionStart = this.inputElement.selectionStart;
-      } catch (error) { // eslint-disable-line no-unused-vars
-        return;
-      }
-      if (typeof selectionStart !== 'number') {
-        return;
-      }
-      this.updateComplete.then(() => {
-        try {
-          this.inputElement.setSelectionRange(selectionStart, selectionStart);
-        } catch (error) { // eslint-disable-line no-unused-vars
-          // Some input types (number/email in certain UAs) throw on
-          // setSelectionRange; swallow and let the native cursor stand.
-        }
-      });
-    }
   }
 
   /**
@@ -45602,7 +45824,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$7 = '202606252337';
+var formkitVersion$7 = '202606291440';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -46105,7 +46327,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
         <${this.buttonTag}
           @click="${this.handleClickShowPassword}"
           appearance="${this.onDark ? 'inverse' : this.appearance}"
-          aria-pressed="${this.showPassword ? 'true' : 'false'}"
           class="notificationBtn passwordBtn"
           shape="circle"
           size="sm"
@@ -46179,29 +46400,25 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
    * @returns {html} - Returns HTML for the help text and error message.
    */
   renderHtmlHelpText() {
-    // Single `<p>` with stable identity across validity transitions —
-    // previously two distinct templates (valid vs invalid) caused Lit to
-    // replace the node entirely on a flip, and VoiceOver wouldn't
-    // re-announce because the live-region element it was watching had been
-    // removed and a new one inserted. Keeping one node means the `role`,
-    // `aria-live`, and text content all change in-place, which AT does
-    // observe and announce.
-    const isError = this.validity && this.validity !== 'valid';
     return u$d`
-      <${this.helpTextTag}
-        appearance="${this.onDark ? 'inverse' : this.appearance}"
-        ?error=${isError}>
-        <p
-          id="${this.uniqueId}"
-          part="helpText"
-          role="${o$4(isError ? 'alert' : undefined)}"
-          aria-live="${o$4(isError ? 'assertive' : undefined)}">
-          ${isError
-        ? this.errorMessage
-        : u$d`<slot name="helpText">${this.getHelpText()}</slot>`
-      }
-        </p>
-      </${this.helpTextTag}>
+      ${!this.validity || this.validity === undefined || this.validity === 'valid'
+        ? u$d`
+          <${this.helpTextTag}
+            appearance="${this.onDark ? 'inverse' : this.appearance}">
+            <p id="${this.uniqueId}" part="helpText">
+              <slot name="helpText">${this.getHelpText()}</slot>
+            </p>
+          </${this.helpTextTag}>
+        `
+        : u$d`
+          <${this.helpTextTag} error
+            appearance="${this.onDark ? 'inverse' : this.appearance}">
+            <p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
+              ${this.errorMessage}
+            </p>
+          </${this.helpTextTag}>
+        `
+      }
     `;
   }
 
@@ -46348,15 +46565,6 @@ function formatISODate(isoStr, format) {
   try {
     const date = dateFormatter$2.stringToDateInstance(isoStr);
 
-    // `stringToDateInstance` returns an `Invalid Date` for malformed strings
-    // and `null` for non-string input — it does NOT throw. Without this
-    // guard, `getFullYear()`/`getMonth()`/`getDate()` on an Invalid Date
-    // yield `NaN`, and `String(NaN).padStart(4, '0')` produces literals
-    // like "0NaN/0NaN/0NaN" instead of `undefined`.
-    if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
-      return undefined;
-    }
-
     const year = String(date.getFullYear()).padStart(4, '0');
     const month = String(date.getMonth() + 1).padStart(2, '0');
     const day = String(date.getDate()).padStart(2, '0');
@@ -46367,10 +46575,7 @@ function formatISODate(isoStr, format) {
       replace(/mm/iu, month).
       replace(/dd/iu, day);
   } catch (err) {
-    // Defensive: the Date-returning path is guarded above, but `parseDate`
-    // (inside `stringToDateInstance`) could throw on pathological input
-    // future-library-versions might introduce. Treat any thrown error as
-    // "not a valid date" and return undefined.
+    // If the input string is not a valid date, return undefined
     return undefined;
   }
 }
@@ -47096,6 +47301,7 @@ class AuroDatePicker extends AuroElement$5 {
     this.rangeLabelBeforeRange = 'before range';
     this.rangeLabelInRange = 'in range';
     this.rangeLabelAfterRange = 'after range';
+    this.rangeLabelEndPreview = 'previewing range end';
     this.blackoutDates = [];
     this.blackoutLabel = 'unavailable';
     this.navLabelPrevMonth = 'Previous month';
@@ -47195,6 +47401,22 @@ class AuroDatePicker extends AuroElement$5 {
      */
     this.handleClick = this.handleClick.bind(this);
 
+    /**
+     * Single AbortController shared by every listener registered in the
+     * configure* methods. Lets disconnectedCallback tear all of them down
+     * with one abort() call.
+     *
+     * The genuine leak risk is the listeners attached to children that can
+     * outlive the host if they get reparented — `this.dropdown`,
+     * `this.calendar`, and the inputs inside the dropdown's slot.
+     * Listeners attached to `this` (e.g. focusin/focusout on the host)
+     * form a self-contained reference graph that the GC can collect with
+     * the host anyway, but they share the same signal so the cleanup
+     * pattern stays uniform across all configure* sites.
+     * @private
+     */
+    this._listenerAbortController = new AbortController();
+
     /**
      * @private
      */
@@ -47243,6 +47465,7 @@ class AuroDatePicker extends AuroElement$5 {
 
       /**
        * Label announced for blackout (disabled but in-range) date cells.
+       * @default 'unavailable'
        */
       blackoutLabel: {
         type: String,
@@ -47259,6 +47482,7 @@ class AuroDatePicker extends AuroElement$5 {
 
       /**
        * Accessible label for the calendar grid containing the days of the month.
+       * @default 'Calendar days of the month'
        */
       calendarGridLabel: {
         type: String,
@@ -47421,6 +47645,7 @@ class AuroDatePicker extends AuroElement$5 {
 
       /**
        * Accessible label for the next month navigation button.
+       * @default 'Next month'
        */
       navLabelNextMonth: {
         type: String,
@@ -47429,6 +47654,7 @@ class AuroDatePicker extends AuroElement$5 {
 
       /**
        * Accessible label for the previous month navigation button.
+       * @default 'Previous month'
        */
       navLabelPrevMonth: {
         type: String,
@@ -47506,7 +47732,11 @@ class AuroDatePicker extends AuroElement$5 {
       },
 
       /**
-       * Label announced for cells after the range (or after start when no end is selected).
+       * Label announced for cells after a fully selected range (both
+       * `dateFrom` and `dateTo` are set). While a range is still being
+       * picked (`dateFrom` set, `dateTo` unset), focused cells past the
+       * start use `rangeLabelEndPreview` instead.
+       * @default 'after range'
        */
       rangeLabelAfterRange: {
         type: String,
@@ -47515,6 +47745,7 @@ class AuroDatePicker extends AuroElement$5 {
 
       /**
        * Label announced for cells before the range start.
+       * @default 'before range'
        */
       rangeLabelBeforeRange: {
         type: String,
@@ -47523,14 +47754,27 @@ class AuroDatePicker extends AuroElement$5 {
 
       /**
        * Label announced for the range end date cell.
+       * @default 'range end'
        */
       rangeLabelEnd: {
         type: String,
         reflect: true
       },
 
+      /**
+       * Label announced for the focused cell while previewing a range end
+       * (dateFrom set, dateTo not yet selected). Tells AT users that
+       * pressing Enter would commit this cell as the range end.
+       * @default 'previewing range end'
+       */
+      rangeLabelEndPreview: {
+        type: String,
+        reflect: true
+      },
+
       /**
        * Label announced for cells within the selected range.
+       * @default 'in range'
        */
       rangeLabelInRange: {
         type: String,
@@ -47539,6 +47783,7 @@ class AuroDatePicker extends AuroElement$5 {
 
       /**
        * Label announced for the range start date cell.
+       * @default 'range start'
        */
       rangeLabelStart: {
         type: String,
@@ -47546,7 +47791,7 @@ class AuroDatePicker extends AuroElement$5 {
       },
 
       /**
-       * Dates that the user should have for reference as part of their decision making when selecting a date.
+       * Dates that the user should have for reference as part of their decision-making when selecting a date.
        * This should be a JSON string array of ISO date strings (`YYYY-MM-DD`).
        */
       referenceDates: {
@@ -47903,10 +48148,26 @@ class AuroDatePicker extends AuroElement$5 {
   // ─── Vendor calendar time conversions ─────────────────────────────────────
 
   /**
-   * Converts a Unix timestamp (seconds) from the vendor calendar to an ISO date string.
+   * Converts a Unix timestamp (seconds) from the vendored range-datepicker
+   * (`src/vendor/wc-range-datepicker/day.js`) to an ISO date string.
+   *
+   * Timezone contract:
+   * - INPUT: `time` is assumed to be the seconds-since-epoch of **local
+   *   midnight** for the intended calendar day. The vendor's Day constructor
+   *   builds it via `date-fns format(date, 't')` from a locally-constructed
+   *   Date, so this assumption currently holds end-to-end.
+   * - OUTPUT: `dateFormatter.toISOFormatString` reads the Date's local
+   *   getFullYear/getMonth/getDate components, so the returned YYYY-MM-DD
+   *   string matches the local calendar day.
+   *
+   * If the vendor ever switches to emitting UTC-midnight timestamps, this
+   * conversion will silently shift the returned date by one day in zones
+   * west of UTC. Any vendor swap should re-verify this contract; the TZ
+   * regression suite (`npm run test:hst`, UTC-10) will catch the symptom.
+   *
    * @private
-   * @param {number} time - Unix timestamp in seconds.
-   * @returns {string} ISO date string (yyyy-mm-dd).
+   * @param {number} time - Unix timestamp (seconds), local midnight of the day.
+   * @returns {string} ISO date string (yyyy-mm-dd) reflecting the local calendar day.
    */
   convertWcTimeToDate(time) {
     return dateFormatter$1.toISOFormatString(new Date(time * 1000));
@@ -48008,8 +48269,8 @@ class AuroDatePicker extends AuroElement$5 {
         }
       }
 
-      // Focus the calendar grid wrapper (aria-activedescendant handles
-      // the SR announcement for the active cell).
+      // Focus the calendar grid wrapper. The live region (announced just
+      // below) handles the SR announcement for the active cell.
       if (activeCell) {
         this.calendar.focusActiveCell();
 
@@ -48059,11 +48320,13 @@ class AuroDatePicker extends AuroElement$5 {
       this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
     }
 
+    const { signal } = this._listenerAbortController;
+
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
       if (!this.isPopoverVisible) {
         this.dropdown.show();
       }
-    });
+    }, { signal });
 
     this.dropdown.addEventListener('auroDropdown-toggled', () => {
       this.notifyDatepickerToggled();
@@ -48081,7 +48344,7 @@ class AuroDatePicker extends AuroElement$5 {
         if (this.valueObject) {
           this.centralDate = this.value;
         } else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
-          this.centralDate = new Date();
+          this.centralDate = dateFormatter$1.toISOFormatString(new Date());
         }
       }
 
@@ -48161,7 +48424,7 @@ class AuroDatePicker extends AuroElement$5 {
           this.forceScrollOnNextMobileCalendarRender = false;
         }, 0);
       }
-    });
+    }, { signal });
 
     // Handle responsive strategy changes while the dropdown is open
     // (e.g. resizing from desktop → mobile or vice versa).
@@ -48208,7 +48471,7 @@ class AuroDatePicker extends AuroElement$5 {
           });
         });
       }
-    });
+    }, { signal });
   }
 
   /**
@@ -48221,6 +48484,8 @@ class AuroDatePicker extends AuroElement$5 {
 
     this.inputList = [...this.dropdown.querySelectorAll(this.inputTag._$litStatic$)];
 
+    const { signal } = this._listenerAbortController;
+
     this.inputList.forEach((input, index) => {
       input.addEventListener('input', (event) => {
         event.stopPropagation();
@@ -48232,7 +48497,7 @@ class AuroDatePicker extends AuroElement$5 {
         }
 
         this.notifyValueChanged();
-      });
+      }, { signal });
 
       input.addEventListener('auroFormElement-validated', (evt) => {
         // not to bubble up input's validated event.
@@ -48248,7 +48513,7 @@ class AuroDatePicker extends AuroElement$5 {
           this.validity = evt.detail.validity;
           this.errorMessage = evt.detail.message;
         }
-      });
+      }, { signal });
     });
   }
 
@@ -48262,19 +48527,32 @@ class AuroDatePicker extends AuroElement$5 {
     this.calendar.datepicker = this;
     this.calendar.dropdown = this.dropdown;
 
+    const { signal } = this._listenerAbortController;
+
     this.calendar.addEventListener('auroCalendar-dateSelected', () => {
-      if (this.inputList[0].value !== this.calendar.dateFrom && this.calendar.dateFrom !== undefined) {
-        this.inputList[0].value = this.convertWcTimeToDate(this.calendar.dateFrom);
+      // Compare the input's ISO value against the *converted* calendar
+      // timestamp (the vendor's `dateFrom`/`dateTo` are Unix-seconds
+      // strings — comparing the input ISO directly against them would
+      // never match, so the write would fire on every event and emit
+      // redundant input/change activity).
+      if (this.calendar.dateFrom !== undefined) {
+        const fromIso = this.convertWcTimeToDate(this.calendar.dateFrom);
+        if (this.inputList[0].value !== fromIso) {
+          this.inputList[0].value = fromIso;
+        }
       }
 
-      if (this.inputList[1] && this.calendar.dateTo && this.inputList[1].value !== this.calendar.dateTo) {
-        this.inputList[1].value = this.convertWcTimeToDate(this.calendar.dateTo);
+      if (this.inputList[1] && this.calendar.dateTo) {
+        const toIso = this.convertWcTimeToDate(this.calendar.dateTo);
+        if (this.inputList[1].value !== toIso) {
+          this.inputList[1].value = toIso;
+        }
       }
-    });
+    }, { signal });
 
     this.calendar.addEventListener('auroCalendar-dismissRequest', () => {
       this.dropdown.hide();
-    });
+    }, { signal });
 
     this.calendar.addEventListener('auroCalendar-centralDateChanged', (event) => {
       const match = this.centralDateObject && this.util.datesMatch(event.detail.date, this.centralDateObject);
@@ -48284,7 +48562,7 @@ class AuroDatePicker extends AuroElement$5 {
       }
 
       this.notifyMonthChanged(event);
-    });
+    }, { signal });
   }
 
   /**
@@ -48293,10 +48571,17 @@ class AuroDatePicker extends AuroElement$5 {
    * @returns {void}
    */
   configureDatepicker() {
+    // These listeners are on `this` (the host), so they would GC with the
+    // host even without the abort signal — see the leak rationale on
+    // `_listenerAbortController`. The signal is still passed for uniform
+    // cleanup semantics with the child-element listeners in the other
+    // configure* methods.
+    const { signal } = this._listenerAbortController;
+
     this.addEventListener('focusin', () => {
       this.touched = true;
       this.hasFocus = true;
-    });
+    }, { signal });
 
     this.addEventListener('focusout', () => {
       this.hasFocus = false;
@@ -48308,7 +48593,7 @@ class AuroDatePicker extends AuroElement$5 {
       if (!this.matches(':focus-within')) {
         this.validate();
       }
-    });
+    }, { signal });
 
     if (this.valueObject) {
       this.calendar.dateFrom = this.convertToWcValidTime(this.valueObject);
@@ -48506,6 +48791,41 @@ class AuroDatePicker extends AuroElement$5 {
     return this.validity !== undefined && this.validity !== 'valid';
   }
 
+  /**
+   * Per-class dedup set used by `_warnInvalidLocale`. Static so the dedup
+   * spans every datepicker instance on the page; lives on the class (not
+   * at module scope) so it stays an encapsulated implementation detail of
+   * this component and does not interfere with WCA's class-JSDoc
+   * attachment.
+   * @private
+   */
+  static _warnedInvalidLocales = new Set();
+
+  /**
+   * Logs a one-time `console.debug` when an unsupported locale falls back to
+   * en-US. Deduped by the offending tag so noisy re-renders that resurface
+   * the same bad value stay quiet, but each new bad value still signals so
+   * consumers can spot the typo or missing tag.
+   * @private
+   * @param {string|undefined} badLocale - The locale value that failed.
+   * @returns {void}
+   */
+  _warnInvalidLocale(badLocale) {
+    // Stringify without coalescing — `String(undefined)` / `String(null)`
+    // surface the actual offending value in the log, instead of the
+    // ambiguous `Locale ""` that `String(badLocale ?? '')` would produce.
+    // Dedup still works correctly because each unique stringification
+    // becomes its own Set entry.
+    const key = String(badLocale);
+    const seen = AuroDatePicker._warnedInvalidLocales;
+    if (seen.has(key)) {
+      return;
+    }
+    seen.add(key);
+    // eslint-disable-next-line no-console
+    console.debug(`[auro-datepicker] Locale "${key}" is not supported by Intl.DateTimeFormat. Falling back to "en-US". Pass a BCP 47 tag such as "en-US", "fr-FR", or "ja-JP".`);
+  }
+
   /**
    * Lifecycle method to check if the locale is valid.
    * @ignore
@@ -48516,10 +48836,15 @@ class AuroDatePicker extends AuroElement$5 {
     if (changedProperties.has('locale')) {
       try {
         const supported = Intl.DateTimeFormat.supportedLocalesOf([this.locale], { localeMatcher: 'lookup' });
-        this._validLocale = supported.length > 0 ? this.locale : 'en-US';
+        if (supported.length > 0) {
+          this._validLocale = this.locale;
+        } else {
+          this._validLocale = 'en-US';
+          this._warnInvalidLocale(this.locale);
+        }
       } catch {
-        console.debug(`[AuroDatePicker] The locale "${this.locale}" is not valid. Falling back to "en-US".`); // eslint-disable-line no-console
         this._validLocale = 'en-US';
+        this._warnInvalidLocale(this.locale);
       }
 
       const previousLocaleFormat = getDateFormatFromLocale$1(changedProperties.get('locale'));
@@ -48601,8 +48926,6 @@ class AuroDatePicker extends AuroElement$5 {
         // Skip centralDate update when user clicked a cell in range mode
         // to prevent the displayed months from shifting
         this.centralDate = this.value;
-        //TODO: TEST THIS CHANGE
-        // this.calendarRenderUtil.updateCentralDate(this, this.value);
       }
 
       this.setHasValue();
@@ -48662,8 +48985,6 @@ class AuroDatePicker extends AuroElement$5 {
         // Skip centralDate update when user clicked a cell in range mode
         // to prevent the displayed months from shifting
         this.centralDate = this.valueEnd;
-        // TODO: TEST THIS CHANGE
-        // this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
       }
 
       this.validate();
@@ -48805,7 +49126,7 @@ class AuroDatePicker extends AuroElement$5 {
    * @returns {void}
    */
   configureClickHandler() {
-    this.addEventListener('click', this.handleClick);
+    this.addEventListener('click', this.handleClick, { signal: this._listenerAbortController.signal });
   }
 
   firstUpdated() {
@@ -48813,6 +49134,15 @@ class AuroDatePicker extends AuroElement$5 {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
 
+    // If the element was disconnected before this first render finished,
+    // disconnectedCallback's microtask already aborted the controller. The
+    // connectedCallback reinit guard skips that case because `hasUpdated`
+    // is still false. Mint a fresh controller here so configure* registers
+    // listeners against a live signal.
+    if (this._listenerAbortController.signal.aborted) {
+      this._listenerAbortController = new AbortController();
+    }
+
     this.configureDropdown();
     this.configureInput();
     this.configureCalendar();
@@ -48824,9 +49154,36 @@ class AuroDatePicker extends AuroElement$5 {
   connectedCallback() {
     super.connectedCallback();
 
+    // True reconnect after `disconnectedCallback` aborted our controller:
+    // the existing signal is dead, so listeners registered against it
+    // would never fire. Create a fresh controller and re-run the
+    // configure* wiring (each method is idempotent — it just re-caches
+    // child refs and re-registers listeners against the new signal).
+    // `hasUpdated` gates this so the *first* connect (which precedes
+    // firstUpdated) still falls through to firstUpdated's initial wiring.
+    if (this.hasUpdated && this._listenerAbortController.signal.aborted) {
+      this._listenerAbortController = new AbortController();
+      this.configureDropdown();
+      this.configureInput();
+      this.configureCalendar();
+      this.configureDatepicker();
+      this.configureClickHandler();
+    }
+
     this.locale = this.domHandler.getLocale(this);
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    // Defer so that re-parenting (auro-drawer slotting it into a dialog,
+    // for example) does not abort listeners we still need after reconnect.
+    queueMicrotask(() => {
+      if (!this.isConnected) {
+        this._listenerAbortController.abort();
+      }
+    });
+  }
+
   // layout render methods
   // ------------------------------------
 
@@ -50322,7 +50679,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1$2 = '202606252337';
+var formkitVersion$1$2 = '202606291440';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -54650,7 +55007,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$6 = '202606252337';
+var formkitVersion$6 = '202606291440';
 
 let AuroElement$1$2 = class AuroElement extends i$2 {
   static get properties() {
@@ -58590,7 +58947,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$5 = '202606252337';
+var formkitVersion$5 = '202606291440';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -60340,7 +60697,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$4 = '202606252337';
+var formkitVersion$4 = '202606291440';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -65555,7 +65912,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$2 = '202606252337';
+var formkitVersion$2 = '202606291440';
 
 let AuroElement$2$1 = class AuroElement extends i$2 {
   static get properties() {
@@ -77273,13 +77630,6 @@ class AuroInputUtilities {
    * @returns {string | undefined}
    */
   toFormattedValue(valueObject, format) {
-    // Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
-    // `format` argument has to fail gracefully rather than throw on
-    // `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
-    // as "no format → no display value".
-    if (!format) {
-      return undefined;
-    }
     const normalizedFormat = format.toLowerCase();
     const maskOptions = this.getMaskOptions('date', normalizedFormat);
 
@@ -77430,18 +77780,79 @@ class BaseInput extends AuroElement$1$1 {
   constructor() {
     super();
 
-    // Single-source initialization. Alphabetized so duplicate or stale
-    // defaults are immediately obvious on a diff. Every field is assigned
-    // exactly once here (previously the constructor + the old
-    // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
-    // fields and double-allocated `util` and `validation`, discarding the
-    // first instance). `validation` is now allocated exactly once; `util`
-    // is seeded here with an en-US default and then rebuilt in
-    // `connectedCallback` once the consumer-resolved locale is available,
-    // so a parent (datepicker/combobox) calling `validate()` synchronously
-    // during its own update cycle sees a populated util instance.
+    this.appearance = "default";
+    this.disabled = false;
+    this.layout = 'classic';
+    this.locale = 'en-US';
+    this.max = undefined;
+    this._maxObject = undefined;
+    this.maxLength = undefined;
+    this.min = undefined;
+    this._minObject = undefined;
+    this.minLength = undefined;
+    this.required = false;
+    this.onDark = false;
+    this.setCustomValidityForType = undefined;
+    this.size = 'lg';
+    this.shape = 'classic';
+    this.value = undefined;
+    this._valueObject = undefined;
+
+    this._initializePrivateDefaults();
+  }
+
+  /**
+   * Internal Defaults.
+   * @private
+   * @returns {void}
+   */
+  _initializePrivateDefaults() {
     this.activeLabel = false;
-    /** @private */
+    this.appearance = "default";
+    this.icon = false;
+    this.disabled = false;
+    this.dvInputOnly = false;
+    this.hideLabelVisually = false;
+    this.max = undefined;
+    this.maxLength = undefined;
+    this.min = undefined;
+    this.minLength = undefined;
+    this.noValidate = false;
+    this.onDark = false;
+    this.required = false;
+    this.setCustomValidityForType = undefined;
+
+    // Used for storing raw values returned from input mask.
+    this._rawMaskValue = undefined;
+
+    /**
+     * @private
+     */
+    this.layout = 'classic';
+
+    /**
+     * @private
+     */
+    this.shape = 'classic';
+
+    /**
+     * @private
+     */
+    this.size = 'lg';
+
+    this.touched = false;
+    this.util = new AuroInputUtilities({
+      locale: "en-US",
+      format: this.format
+    });
+    this.validation = new AuroFormValidation$2();
+    this.inputIconName = undefined;
+    this.showPassword = false;
+    this.validationCCLength = undefined;
+    this.hasValue = false;
+    this.label = 'Input label is undefined';
+
+
     this.allowedInputTypes = [
       "text",
       "number",
@@ -77450,8 +77861,7 @@ class BaseInput extends AuroElement$1$1 {
       "credit-card",
       "tel"
     ];
-    this.appearance = "default";
-    /** @private */
+    this.icon = false;
     this.dateFormatMap = {
       'mm/dd/yyyy': 'dateMMDDYYYY',
       'dd/mm/yyyy': 'dateDDMMYYYY',
@@ -77468,57 +77878,27 @@ class BaseInput extends AuroElement$1$1 {
       'dd/mm': 'dateDDMM',
       'mm/dd': 'dateMMDD'
     };
-    this.disabled = false;
-    /** @private */
     this.domHandler = new DomHandler();
     this.dvInputOnly = false;
     this.hasValue = false;
-    this.hideLabelVisually = false;
-    this.icon = false;
-    /** @private */
     this.inputIconName = undefined;
-    /** @private */
     this.label = 'Input label is undefined';
-    this.layout = 'classic';
-    this.locale = 'en-US';
-    this.max = undefined;
-    this._maxObject = undefined;
-    this.maxLength = undefined;
-    this.min = undefined;
-    this._minObject = undefined;
-    this.minLength = undefined;
     this.noValidate = false;
-    this.onDark = false;
-    // Raw values returned from the input mask before model normalization.
-    this._rawMaskValue = undefined;
-    this.required = false;
-    this.setCustomValidityForType = undefined;
-    // Credit Card is intentionally excluded — its mask manages the cursor
-    // itself, and listing it here caused cursor placement issues in Safari.
-    /** @private */
+    this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
     this.setSelectionInputTypes = [
       "text",
       "password",
       "email"
-    ];
-    this.shape = 'classic';
-    /** @private */
+    ]; // Credit Card is not included as this caused cursor placement issues in Safari.
     this.showPassword = false;
-    this.size = 'lg';
     this.touched = false;
-    /** @private */
     this.uniqueId = new UniqueId().create();
-    /** @private */
     this.util = new AuroInputUtilities({
       locale: this.locale,
       format: this.format
     });
-    /** @private */
     this.validation = new AuroFormValidation$2();
-    /** @private */
     this.validationCCLength = undefined;
-    this.value = undefined;
-    this._valueObject = undefined;
   }
 
   // function to define props used within the scope of this component
@@ -78066,15 +78446,6 @@ class BaseInput extends AuroElement$1$1 {
 
     this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
 
-    // Normalize the format token to lowercase so case-mixed values supplied
-    // via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
-    // lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
-    // format silently misses the map and leaves `setCustomValidityForType`
-    // unset.
-    if (this.format) {
-      this.format = this.format.toLowerCase();
-    }
-
     // use validity message override if declared when initializing the component
     if (this.hasAttribute('setCustomValidity')) {
       this.ValidityMessageOverride = this.setCustomValidity;
@@ -78508,38 +78879,6 @@ class BaseInput extends AuroElement$1$1 {
       this.touched = true;
       this.validation.validate(this);
     }
-
-    // Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
-    // update that can re-render the input and reset the native cursor; we
-    // capture the caret position before that update commits and restore it
-    // via `setSelectionRange` once the update has flushed. Gated on
-    // `setSelectionInputTypes` so credit-card (and other masked types whose
-    // formatter manages the cursor itself) doesn't get a competing write.
-    // Capture the caret position INSIDE the gate — reading `selectionStart`
-    // on input types that don't support text selection (number, email in
-    // some browsers) throws InvalidStateError, which would crash all input
-    // handling. Wrap the read in try/catch belt-and-suspenders even though
-    // the gated types currently support it, since the list is a public
-    // property a consumer could mutate.
-    if (this.setSelectionInputTypes.includes(this.type)) {
-      let selectionStart;
-      try {
-        selectionStart = this.inputElement.selectionStart;
-      } catch (error) { // eslint-disable-line no-unused-vars
-        return;
-      }
-      if (typeof selectionStart !== 'number') {
-        return;
-      }
-      this.updateComplete.then(() => {
-        try {
-          this.inputElement.setSelectionRange(selectionStart, selectionStart);
-        } catch (error) { // eslint-disable-line no-unused-vars
-          // Some input types (number/email in certain UAs) throw on
-          // setSelectionRange; swallow and let the native cursor stand.
-        }
-      });
-    }
   }
 
   /**
@@ -79166,7 +79505,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1$1 = '202606252337';
+var formkitVersion$1$1 = '202606291440';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -79669,7 +80008,6 @@ class AuroInput extends BaseInput {
         <${this.buttonTag}
           @click="${this.handleClickShowPassword}"
           appearance="${this.onDark ? 'inverse' : this.appearance}"
-          aria-pressed="${this.showPassword ? 'true' : 'false'}"
           class="notificationBtn passwordBtn"
           shape="circle"
           size="sm"
@@ -79743,29 +80081,25 @@ class AuroInput extends BaseInput {
    * @returns {html} - Returns HTML for the help text and error message.
    */
   renderHtmlHelpText() {
-    // Single `<p>` with stable identity across validity transitions —
-    // previously two distinct templates (valid vs invalid) caused Lit to
-    // replace the node entirely on a flip, and VoiceOver wouldn't
-    // re-announce because the live-region element it was watching had been
-    // removed and a new one inserted. Keeping one node means the `role`,
-    // `aria-live`, and text content all change in-place, which AT does
-    // observe and announce.
-    const isError = this.validity && this.validity !== 'valid';
     return u$d`
-      <${this.helpTextTag}
-        appearance="${this.onDark ? 'inverse' : this.appearance}"
-        ?error=${isError}>
-        <p
-          id="${this.uniqueId}"
-          part="helpText"
-          role="${o$4(isError ? 'alert' : undefined)}"
-          aria-live="${o$4(isError ? 'assertive' : undefined)}">
-          ${isError
-        ? this.errorMessage
-        : u$d`<slot name="helpText">${this.getHelpText()}</slot>`
-      }
-        </p>
-      </${this.helpTextTag}>
+      ${!this.validity || this.validity === undefined || this.validity === 'valid'
+        ? u$d`
+          <${this.helpTextTag}
+            appearance="${this.onDark ? 'inverse' : this.appearance}">
+            <p id="${this.uniqueId}" part="helpText">
+              <slot name="helpText">${this.getHelpText()}</slot>
+            </p>
+          </${this.helpTextTag}>
+        `
+        : u$d`
+          <${this.helpTextTag} error
+            appearance="${this.onDark ? 'inverse' : this.appearance}">
+            <p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
+              ${this.errorMessage}
+            </p>
+          </${this.helpTextTag}>
+        `
+      }
     `;
   }
 
@@ -80292,7 +80626,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
   }
 };
 
-var formkitVersion$3 = '202606252337';
+var formkitVersion$3 = '202606291440';
 
 var styleCss$1$3 = i$4`.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}`;
 
@@ -89083,7 +89417,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202606252337';
+var formkitVersion$1 = '202606291440';
 
 class AuroElement extends i$2 {
   static get properties() {
@@ -91104,7 +91438,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202606252337';
+var formkitVersion = '202606291440';
 
 var styleCss = i$4`.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}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;