@aurodesignsystem-dev/auro-formkit 0.0.0-pr1595.0 → 0.0.0-pr1595.2

package/components/combobox/dist/index.js

@@ -4938,7 +4938,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608291822';
+var formkitVersion$2 = '202608300041';
 
 /**
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -5478,7 +5478,7 @@ class AuroDropdown extends AuroElement$2 {
        */
       hasTriggerContent: {
         type: Boolean,
-        attribute: 'hastriggercontent'
+        attribute: false
       },
 
       /**
@@ -5601,6 +5601,7 @@ class AuroDropdown extends AuroElement$2 {
 
       /**
        *  If declared, and a function is set, that function will execute when the slot content is updated.
+       * @type {() => void}
        */
       onSlotChange: {
         type: Function,
@@ -17017,7 +17018,10 @@ class BaseInput extends AuroElement$1 {
     // during its own update cycle sees a populated util instance.
     this.activeLabel = false;
 
-    /** @private */
+    /**
+     * @private
+     * @type {string[]}
+     */
     this.allowedInputTypes = [
       "text",
       "number",
@@ -17030,7 +17034,10 @@ class BaseInput extends AuroElement$1 {
     /** @type {'default' | 'inverse'} */
     this.appearance = "default";
 
-    /** @private */
+    /**
+     * @private
+     * @type {Record<string, string>}
+     */
     this.dateFormatMap = {
       'mm/dd/yyyy': 'dateMMDDYYYY',
       'dd/mm/yyyy': 'dateDDMMYYYY',
@@ -17076,7 +17083,10 @@ class BaseInput extends AuroElement$1 {
     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 */
+    /**
+     * @private
+     * @type {string[]}
+     */
     this.setSelectionInputTypes = [
       "text",
       "password",
@@ -18787,7 +18797,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608291822';
+var formkitVersion$1 = '202608300041';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19979,7 +19989,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608291822';
+var formkitVersion = '202608300041';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -20404,6 +20414,7 @@ class AuroCombobox extends AuroElement {
    */
   _initializeDefaults() {
     // Defaults that effect the combobox behavior and state
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.disabled = false;
     this.msgSelectionMissing = 'Please select an option.';
@@ -20489,7 +20500,7 @@ class AuroCombobox extends AuroElement {
 
       /**
        * Defines whether the component will be on lighter or darker backgrounds.
-       * @property {'default' | 'inverse'} appearance - The visual appearance of the component.
+       * @type {'default' | 'inverse'}
        * @default 'default'
        */
       appearance: {
@@ -20518,6 +20529,7 @@ class AuroCombobox extends AuroElement {
        * Array of available options to display in the dropdown.
        * This array contains all non-hidden options (e.g., hidden by filtering on input value).
        * @private
+       * @type {HTMLElement[]}
        */
       availableOptions: {
         state: true,
@@ -20816,6 +20828,7 @@ class AuroCombobox extends AuroElement {
 
       /**
        * Applies the defined value as the type attribute on `auro-input`.
+       * @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
        */
       type: {
         type: String,
@@ -20875,6 +20888,7 @@ class AuroCombobox extends AuroElement {
       /**
        * Specifies the currently active option.
        * @private
+       * @type {HTMLElement}
        */
       optionActive: {
         type: Object,

package/components/combobox/dist/registered.js

@@ -4938,7 +4938,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608291822';
+var formkitVersion$2 = '202608300041';
 
 /**
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -5478,7 +5478,7 @@ class AuroDropdown extends AuroElement$2 {
        */
       hasTriggerContent: {
         type: Boolean,
-        attribute: 'hastriggercontent'
+        attribute: false
       },
 
       /**
@@ -5601,6 +5601,7 @@ class AuroDropdown extends AuroElement$2 {
 
       /**
        *  If declared, and a function is set, that function will execute when the slot content is updated.
+       * @type {() => void}
        */
       onSlotChange: {
         type: Function,
@@ -17017,7 +17018,10 @@ class BaseInput extends AuroElement$1 {
     // during its own update cycle sees a populated util instance.
     this.activeLabel = false;
 
-    /** @private */
+    /**
+     * @private
+     * @type {string[]}
+     */
     this.allowedInputTypes = [
       "text",
       "number",
@@ -17030,7 +17034,10 @@ class BaseInput extends AuroElement$1 {
     /** @type {'default' | 'inverse'} */
     this.appearance = "default";
 
-    /** @private */
+    /**
+     * @private
+     * @type {Record<string, string>}
+     */
     this.dateFormatMap = {
       'mm/dd/yyyy': 'dateMMDDYYYY',
       'dd/mm/yyyy': 'dateDDMMYYYY',
@@ -17076,7 +17083,10 @@ class BaseInput extends AuroElement$1 {
     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 */
+    /**
+     * @private
+     * @type {string[]}
+     */
     this.setSelectionInputTypes = [
       "text",
       "password",
@@ -18787,7 +18797,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608291822';
+var formkitVersion$1 = '202608300041';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19979,7 +19989,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608291822';
+var formkitVersion = '202608300041';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -20404,6 +20414,7 @@ class AuroCombobox extends AuroElement {
    */
   _initializeDefaults() {
     // Defaults that effect the combobox behavior and state
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.disabled = false;
     this.msgSelectionMissing = 'Please select an option.';
@@ -20489,7 +20500,7 @@ class AuroCombobox extends AuroElement {
 
       /**
        * Defines whether the component will be on lighter or darker backgrounds.
-       * @property {'default' | 'inverse'} appearance - The visual appearance of the component.
+       * @type {'default' | 'inverse'}
        * @default 'default'
        */
       appearance: {
@@ -20518,6 +20529,7 @@ class AuroCombobox extends AuroElement {
        * Array of available options to display in the dropdown.
        * This array contains all non-hidden options (e.g., hidden by filtering on input value).
        * @private
+       * @type {HTMLElement[]}
        */
       availableOptions: {
         state: true,
@@ -20816,6 +20828,7 @@ class AuroCombobox extends AuroElement {
 
       /**
        * Applies the defined value as the type attribute on `auro-input`.
+       * @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
        */
       type: {
         type: String,
@@ -20875,6 +20888,7 @@ class AuroCombobox extends AuroElement {
       /**
        * Specifies the currently active option.
        * @private
+       * @type {HTMLElement}
        */
       optionActive: {
         type: Object,

package/components/counter/demo/api.md

@@ -28,7 +28,7 @@ The `auro-counter-group` element provides a flexible interface for grouping mult
 | `size`                    | `size`                    | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`           | "'xl'"           | Sets the size of the counter group when it is a dropdown. |
 | `total`                   | `total`                   | `number`                                         | "undefined"      | The total value of the counters.                 |
 | `validity`                | `validity`                | `string`                                         | "undefined"      | Reflects the validity state.                     |
-| `value`                   | `value`                   | `object`                                         | "undefined"      | The current individual values of the nested counters. |
+| `value`                   | `value`                   | `Record<string, number>`                         | "undefined"      | The current individual values of the nested counters. |
 
 ## Methods
 

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

@@ -1126,7 +1126,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202608291822';
+var formkitVersion$1 = '202608300041';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5336,7 +5336,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608291822';
+var formkitVersion = '202608300041';
 
 /**
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -5876,7 +5876,7 @@ class AuroDropdown extends AuroElement$1 {
        */
       hasTriggerContent: {
         type: Boolean,
-        attribute: 'hastriggercontent'
+        attribute: false
       },
 
       /**
@@ -5999,6 +5999,7 @@ class AuroDropdown extends AuroElement$1 {
 
       /**
        *  If declared, and a function is set, that function will execute when the slot content is updated.
+       * @type {() => void}
        */
       onSlotChange: {
         type: Function,
@@ -7462,6 +7463,7 @@ class AuroCounterGroup extends AuroElement {
   constructor() {
     super();
 
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.max = undefined;
     this.min = undefined;
@@ -7746,6 +7748,7 @@ class AuroCounterGroup extends AuroElement {
 
       /**
        * The current individual values of the nested counters.
+       * @type {Record<string, number>}
        */
       value: {
         type: Object,

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

@@ -1126,7 +1126,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202608291822';
+var formkitVersion$1 = '202608300041';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5336,7 +5336,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608291822';
+var formkitVersion = '202608300041';
 
 /**
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -5876,7 +5876,7 @@ class AuroDropdown extends AuroElement$1 {
        */
       hasTriggerContent: {
         type: Boolean,
-        attribute: 'hastriggercontent'
+        attribute: false
       },
 
       /**
@@ -5999,6 +5999,7 @@ class AuroDropdown extends AuroElement$1 {
 
       /**
        *  If declared, and a function is set, that function will execute when the slot content is updated.
+       * @type {() => void}
        */
       onSlotChange: {
         type: Function,
@@ -7462,6 +7463,7 @@ class AuroCounterGroup extends AuroElement {
   constructor() {
     super();
 
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.max = undefined;
     this.min = undefined;
@@ -7746,6 +7748,7 @@ class AuroCounterGroup extends AuroElement {
 
       /**
        * The current individual values of the nested counters.
+       * @type {Record<string, number>}
        */
       value: {
         type: Object,

package/components/counter/dist/auro-counter-group.d.ts

@@ -169,10 +169,9 @@ export class AuroCounterGroup extends AuroElement {
         };
         /**
          * The current individual values of the nested counters.
+         * @type {Record<string, number>}
          */
-        value: {
-            type: ObjectConstructor;
-        };
+        value: Record<string, number>;
         /**
          * The current text in the valueText slot.
          * @private
@@ -190,7 +189,8 @@ export class AuroCounterGroup extends AuroElement {
      * AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
      */
     static register(name?: string): void;
-    appearance: string;
+    /** @type {'default' | 'inverse'} */
+    appearance: "default" | "inverse";
     max: any;
     min: any;
     onDark: boolean;

package/components/counter/dist/index.js

@@ -1076,7 +1076,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608291822';
+var formkitVersion$1 = '202608300041';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5268,7 +5268,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608291822';
+var formkitVersion = '202608300041';
 
 /**
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -5808,7 +5808,7 @@ class AuroDropdown extends AuroElement$1 {
        */
       hasTriggerContent: {
         type: Boolean,
-        attribute: 'hastriggercontent'
+        attribute: false
       },
 
       /**
@@ -5931,6 +5931,7 @@ class AuroDropdown extends AuroElement$1 {
 
       /**
        *  If declared, and a function is set, that function will execute when the slot content is updated.
+       * @type {() => void}
        */
       onSlotChange: {
         type: Function,
@@ -7394,6 +7395,7 @@ class AuroCounterGroup extends AuroElement {
   constructor() {
     super();
 
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.max = undefined;
     this.min = undefined;
@@ -7678,6 +7680,7 @@ class AuroCounterGroup extends AuroElement {
 
       /**
        * The current individual values of the nested counters.
+       * @type {Record<string, number>}
        */
       value: {
         type: Object,

package/components/counter/dist/registered.js

@@ -1076,7 +1076,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608291822';
+var formkitVersion$1 = '202608300041';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5268,7 +5268,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608291822';
+var formkitVersion = '202608300041';
 
 /**
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -5808,7 +5808,7 @@ class AuroDropdown extends AuroElement$1 {
        */
       hasTriggerContent: {
         type: Boolean,
-        attribute: 'hastriggercontent'
+        attribute: false
       },
 
       /**
@@ -5931,6 +5931,7 @@ class AuroDropdown extends AuroElement$1 {
 
       /**
        *  If declared, and a function is set, that function will execute when the slot content is updated.
+       * @type {() => void}
        */
       onSlotChange: {
         type: Function,
@@ -7394,6 +7395,7 @@ class AuroCounterGroup extends AuroElement {
   constructor() {
     super();
 
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.max = undefined;
     this.min = undefined;
@@ -7678,6 +7680,7 @@ class AuroCounterGroup extends AuroElement {
 
       /**
        * The current individual values of the nested counters.
+       * @type {Record<string, number>}
        */
       value: {
         type: Object,

package/components/datepicker/demo/api.md

@@ -11,7 +11,7 @@ The `auro-datepicker` component provides users with a way to select a date or da
 |-----------------------------------|-----------------------------------|-----------|--------------------------------------------------|--------------------------------|--------------------------------------------------|
 | `appearance`                      | `appearance`                      |           | `'default' \| 'inverse'`                         | "'default'"                    | Defines whether the component will be on lighter or darker backgrounds. |
 | `autoPlacement`                   | `autoplacement`                   |           | `boolean`                                        | "false"                        | If declared, bib's position will be automatically calculated where to appear. |
-| `blackoutDates`                   | `blackoutdates`                   |           | `array`                                          | []                             | Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).<br /><br />**Immutable update required.** The datepicker treats this array as<br />immutable and memoizes a lookup Set keyed on the array's reference<br />identity — matching Lit's own reactivity semantics for array<br />properties. In-place mutations (`blackoutDates.push(...)`,<br />`blackoutDates[i] = ...`, `blackoutDates.splice(...)`) will not<br />invalidate the cache and the new entries will be silently ignored.<br />To update, reassign the property: `el.blackoutDates = [...el.blackoutDates, '2024-12-25']`. |
+| `blackoutDates`                   | `blackoutdates`                   |           | `string[]`                                       | []                             | Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).<br /><br />**Immutable update required.** The datepicker treats this array as<br />immutable and memoizes a lookup Set keyed on the array's reference<br />identity — matching Lit's own reactivity semantics for array<br />properties. In-place mutations (`blackoutDates.push(...)`,<br />`blackoutDates[i] = ...`, `blackoutDates.splice(...)`) will not<br />invalidate the cache and the new entries will be silently ignored.<br />To update, reassign the property: `el.blackoutDates = [...el.blackoutDates, '2024-12-25']`. |
 | `blackoutLabel`                   | `blackoutlabel`                   |           | `string`                                         | "'unavailable'"                | Label announced for blackout (disabled but in-range) date cells. |
 | `calendarEndDate`                 | `calendarenddate`                 |           | `string`                                         | "undefined"                    | The last date that may be displayed in the calendar. |
 | `calendarEndDateObject`           |                                   | readonly  | `Date \| undefined`                              |                                | Read-only `Date` object derived from `calendarEndDate`. Returns `undefined` when `calendarEndDate` is empty or not a valid date. |
@@ -37,7 +37,7 @@ The `auro-datepicker` component provides users with a way to select a date or da
 | `minDate`                         | `mindate`                         |           | `string`                                         |                                | Minimum date. All dates before will be disabled. |
 | `minDateObject`                   |                                   | readonly  | `Date \| undefined`                              |                                | Read-only `Date` object derived from `minDate`. Returns `undefined` when `minDate` is empty or not a valid date. |
 | `monthFirst`                      | `monthfirst`                      |           | `boolean`                                        |                                | When set, the calendar displays the month before the year in the header. |
-| `monthNames`                      | `monthnames`                      |           | `array`                                          |                                | Names of all 12 months to render in the calendar.<br />When omitted, month names will be automatically populated from the active `locale` (falling back to `en-US`). |
+| `monthNames`                      | `monthnames`                      |           | `string[]`                                       |                                | Names of all 12 months to render in the calendar.<br />When omitted, month names will be automatically populated from the active `locale` (falling back to `en-US`). |
 | `navLabelNextMonth`               | `navlabelnextmonth`               |           | `string`                                         | "'Next month'"                 | Accessible label for the next month navigation button. |
 | `navLabelPrevMonth`               | `navlabelprevmonth`               |           | `string`                                         | "'Previous month'"             | Accessible label for the previous month navigation button. |
 | `noFlip`                          | `noflip`                          |           | `boolean`                                        | false                          | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
@@ -54,7 +54,7 @@ The `auro-datepicker` component provides users with a way to select a date or da
 | `rangeLabelEndPreview`            | `rangelabelendpreview`            |           | `string`                                         | "'previewing range end'"       | Label announced for the focused cell while previewing a range end<br />(dateFrom set, dateTo not yet selected). Tells AT users that<br />pressing Enter would commit this cell as the range end. |
 | `rangeLabelInRange`               | `rangelabelinrange`               |           | `string`                                         | "'in range'"                   | Label announced for cells within the selected range. |
 | `rangeLabelStart`                 | `rangelabelstart`                 |           | `string`                                         | "'range start'"                | Label announced for the range start date cell.   |
-| `referenceDates`                  | `referencedates`                  |           | `array`                                          |                                | Dates that the user should have for reference as part of their decision-making when selecting a date.<br />This should be a JSON string array of ISO date strings (`YYYY-MM-DD`). |
+| `referenceDates`                  | `referencedates`                  |           | `string[]`                                       |                                | Dates that the user should have for reference as part of their decision-making when selecting a date.<br />This should be a JSON string array of ISO date strings (`YYYY-MM-DD`). |
 | `required`                        | `required`                        |           | `boolean`                                        | false                          | Populates the `required` attribute on the input. Used for client-side validation. |
 | `setCustomValidity`               | `setcustomvalidity`               |           | `string`                                         |                                | Sets a custom help text message to display for all validityStates. |
 | `setCustomValidityCustomError`    | `setcustomvaliditycustomerror`    |           | `string`                                         |                                | Custom help text message to display when validity = `customError`.<br />Also used as the validation message when a blackout date is typed into the input. |