@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.1 → 0.0.0-pr1628.3

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

@@ -10631,6 +10631,9 @@ function getDateFormatFromLocale$1 (locale) {
 /* eslint-disable array-element-newline, dot-location */
 
 
+/**
+ * Date helpers the datepicker and its calendar share, such as finding the first day of a month and counting the months between two dates.
+ */
 class AuroDatepickerUtilities {
 
   /**
@@ -10701,6 +10704,9 @@ const t$1=globalThis,e$3=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.na
  * SPDX-License-Identifier: BSD-3-Clause
  */const s$3=globalThis;let i$1 = class i extends y$4{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D$1(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E$1}};i$1._$litElement$=true,i$1["finalized"]=true,s$3.litElementHydrateSupport?.({LitElement:i$1});const o$5=s$3.litElementPolyfillSupport;o$5?.({LitElement:i$1});(s$3.litElementVersions??=[]).push("4.2.2");
 
+/**
+ * Helpers the datepicker and its calendar use to set the month the calendar shows, and to choose and render the calendar's months.
+ */
 class UtilitiesCalendarRender {
   constructor() {
     this.util = new AuroDatepickerUtilities();
@@ -11142,12 +11148,12 @@ class RangeDatepickerCalendar extends i$1 {
     super();
 
     /**
-     * Date from. Format is Unix timestamp.
+     * Sets the chosen date, or the start date of a range, as a Unix timestamp in seconds.
      */
     this.dateFrom = null;
 
     /**
-     * Date to. Format is Unix timestamp.
+     * Sets the end date of a range, as a Unix timestamp in seconds.
      */
     this.dateTo = null;
     this.hoveredDate = null;
@@ -11161,12 +11167,12 @@ class RangeDatepickerCalendar extends i$1 {
     this.disabledDays = [];
 
     /**
-     * Max date. Format is Unix timestamp.
+     * Sets the latest date people can choose, as a Unix timestamp in seconds.
      */
     this.max = null;
 
     /**
-     * Minimal date. Format is Unix timestamp.
+     * Sets the earliest date people can choose, as a Unix timestamp in seconds.
      */
     this.min = null;
     this.yearsList = [];
@@ -13017,37 +13023,37 @@ class RangeDatepicker extends i$1 {
     super();
 
     /**
-     * Array of disabled days. Format is Unix timestamp.
+     * Sets dates people can't select, as Unix timestamps in seconds.
      */
     this.disabledDays = [];
 
     /**
-     * Display a select year control.
+     * Shows the previous and next month buttons on every month, and lets each month change on its own. It doesn't currently show a control for choosing the year.
      */
     this.enableYearChange = false;
 
     /**
-     * Force display of only one month.
+     * Shows one month at a time, even on screens wider than 650 pixels.
      */
     this.forceNarrow = false;
 
     /**
-     * Set locale of the calendar.
+     * Sets the date-fns locale object used for the month and weekday names, such as `enUS`. Uses `enUS` when not set.
      */
     this.locale = null;
 
     /**
-     * Max date. Format is Unix timestamp.
+     * Sets the latest date people can choose, as a Unix timestamp in seconds.
      */
     this.max = '8640000000000';
 
     /**
-     * Minimal date. Format is Unix timestamp.
+     * Sets the earliest date people can choose, as a Unix timestamp in seconds.
      */
     this.min = '-8640000000000';
 
     /**
-     * If true only one date can be selected.
+     * Lets people choose only one date instead of a start date and an end date.
      */
     this.noRange = false;
     this.dateFrom = null;
@@ -13263,6 +13269,9 @@ var chevronLeft = {"role":"img","color":"currentColor","title":"","desc":"Direct
 
 var chevronRight = {"role":"img","color":"currentColor","title":"","desc":"Directional indicator; right.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"chevron-right","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"chevron-right__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"chevron-right__desc\">Directional indicator; right.</desc><path d=\"m9.605 17.551-.084-.072a.75.75 0 0 1-.072-.977l.072-.084 4.47-4.47-4.47-4.47a.75.75 0 0 1-.072-.976l.072-.084a.75.75 0 0 1 .977-.073l.084.073 4.823 4.823a1 1 0 0 1 0 1.415l-4.823 4.823a.75.75 0 0 1-.977.072\"/></svg>"};
 
+/**
+ * Helpers the datepicker's calendar uses to change the month it shows, show or hide the previous and next month buttons, and scroll to a month.
+ */
 class CalendarUtilities {
   constructor() {
     this.util = new AuroDatepickerUtilities();
@@ -13879,7 +13888,7 @@ class AuroBibtemplate extends i$1 {
   }
 }
 
-var formkitVersion$2 = '202611081756';
+var formkitVersion$2 = '202611081821';
 
 let l$1 = class l{generateElementName(e,t){let s=e;return s+="-",s+=t.replace(/[.]/g,"_"),s}generateTag(s,o,a){const r=this.generateElementName(s,o),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let h$4 = class h{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`),o=(s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim();return o||null}};let d$1 = class d{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var c$3=i$3`:host{color:var(--ds-auro-loader-color)}:host>.loader-shape>span{border-color:var(--ds-auro-loader-border-color);background-color:var(--ds-auro-loader-background-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])>.loader-shape>span{--ds-auro-loader-background-color: transparent}:host([orbit])>.loader-shape>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>.loader-shape>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
 `,u$6=i$3`.body-default{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-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );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-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );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-size:var(--wcss-body-sm-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-sm-emphasized-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );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-size:var(--wcss-body-xs-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-xs-emphasized-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );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-size:var(--wcss-body-2xs-font-size, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, .875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-2xs-emphasized-font-size, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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{position:relative;display:inline-flex;flex-direction:column;align-items:center}:host([message-position=top]){flex-direction:column-reverse}:host([message-position=left]){flex-direction:row-reverse}:host([message-position=right]){flex-direction:row}:host([has-message]){gap:var(--ds-auro-loader-message-spacing)}.loader-shape{position:relative;display:inline-block;width:2rem;height:2rem;flex-shrink:0;font-size:0}.loader-shape>span{position:absolute;top:0;left:0;display:inline-block;width:2rem;height:2rem;box-sizing:border-box;border-width:0;border-style:solid;border-radius:100%;float:none}:host([xs])>.loader-shape{width:1.2rem;height:1.2rem}:host([xs])>.loader-shape>span{width:1.2rem;height:1.2rem}:host([sm])>.loader-shape{width:3rem;height:3rem}:host([sm])>.loader-shape>span{width:3rem;height:3rem}:host([md])>.loader-shape{width:5rem;height:5rem}:host([md])>.loader-shape>span{width:5rem;height:5rem}:host([lg])>.loader-shape{width:8rem;height:8rem}:host([lg])>.loader-shape>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]){position:relative}:host([pulse])>.loader-shape{position:relative;width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>.loader-shape>span{position:relative;width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse])>.loader-shape>span:nth-child(1){animation-delay:-.4s}:host([pulse])>.loader-shape>span:nth-child(2){animation-delay:-.2s}:host([pulse])>.loader-shape>span:nth-child(3){animation-delay:0ms}:host([pulse][xs])>.loader-shape{width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>.loader-shape>span{width:.65rem;height:.65rem;margin:var(--margin-xs)}:host([pulse][sm])>.loader-shape{width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>.loader-shape>span{width:2rem;height:2rem;margin:var(--margin-sm)}:host([pulse][md])>.loader-shape{width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>.loader-shape>span{width:3rem;height:3rem;margin:var(--margin-md)}:host([pulse][lg])>.loader-shape{width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>.loader-shape>span{width:5rem;height:5rem;margin:var(--margin-lg)}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]){opacity:1}:host([orbit])>.loader-shape>span{border-width:5px;opacity:1}:host([orbit])>.loader-shape>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>.loader-shape>span{border-width:8px}:host([orbit][md])>.loader-shape>span{border-width:13px}:host([orbit][lg])>.loader-shape>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>.loader-shape>svg{width:100%;height:100%;animation:rotate 2s linear infinite;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{animation:ringworm 1.5s ease-in-out infinite;stroke-dashoffset:0;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;display:block;overflow:hidden;width:100%;height:0;font-size:unset}:host([laser])>.no-animation,:host([laser])>.message-region{display:none}:host([laser])>.loader-shape>span{position:fixed;z-index:100;width:100%;height:.25rem;border-radius:0}:host([laser])>.loader-shape>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>.loader-shape>span:nth-child(2){width:50%;border-color:currentcolor;animation:laser 2s linear infinite;opacity:1}:host([laser][sm])>.loader-shape>span:nth-child(2){width:20%}:host([laser][md])>.loader-shape>span:nth-child(2){width:30%}:host([laser][lg])>.loader-shape>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>.loader-shape>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}.message-region{min-width:0;color:var(--ds-auro-loader-message-color)}.message-list{padding:0;margin:0}slot[name=message]::slotted([hidden]){display:none!important}:host>.no-animation{display:none;min-width:0}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>.loader-shape{display:none}:host>.loader-shape>span{opacity:1}:host>.no-animation{display:block}:host([has-default-content])>.message-region{display:none}:host([has-message]:not([has-default-content]))>.no-animation{display:none}}
@@ -13972,7 +13981,7 @@ var buttonVersion$1 = '12.3.2';
  * @event auroCalendar-dateSelected - Notifies that someone selected a date in the calendar.
  * @event auroCalendar-centralDateChanged - Notifies that the month shown has changed. Doesn't bubble; `event.detail.date` is the new `centralDate`.
  * @event auroCalendar-dismissRequest - Notifies that someone selected the close or Done button, so the datepicker closes the dropdown.
- * @event narrow-changedProperties - Notifies that the calendar's narrow (mobile) layout state has changed.
+ * @event narrow-changedProperties - Notifies once, after the calendar first renders, with `event.detail.value` set to `false`. The calendar doesn't currently track whether the screen is narrow, so the event doesn't fire again.
  */
 class AuroCalendar extends RangeDatepicker {
   constructor() {
@@ -20027,7 +20036,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081821';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -34208,7 +34217,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
   }
 };
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081821';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -35727,6 +35736,9 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
 // This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
 // added, handlers should go here following the same strategy pattern used by
 // auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
+/**
+ * Holds the datepicker's keyboard handlers, one function each for `Escape`, `Enter`, and the space bar. Escape closes the open calendar without closing a dialog or drawer around it, and Enter or Space opens the closed calendar unless the clear button has focus.
+ */
 const datepickerKeyboardStrategy = {
   Escape(component, evt, ctx) {
     if (!ctx.isExpanded) {
@@ -35801,7 +35813,7 @@ const datepickerKeyboardStrategy = {
  * - **Limits and unavailable dates**: `minDate` and `maxDate` turn off dates outside a range, and `blackoutDates` marks single dates people can't select.
  * - **Validation**: `required` shows an error when no date is chosen, and the `setCustomValidity` attributes replace the built-in error messages.
  * - **Content on dates**: The `date_YYYY_MM_DD` and `popover_YYYY_MM_DD` slots add content to a date in the calendar, such as a price.
- * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate every other label.
+ * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate most other text, except the calendar's Done button and the word "selected" in screen reader announcements.
  * - **Fullscreen on small screens**: `fullscreenBreakpoint` sets the screen size at or below which the calendar opens fullscreen.
  *
  * **Example**
@@ -36258,7 +36270,7 @@ class AuroDatePicker extends AuroElement {
       },
 
       /**
-       * Sets the shape of the datepicker.
+       * Sets the shape of the date field. Use `classic` (the default) with the `classic` layout, and `snowflake` with the `snowflake` layout.
        * @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
        * @default 'classic'
        * @category ui
@@ -36270,7 +36282,7 @@ class AuroDatePicker extends AuroElement {
       },
 
       /**
-       * Sets the size of the datepicker.
+       * Sets the height of the date field, from `xs`, the shortest, to `xl`, the tallest. The `classic` and `snowflake` shapes have a fixed height, so `size` doesn't change them. The `rounded` shape supports only `lg`, and the `pill`, `pill-left`, and `pill-right` shapes support only `md` and `xl`.
        * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
        * @default 'lg'
        * @category ui

package/components/datepicker/demo/voiceover.md

@@ -96,7 +96,7 @@
 <li>The element is removed from the Tab order, but the VoiceOver cursor can still reach it.</li>
 <li>The user can't interact with it: the calendar can't be opened, and no date can be entered.</li>
 </ul>
-<p>Key distinction from <code>aria-hidden</code>: A disabled element is <em>reachable but not operable</em>. If you want VoiceOver to skip it entirely, you would need <code>aria-hidden="true"</code> or <code>tabindex="-1"</code>, but that's generally not recommended for disabled controls: users benefit from knowing the field exists and why it may be unavailable.</p>
+<p>Key distinction from <code>aria-hidden</code>: A disabled element is <em>reachable but not operable</em>. <code>tabindex="-1"</code> removes it only from the Tab order. To make VoiceOver skip it entirely, you'd need <code>aria-hidden="true"</code>, but that's generally not recommended for disabled controls: users benefit from knowing the field exists and why it may be unavailable.</p>
 <p>This is consistent across NVDA and JAWS as well, though the announcement wording differs. For example, NVDA says <em>"unavailable"</em>.</p>
 <auro-header level="3" id="voiceOverStateInvalid">Invalid</auro-header>
 <p>When an <code>&lt;auro-datepicker&gt;</code> is invalid the following occurs:</p>

package/components/datepicker/dist/auro-calendar.d.ts

@@ -3,7 +3,7 @@
  * @event auroCalendar-dateSelected - Notifies that someone selected a date in the calendar.
  * @event auroCalendar-centralDateChanged - Notifies that the month shown has changed. Doesn't bubble; `event.detail.date` is the new `centralDate`.
  * @event auroCalendar-dismissRequest - Notifies that someone selected the close or Done button, so the datepicker closes the dropdown.
- * @event narrow-changedProperties - Notifies that the calendar's narrow (mobile) layout state has changed.
+ * @event narrow-changedProperties - Notifies once, after the calendar first renders, with `event.detail.value` set to `false`. The calendar doesn't currently track whether the screen is narrow, so the event doesn't fire again.
  */
 export class AuroCalendar extends RangeDatepicker {
     static get styles(): import("lit").CSSResult[];

package/components/datepicker/dist/auro-datepicker.d.ts

@@ -6,7 +6,7 @@
  * - **Limits and unavailable dates**: `minDate` and `maxDate` turn off dates outside a range, and `blackoutDates` marks single dates people can't select.
  * - **Validation**: `required` shows an error when no date is chosen, and the `setCustomValidity` attributes replace the built-in error messages.
  * - **Content on dates**: The `date_YYYY_MM_DD` and `popover_YYYY_MM_DD` slots add content to a date in the calendar, such as a price.
- * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate every other label.
+ * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate most other text, except the calendar's Done button and the word "selected" in screen reader announcements.
  * - **Fullscreen on small screens**: `fullscreenBreakpoint` sets the screen size at or below which the calendar opens fullscreen.
  *
  * **Example**
@@ -237,14 +237,14 @@ export class AuroDatePicker extends AuroElement {
          */
         layout: "classic" | "snowflake";
         /**
-         * Sets the shape of the datepicker.
+         * Sets the shape of the date field. Use `classic` (the default) with the `classic` layout, and `snowflake` with the `snowflake` layout.
          * @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
          * @default 'classic'
          * @category ui
          */
         shape: "box" | "classic" | "pill" | "pill-left" | "pill-right" | "rounded" | "snowflake";
         /**
-         * Sets the size of the datepicker.
+         * Sets the height of the date field, from `xs`, the shortest, to `xl`, the tallest. The `classic` and `snowflake` shapes have a fixed height, so `size` doesn't change them. The `rounded` shape supports only `lg`, and the `pill`, `pill-left`, and `pill-right` shapes support only `md` and `xl`.
          * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
          * @default 'lg'
          * @category ui

package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Holds the datepicker's keyboard handlers, one function each for `Escape`, `Enter`, and the space bar. Escape closes the open calendar without closing a dialog or drawer around it, and Enter or Space opens the closed calendar unless the clear button has focus.
+ */
 export const datepickerKeyboardStrategy: {
     Escape(component: any, evt: any, ctx: any): void;
     Enter(component: any, evt: any, ctx: any): void;

package/components/datepicker/dist/index.js

@@ -10614,6 +10614,9 @@ function getDateFormatFromLocale$1 (locale) {
 /* eslint-disable array-element-newline, dot-location */
 
 
+/**
+ * Date helpers the datepicker and its calendar share, such as finding the first day of a month and counting the months between two dates.
+ */
 class AuroDatepickerUtilities {
 
   /**
@@ -10665,6 +10668,9 @@ class AuroDatepickerUtilities {
   }
 }
 
+/**
+ * Helpers the datepicker and its calendar use to set the month the calendar shows, and to choose and render the calendar's months.
+ */
 class UtilitiesCalendarRender {
   constructor() {
     this.util = new AuroDatepickerUtilities();
@@ -11100,12 +11106,12 @@ class RangeDatepickerCalendar extends LitElement {
     super();
 
     /**
-     * Date from. Format is Unix timestamp.
+     * Sets the chosen date, or the start date of a range, as a Unix timestamp in seconds.
      */
     this.dateFrom = null;
 
     /**
-     * Date to. Format is Unix timestamp.
+     * Sets the end date of a range, as a Unix timestamp in seconds.
      */
     this.dateTo = null;
     this.hoveredDate = null;
@@ -11119,12 +11125,12 @@ class RangeDatepickerCalendar extends LitElement {
     this.disabledDays = [];
 
     /**
-     * Max date. Format is Unix timestamp.
+     * Sets the latest date people can choose, as a Unix timestamp in seconds.
      */
     this.max = null;
 
     /**
-     * Minimal date. Format is Unix timestamp.
+     * Sets the earliest date people can choose, as a Unix timestamp in seconds.
      */
     this.min = null;
     this.yearsList = [];
@@ -12975,37 +12981,37 @@ class RangeDatepicker extends LitElement {
     super();
 
     /**
-     * Array of disabled days. Format is Unix timestamp.
+     * Sets dates people can't select, as Unix timestamps in seconds.
      */
     this.disabledDays = [];
 
     /**
-     * Display a select year control.
+     * Shows the previous and next month buttons on every month, and lets each month change on its own. It doesn't currently show a control for choosing the year.
      */
     this.enableYearChange = false;
 
     /**
-     * Force display of only one month.
+     * Shows one month at a time, even on screens wider than 650 pixels.
      */
     this.forceNarrow = false;
 
     /**
-     * Set locale of the calendar.
+     * Sets the date-fns locale object used for the month and weekday names, such as `enUS`. Uses `enUS` when not set.
      */
     this.locale = null;
 
     /**
-     * Max date. Format is Unix timestamp.
+     * Sets the latest date people can choose, as a Unix timestamp in seconds.
      */
     this.max = '8640000000000';
 
     /**
-     * Minimal date. Format is Unix timestamp.
+     * Sets the earliest date people can choose, as a Unix timestamp in seconds.
      */
     this.min = '-8640000000000';
 
     /**
-     * If true only one date can be selected.
+     * Lets people choose only one date instead of a start date and an end date.
      */
     this.noRange = false;
     this.dateFrom = null;
@@ -13221,6 +13227,9 @@ var chevronLeft = {"role":"img","color":"currentColor","title":"","desc":"Direct
 
 var chevronRight = {"role":"img","color":"currentColor","title":"","desc":"Directional indicator; right.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"chevron-right","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"chevron-right__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"chevron-right__desc\">Directional indicator; right.</desc><path d=\"m9.605 17.551-.084-.072a.75.75 0 0 1-.072-.977l.072-.084 4.47-4.47-4.47-4.47a.75.75 0 0 1-.072-.976l.072-.084a.75.75 0 0 1 .977-.073l.084.073 4.823 4.823a1 1 0 0 1 0 1.415l-4.823 4.823a.75.75 0 0 1-.977.072\"/></svg>"};
 
+/**
+ * Helpers the datepicker's calendar uses to change the month it shows, show or hide the previous and next month buttons, and scroll to a month.
+ */
 class CalendarUtilities {
   constructor() {
     this.util = new AuroDatepickerUtilities();
@@ -13831,7 +13840,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion$2 = '202611081756';
+var formkitVersion$2 = '202611081821';
 
 let l$1 = class l{generateElementName(e,t){let s=e;return s+="-",s+=t.replace(/[.]/g,"_"),s}generateTag(s,o,a){const r=this.generateElementName(s,o),i=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let h$1 = class h{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`),o=(s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim();return o||null}};let d$1 = class d{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var c$1=css`:host{color:var(--ds-auro-loader-color)}:host>.loader-shape>span{border-color:var(--ds-auro-loader-border-color);background-color:var(--ds-auro-loader-background-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])>.loader-shape>span{--ds-auro-loader-background-color: transparent}:host([orbit])>.loader-shape>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>.loader-shape>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
 `,u$4=css`.body-default{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-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );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-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );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-size:var(--wcss-body-sm-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-sm-emphasized-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );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-size:var(--wcss-body-xs-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-xs-emphasized-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );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-size:var(--wcss-body-2xs-font-size, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, .875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-2xs-emphasized-font-size, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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{position:relative;display:inline-flex;flex-direction:column;align-items:center}:host([message-position=top]){flex-direction:column-reverse}:host([message-position=left]){flex-direction:row-reverse}:host([message-position=right]){flex-direction:row}:host([has-message]){gap:var(--ds-auro-loader-message-spacing)}.loader-shape{position:relative;display:inline-block;width:2rem;height:2rem;flex-shrink:0;font-size:0}.loader-shape>span{position:absolute;top:0;left:0;display:inline-block;width:2rem;height:2rem;box-sizing:border-box;border-width:0;border-style:solid;border-radius:100%;float:none}:host([xs])>.loader-shape{width:1.2rem;height:1.2rem}:host([xs])>.loader-shape>span{width:1.2rem;height:1.2rem}:host([sm])>.loader-shape{width:3rem;height:3rem}:host([sm])>.loader-shape>span{width:3rem;height:3rem}:host([md])>.loader-shape{width:5rem;height:5rem}:host([md])>.loader-shape>span{width:5rem;height:5rem}:host([lg])>.loader-shape{width:8rem;height:8rem}:host([lg])>.loader-shape>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]){position:relative}:host([pulse])>.loader-shape{position:relative;width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>.loader-shape>span{position:relative;width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse])>.loader-shape>span:nth-child(1){animation-delay:-.4s}:host([pulse])>.loader-shape>span:nth-child(2){animation-delay:-.2s}:host([pulse])>.loader-shape>span:nth-child(3){animation-delay:0ms}:host([pulse][xs])>.loader-shape{width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>.loader-shape>span{width:.65rem;height:.65rem;margin:var(--margin-xs)}:host([pulse][sm])>.loader-shape{width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>.loader-shape>span{width:2rem;height:2rem;margin:var(--margin-sm)}:host([pulse][md])>.loader-shape{width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>.loader-shape>span{width:3rem;height:3rem;margin:var(--margin-md)}:host([pulse][lg])>.loader-shape{width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>.loader-shape>span{width:5rem;height:5rem;margin:var(--margin-lg)}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]){opacity:1}:host([orbit])>.loader-shape>span{border-width:5px;opacity:1}:host([orbit])>.loader-shape>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>.loader-shape>span{border-width:8px}:host([orbit][md])>.loader-shape>span{border-width:13px}:host([orbit][lg])>.loader-shape>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>.loader-shape>svg{width:100%;height:100%;animation:rotate 2s linear infinite;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{animation:ringworm 1.5s ease-in-out infinite;stroke-dashoffset:0;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;display:block;overflow:hidden;width:100%;height:0;font-size:unset}:host([laser])>.no-animation,:host([laser])>.message-region{display:none}:host([laser])>.loader-shape>span{position:fixed;z-index:100;width:100%;height:.25rem;border-radius:0}:host([laser])>.loader-shape>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>.loader-shape>span:nth-child(2){width:50%;border-color:currentcolor;animation:laser 2s linear infinite;opacity:1}:host([laser][sm])>.loader-shape>span:nth-child(2){width:20%}:host([laser][md])>.loader-shape>span:nth-child(2){width:30%}:host([laser][lg])>.loader-shape>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>.loader-shape>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}.message-region{min-width:0;color:var(--ds-auro-loader-message-color)}.message-list{padding:0;margin:0}slot[name=message]::slotted([hidden]){display:none!important}:host>.no-animation{display:none;min-width:0}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>.loader-shape{display:none}:host>.loader-shape>span{opacity:1}:host>.no-animation{display:block}:host([has-default-content])>.message-region{display:none}:host([has-message]:not([has-default-content]))>.no-animation{display:none}}
@@ -13924,7 +13933,7 @@ var buttonVersion$1 = '12.3.2';
  * @event auroCalendar-dateSelected - Notifies that someone selected a date in the calendar.
  * @event auroCalendar-centralDateChanged - Notifies that the month shown has changed. Doesn't bubble; `event.detail.date` is the new `centralDate`.
  * @event auroCalendar-dismissRequest - Notifies that someone selected the close or Done button, so the datepicker closes the dropdown.
- * @event narrow-changedProperties - Notifies that the calendar's narrow (mobile) layout state has changed.
+ * @event narrow-changedProperties - Notifies once, after the calendar first renders, with `event.detail.value` set to `false`. The calendar doesn't currently track whether the screen is narrow, so the event doesn't fire again.
  */
 class AuroCalendar extends RangeDatepicker {
   constructor() {
@@ -19955,7 +19964,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202611081756';
+var formkitVersion$1 = '202611081821';
 
 /**
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -34129,7 +34138,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion = '202611081756';
+var formkitVersion = '202611081821';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -35648,6 +35657,9 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
 // This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
 // added, handlers should go here following the same strategy pattern used by
 // auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
+/**
+ * Holds the datepicker's keyboard handlers, one function each for `Escape`, `Enter`, and the space bar. Escape closes the open calendar without closing a dialog or drawer around it, and Enter or Space opens the closed calendar unless the clear button has focus.
+ */
 const datepickerKeyboardStrategy = {
   Escape(component, evt, ctx) {
     if (!ctx.isExpanded) {
@@ -35722,7 +35734,7 @@ const datepickerKeyboardStrategy = {
  * - **Limits and unavailable dates**: `minDate` and `maxDate` turn off dates outside a range, and `blackoutDates` marks single dates people can't select.
  * - **Validation**: `required` shows an error when no date is chosen, and the `setCustomValidity` attributes replace the built-in error messages.
  * - **Content on dates**: The `date_YYYY_MM_DD` and `popover_YYYY_MM_DD` slots add content to a date in the calendar, such as a price.
- * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate every other label.
+ * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate most other text, except the calendar's Done button and the word "selected" in screen reader announcements.
  * - **Fullscreen on small screens**: `fullscreenBreakpoint` sets the screen size at or below which the calendar opens fullscreen.
  *
  * **Example**
@@ -36179,7 +36191,7 @@ class AuroDatePicker extends AuroElement {
       },
 
       /**
-       * Sets the shape of the datepicker.
+       * Sets the shape of the date field. Use `classic` (the default) with the `classic` layout, and `snowflake` with the `snowflake` layout.
        * @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
        * @default 'classic'
        * @category ui
@@ -36191,7 +36203,7 @@ class AuroDatePicker extends AuroElement {
       },
 
       /**
-       * Sets the size of the datepicker.
+       * Sets the height of the date field, from `xs`, the shortest, to `xl`, the tallest. The `classic` and `snowflake` shapes have a fixed height, so `size` doesn't change them. The `rounded` shape supports only `lg`, and the `pill`, `pill-left`, and `pill-right` shapes support only `md` and `xl`.
        * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
        * @default 'lg'
        * @category ui