@helixui/library 3.1.0 → 3.2.0-next.102

package/dist/shared/{hx-date-picker-Dq2Nb68_.js → hx-date-picker-2iRG1p74.js}

@@ -2,10 +2,11 @@ import { css as D, html as _, nothing as u } from "lit";
 import { property as d, state as f, query as y, customElement as k } from "lit/decorators.js";
 import { F as M } from "./FormMixin-B8PXk5RQ.js";
 import { classMap as b } from "lit/directives/class-map.js";
-import { ifDefined as g } from "lit/directives/if-defined.js";
-import { H as $ } from "./helix-element-BNEYeiys.js";
-import { c as S } from "./id-counter-DuX8vsui.js";
-const C = D`
+import { ifDefined as m } from "lit/directives/if-defined.js";
+import { b as $ } from "./forced-colors-CTEDFRGa.js";
+import { H as S } from "./helix-element-BNEYeiys.js";
+import { c as C } from "./id-counter-DuX8vsui.js";
+const I = D`
   /* ============================================================
      Host
      ============================================================ */
@@ -46,12 +47,12 @@ const C = D`
     gap: var(--hx-space-1, 0.25rem);
     font-size: var(--hx-font-size-sm, 0.875rem);
     font-weight: var(--hx-font-weight-medium, 500);
-    color: var(--hx-date-picker-label-color, var(--hx-color-neutral-700, #334155));
+    color: var(--hx-date-picker-label-color, var(--hx-color-text-strong, #202b39));
     line-height: var(--hx-line-height-normal, 1.5);
   }
 
   .field__required-marker {
-    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #b91c1c));
+    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #c92a2a));
     font-weight: var(--hx-font-weight-bold, 700);
   }
 
@@ -63,9 +64,9 @@ const C = D`
     display: flex;
     align-items: stretch;
     border: var(--hx-border-width-thin, 1px) solid
-      var(--hx-date-picker-border-color, var(--hx-color-neutral-300, #cbd5e1));
+      var(--hx-date-picker-border-color, var(--hx-color-border-strong, #66787b));
     border-radius: var(--hx-date-picker-border-radius, var(--hx-border-radius-md, 0.375rem));
-    background-color: var(--hx-date-picker-bg, var(--hx-color-neutral-0, #ffffff));
+    background-color: var(--hx-date-picker-bg, var(--hx-color-surface-default, #ffffff));
     transition:
       border-color var(--hx-transition-fast, 150ms ease),
       box-shadow var(--hx-transition-fast, 150ms ease);
@@ -73,32 +74,26 @@ const C = D`
   }
 
   .field__input-wrapper:focus-within {
-    border-color: var(
-      --hx-date-picker-focus-ring-color,
-      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
-    );
+    border-color: var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
     box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       color-mix(
         in srgb,
-        var(
-            --hx-date-picker-focus-ring-color,
-            var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
-          )
+        var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078))
           calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
         transparent
       );
   }
 
   .field--error .field__input-wrapper {
-    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc2626));
+    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #e5493e));
   }
 
   .field--error .field__input-wrapper:focus-within {
-    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc2626));
+    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #e5493e));
     box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
       color-mix(
         in srgb,
-        var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc2626))
+        var(--hx-date-picker-error-color, var(--hx-color-error-500, #e5493e))
           calc(var(--hx-focus-ring-opacity, 0.25) * 100%),
         transparent
       );
@@ -116,7 +111,7 @@ const C = D`
     padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);
     font-family: inherit;
     font-size: var(--hx-font-size-md, 1rem);
-    color: var(--hx-date-picker-color, var(--hx-color-neutral-800, #1e293b));
+    color: var(--hx-date-picker-color, var(--hx-color-text-strong, #202b39));
     line-height: var(--hx-line-height-normal, 1.5);
     min-height: var(--hx-size-10, 2.5rem);
     width: 100%;
@@ -124,7 +119,7 @@ const C = D`
   }
 
   .field__input::placeholder {
-    color: var(--hx-color-neutral-400, #94a3b8);
+    color: var(--hx-color-text-placeholder, #66787b);
   }
 
   .field__input:disabled {
@@ -142,9 +137,9 @@ const C = D`
     padding: 0 var(--hx-space-3, 0.75rem);
     border: none;
     border-left: var(--hx-border-width-thin, 1px) solid
-      var(--hx-date-picker-border-color, var(--hx-color-neutral-300, #cbd5e1));
+      var(--hx-date-picker-border-color, var(--hx-color-border-strong, #66787b));
     background: transparent;
-    color: var(--hx-date-picker-trigger-color, var(--hx-color-neutral-500, #64748b));
+    color: var(--hx-date-picker-trigger-color, var(--hx-color-text-muted, #4a5362));
     cursor: pointer;
     flex-shrink: 0;
     transition: color var(--hx-transition-fast, 150ms ease);
@@ -152,24 +147,17 @@ const C = D`
   }
 
   .field__trigger:focus-visible {
-    color: var(
-      --hx-date-picker-focus-ring-color,
-      var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
-    );
+    color: var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
     background-color: color-mix(
       in srgb,
-      var(
-          --hx-date-picker-focus-ring-color,
-          var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
-        )
-        8%,
+      var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078)) 8%,
       transparent
     );
   }
 
   .field__trigger:hover:not(:disabled) {
-    color: var(--hx-date-picker-trigger-hover-color, var(--hx-color-neutral-700, #334155));
-    background-color: color-mix(in srgb, var(--hx-color-neutral-900, #0f172a) 4%, transparent);
+    color: var(--hx-date-picker-trigger-hover-color, var(--hx-color-text-strong, #202b39));
+    background-color: color-mix(in srgb, var(--hx-color-neutral-900, #0d1825) 4%, transparent);
   }
 
   .field__trigger:disabled {
@@ -186,9 +174,9 @@ const C = D`
     left: 0;
     z-index: var(--hx-z-index-dropdown, 1000);
     min-width: var(--hx-date-picker-calendar-min-width, 18rem);
-    background-color: var(--hx-date-picker-calendar-bg, var(--hx-color-neutral-0, #ffffff));
+    background-color: var(--hx-date-picker-calendar-bg, var(--hx-color-surface-default, #ffffff));
     border: var(--hx-border-width-thin, 1px) solid
-      var(--hx-date-picker-calendar-border-color, var(--hx-color-neutral-200, #e2e8f0));
+      var(--hx-date-picker-calendar-border-color, var(--hx-color-border-default, #d6dbd5));
     border-radius: var(--hx-date-picker-calendar-border-radius, var(--hx-border-radius-lg, 0.5rem));
     box-shadow: var(
       --hx-date-picker-calendar-shadow,
@@ -247,22 +235,19 @@ const C = D`
   }
 
   .calendar__nav-btn {
-    color: var(--hx-color-neutral-600, #475569);
+    color: var(--hx-color-text-secondary, #313e4b);
     font-size: var(--hx-font-size-lg, 1.125rem);
     line-height: 1;
   }
 
   .calendar__nav-btn:hover {
-    background-color: var(--hx-color-neutral-100, #f1f5f9);
-    color: var(--hx-color-neutral-900, #0f172a);
+    background-color: var(--hx-date-picker-day-hover-bg, var(--hx-color-surface-sunken, #ebeee9));
+    color: var(--hx-color-text-primary, #0d1825);
   }
 
   :is(.calendar__nav-btn, .calendar__day):focus-visible {
     box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
-      var(
-        --hx-date-picker-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
-      );
+      var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
     z-index: 1;
   }
 
@@ -275,7 +260,7 @@ const C = D`
   .calendar__month-label {
     font-size: var(--hx-font-size-sm, 0.875rem);
     font-weight: var(--hx-font-weight-semibold, 600);
-    color: var(--hx-color-neutral-800, #1e293b);
+    color: var(--hx-color-text-strong, #202b39);
     flex: 1;
     text-align: center;
   }
@@ -300,7 +285,7 @@ const C = D`
     height: var(--hx-size-8, 2rem);
     font-size: var(--hx-font-size-xs, 0.75rem);
     font-weight: var(--hx-font-weight-semibold, 600);
-    color: var(--hx-color-neutral-500, #64748b);
+    color: var(--hx-color-text-muted, #4a5362);
     text-transform: uppercase;
     letter-spacing: 0.05em;
   }
@@ -310,30 +295,30 @@ const C = D`
      ============================================================ */
 
   .calendar__day {
-    color: var(--hx-color-neutral-800, #1e293b);
+    color: var(--hx-color-text-strong, #202b39);
     font-size: var(--hx-font-size-sm, 0.875rem);
     font-family: inherit;
     position: relative;
   }
 
   .calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected) {
-    background-color: var(--hx-color-neutral-100, #f1f5f9);
-    color: var(--hx-color-neutral-900, #0f172a);
+    background-color: var(--hx-date-picker-day-hover-bg, var(--hx-color-surface-sunken, #ebeee9));
+    color: var(--hx-color-text-primary, #0d1825);
   }
 
   .calendar__day--selected {
-    background-color: var(--hx-date-picker-selected-bg, var(--hx-color-primary-500, #2563eb));
-    color: var(--hx-date-picker-selected-color, var(--hx-color-neutral-0, #ffffff));
+    background-color: var(--hx-date-picker-selected-bg, var(--hx-color-primary-500, #429797));
+    color: var(--hx-date-picker-selected-color, var(--hx-color-text-on-primary, #ffffff));
     font-weight: var(--hx-font-weight-semibold, 600);
   }
 
   .calendar__day--selected:hover {
-    background-color: var(--hx-date-picker-selected-hover-bg, var(--hx-color-primary-600, #1d4ed8));
+    background-color: var(--hx-date-picker-selected-hover-bg, var(--hx-color-primary-600, #0f7078));
   }
 
   .calendar__day--today:not(.calendar__day--selected) {
     font-weight: var(--hx-font-weight-bold, 700);
-    color: var(--hx-date-picker-today-color, var(--hx-color-primary-600, #1d4ed8));
+    color: var(--hx-date-picker-today-color, var(--hx-color-primary-600, #0f7078));
   }
 
   .calendar__day--today:not(.calendar__day--selected)::after {
@@ -381,11 +366,11 @@ const C = D`
   }
 
   .field__help-text {
-    color: var(--hx-color-neutral-500, #64748b);
+    color: var(--hx-color-text-muted, #4a5362);
   }
 
   .field__error {
-    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #b91c1c));
+    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #c92a2a));
   }
 
   /* ============================================================
@@ -444,13 +429,13 @@ const C = D`
     }
   }
 `;
-var I = Object.defineProperty, L = Object.getOwnPropertyDescriptor, n = (t, e, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? L(e, r) : e, o = t.length - 1, l; o >= 0; o--)
+var L = Object.defineProperty, F = Object.getOwnPropertyDescriptor, n = (t, e, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? F(e, r) : e, o = t.length - 1, l; o >= 0; o--)
     (l = t[o]) && (i = (a ? l(e, r, i) : l(i)) || i);
-  return a && i && I(e, r, i), i;
+  return a && i && L(e, r, i), i;
 };
-const Y = S("hx-date-picker");
-let s = class extends M($) {
+const Y = C("hx-date-picker");
+let s = class extends M(S) {
   constructor() {
     super(...arguments), this.name = "", this.value = "", this.min = "", this.max = "", this.label = "", this.required = !1, this.disabled = !1, this.error = "", this.helpText = "", this.format = "MM/DD/YYYY", this.locale = "en-US", this.requiredMessage = "This field is required.", this.chooseDateLabel = "Choose a date", this.openCalendarLabel = "Open calendar", this.closeCalendarLabel = "Close calendar", this.previousMonthLabel = "Previous month", this.nextMonthLabel = "Next month", this._isOpen = !1, this._viewYear = (/* @__PURE__ */ new Date()).getFullYear(), this._viewMonth = (/* @__PURE__ */ new Date()).getMonth(), this._focusedDay = null, this._liveMessage = "", this._dayGrid = [], this._dayAriaLabels = /* @__PURE__ */ new Map(), this._weekdayFormatter = null, this._monthFormatter = null, this._formatterLocale = "", this._cachedWeekdayNames = null, this._id = Y(), this._inputId = `${this._id}-input`, this._helpTextId = `${this._id}-help`, this._errorId = `${this._id}-error`, this._calendarId = `${this._id}-calendar`, this._liveRegionId = `${this._id}-live`, this._hasLabelSlot = !1, this._hasErrorSlot = !1, this._handleDocumentClick = (t) => {
       if (!this._isOpen) return;
@@ -806,7 +791,7 @@ let s = class extends M($) {
       const o = t.slice(i, i + 7).map((l) => {
         if (l === null)
           return _`<div class="calendar__day-cell" role="gridcell" aria-hidden="true"></div>`;
-        const c = e ? this._isSameDay(l, e) : !1, h = this._isSameDay(l, r), p = this._isDateDisabled(l), v = this._focusedDay === l.getDate(), x = l.getDate(), m = this._toISO(l), w = this._dayAriaLabels.get(m) ?? m;
+        const c = e ? this._isSameDay(l, e) : !1, h = this._isSameDay(l, r), p = this._isDateDisabled(l), v = this._focusedDay === l.getDate(), x = l.getDate(), g = this._toISO(l), w = this._dayAriaLabels.get(g) ?? g;
         return _`<div
           class="calendar__day-cell"
           role="gridcell"
@@ -824,7 +809,7 @@ let s = class extends M($) {
         })}
             type="button"
             data-day=${x}
-            data-date=${m}
+            data-date=${g}
             aria-label=${w}
             tabindex=${v ? "0" : "-1"}
             ?disabled=${p}
@@ -868,13 +853,13 @@ let s = class extends M($) {
             type="text"
             readonly
             .value=${e}
-            placeholder=${g(this.format || void 0)}
+            placeholder=${m(this.format || void 0)}
             ?disabled=${this.disabled}
-            aria-labelledby=${g(
+            aria-labelledby=${m(
       this._hasLabelSlot ? `${this._inputId}-slotted-label` : void 0
     )}
             aria-invalid=${t ? "true" : u}
-            aria-describedby=${g(i)}
+            aria-describedby=${m(i)}
             aria-required=${this.required ? "true" : u}
             aria-haspopup="dialog"
             @click=${this._openCalendar}
@@ -985,7 +970,7 @@ let s = class extends M($) {
     `;
   }
 };
-s.styles = [C];
+s.styles = [I, $];
 s.formAssociated = !0;
 n([
   d({ type: String, reflect: !0 })
@@ -1074,4 +1059,4 @@ s = n([
 export {
   s as H
 };
-//# sourceMappingURL=hx-date-picker-Dq2Nb68_.js.map
+//# sourceMappingURL=hx-date-picker-2iRG1p74.js.map

package/dist/shared/hx-date-picker-2iRG1p74.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-date-picker-2iRG1p74.js","sources":["../../src/components/hx-date-picker/hx-date-picker.styles.ts","../../src/components/hx-date-picker/hx-date-picker.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixDatePickerStyles = css`\n  /* ============================================================\n     Host\n     ============================================================ */\n\n  :host {\n    display: block;\n    position: relative;\n  }\n\n  :host([disabled]) {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    pointer-events: none;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  /* ============================================================\n     Field layout\n     ============================================================ */\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n    font-family: var(--hx-date-picker-font-family, var(--hx-font-family-sans, sans-serif));\n    position: relative;\n  }\n\n  .field__label-wrapper {\n    display: contents;\n  }\n\n  .field__label {\n    display: flex;\n    align-items: baseline;\n    gap: var(--hx-space-1, 0.25rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-medium, 500);\n    color: var(--hx-date-picker-label-color, var(--hx-color-text-strong, #202b39));\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__required-marker {\n    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #c92a2a));\n    font-weight: var(--hx-font-weight-bold, 700);\n  }\n\n  /* ============================================================\n     Input wrapper\n     ============================================================ */\n\n  .field__input-wrapper {\n    display: flex;\n    align-items: stretch;\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-date-picker-border-color, var(--hx-color-border-strong, #66787b));\n    border-radius: var(--hx-date-picker-border-radius, var(--hx-border-radius-md, 0.375rem));\n    background-color: var(--hx-date-picker-bg, var(--hx-color-surface-default, #ffffff));\n    transition:\n      border-color var(--hx-transition-fast, 150ms ease),\n      box-shadow var(--hx-transition-fast, 150ms ease);\n    overflow: hidden;\n  }\n\n  .field__input-wrapper:focus-within {\n    border-color: var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  .field--error .field__input-wrapper {\n    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #e5493e));\n  }\n\n  .field--error .field__input-wrapper:focus-within {\n    border-color: var(--hx-date-picker-error-color, var(--hx-color-error-500, #e5493e));\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      color-mix(\n        in srgb,\n        var(--hx-date-picker-error-color, var(--hx-color-error-500, #e5493e))\n          calc(var(--hx-focus-ring-opacity, 0.25) * 100%),\n        transparent\n      );\n  }\n\n  /* ============================================================\n     Input element\n     ============================================================ */\n\n  .field__input {\n    flex: 1;\n    border: none;\n    outline: none;\n    background: transparent;\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    font-family: inherit;\n    font-size: var(--hx-font-size-md, 1rem);\n    color: var(--hx-date-picker-color, var(--hx-color-text-strong, #202b39));\n    line-height: var(--hx-line-height-normal, 1.5);\n    min-height: var(--hx-size-10, 2.5rem);\n    width: 100%;\n    cursor: default;\n  }\n\n  .field__input::placeholder {\n    color: var(--hx-color-text-placeholder, #66787b);\n  }\n\n  .field__input:disabled {\n    cursor: not-allowed;\n  }\n\n  /* ============================================================\n     Calendar trigger button\n     ============================================================ */\n\n  .field__trigger {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 var(--hx-space-3, 0.75rem);\n    border: none;\n    border-left: var(--hx-border-width-thin, 1px) solid\n      var(--hx-date-picker-border-color, var(--hx-color-border-strong, #66787b));\n    background: transparent;\n    color: var(--hx-date-picker-trigger-color, var(--hx-color-text-muted, #4a5362));\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: color var(--hx-transition-fast, 150ms ease);\n    outline: none;\n  }\n\n  .field__trigger:focus-visible {\n    color: var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    background-color: color-mix(\n      in srgb,\n      var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078)) 8%,\n      transparent\n    );\n  }\n\n  .field__trigger:hover:not(:disabled) {\n    color: var(--hx-date-picker-trigger-hover-color, var(--hx-color-text-strong, #202b39));\n    background-color: color-mix(in srgb, var(--hx-color-neutral-900, #0d1825) 4%, transparent);\n  }\n\n  .field__trigger:disabled {\n    cursor: not-allowed;\n  }\n\n  /* ============================================================\n     Calendar popover\n     ============================================================ */\n\n  .calendar {\n    position: absolute;\n    top: calc(100% + var(--hx-space-1, 0.25rem));\n    left: 0;\n    z-index: var(--hx-z-index-dropdown, 1000);\n    min-width: var(--hx-date-picker-calendar-min-width, 18rem);\n    background-color: var(--hx-date-picker-calendar-bg, var(--hx-color-surface-default, #ffffff));\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-date-picker-calendar-border-color, var(--hx-color-border-default, #d6dbd5));\n    border-radius: var(--hx-date-picker-calendar-border-radius, var(--hx-border-radius-lg, 0.5rem));\n    box-shadow: var(\n      --hx-date-picker-calendar-shadow,\n      var(--hx-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1))\n    );\n    padding: var(--hx-space-3, 0.75rem);\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .calendar {\n      animation: calendar-appear var(--hx-transition-fast, 150ms ease) forwards;\n    }\n  }\n\n  @keyframes calendar-appear {\n    0% {\n      opacity: 0;\n      transform: translateY(-0.25rem);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  /* ============================================================\n     Calendar navigation\n     ============================================================ */\n\n  .calendar__nav {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--hx-space-3, 0.75rem);\n  }\n\n  :is(.calendar__nav-btn, .calendar__day, .calendar__day-cell, .calendar__weekday) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  :is(.calendar__nav-btn, .calendar__day) {\n    width: var(--hx-touch-target-min, 2.75rem);\n    height: var(--hx-touch-target-min, 2.75rem);\n    border: none;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    background: transparent;\n    cursor: pointer;\n    outline: none;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      color var(--hx-transition-fast, 150ms ease);\n  }\n\n  .calendar__nav-btn {\n    color: var(--hx-color-text-secondary, #313e4b);\n    font-size: var(--hx-font-size-lg, 1.125rem);\n    line-height: 1;\n  }\n\n  .calendar__nav-btn:hover {\n    background-color: var(--hx-date-picker-day-hover-bg, var(--hx-color-surface-sunken, #ebeee9));\n    color: var(--hx-color-text-primary, #0d1825);\n  }\n\n  :is(.calendar__nav-btn, .calendar__day):focus-visible {\n    box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)\n      var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    z-index: 1;\n  }\n\n  .calendar__nav-btn:disabled {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .calendar__month-label {\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-color-text-strong, #202b39);\n    flex: 1;\n    text-align: center;\n  }\n\n  /* ============================================================\n     Calendar grid\n     ============================================================ */\n\n  .calendar__grid {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n  }\n\n  .calendar__row {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: var(--hx-space-1, 0.25rem);\n  }\n\n  .calendar__weekday {\n    height: var(--hx-size-8, 2rem);\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-color-text-muted, #4a5362);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ============================================================\n     Calendar day cells\n     ============================================================ */\n\n  .calendar__day {\n    color: var(--hx-color-text-strong, #202b39);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    font-family: inherit;\n    position: relative;\n  }\n\n  .calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected) {\n    background-color: var(--hx-date-picker-day-hover-bg, var(--hx-color-surface-sunken, #ebeee9));\n    color: var(--hx-color-text-primary, #0d1825);\n  }\n\n  .calendar__day--selected {\n    background-color: var(--hx-date-picker-selected-bg, var(--hx-color-primary-500, #429797));\n    color: var(--hx-date-picker-selected-color, var(--hx-color-text-on-primary, #ffffff));\n    font-weight: var(--hx-font-weight-semibold, 600);\n  }\n\n  .calendar__day--selected:hover {\n    background-color: var(--hx-date-picker-selected-hover-bg, var(--hx-color-primary-600, #0f7078));\n  }\n\n  .calendar__day--today:not(.calendar__day--selected) {\n    font-weight: var(--hx-font-weight-bold, 700);\n    color: var(--hx-date-picker-today-color, var(--hx-color-primary-600, #0f7078));\n  }\n\n  .calendar__day--today:not(.calendar__day--selected)::after {\n    content: '';\n    position: absolute;\n    bottom: 0.2rem;\n    left: 50%;\n    transform: translate(-50%);\n    width: 0.25rem;\n    height: 0.25rem;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  .calendar__day--disabled {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ============================================================\n     Live region (screen reader announcements)\n     ============================================================ */\n\n  .calendar__live-region {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ============================================================\n     Help text and error message\n     ============================================================ */\n\n  .field__help-text,\n  .field__error {\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    line-height: var(--hx-line-height-normal, 1.5);\n  }\n\n  .field__help-text {\n    color: var(--hx-color-text-muted, #4a5362);\n  }\n\n  .field__error {\n    color: var(--hx-date-picker-error-color, var(--hx-color-error-text, #c92a2a));\n  }\n\n  /* ============================================================\n     Reduced motion\n     ============================================================ */\n\n  @media (prefers-reduced-motion: reduce) {\n    .field__input-wrapper,\n    .field__trigger,\n    .calendar__nav-btn,\n    .calendar__day {\n      transition: none;\n    }\n  }\n\n  /* ============================================================\n     Forced colors (Windows High Contrast)\n     ============================================================ */\n\n  @media (forced-colors: active) {\n    .field__input-wrapper {\n      border: 1px solid ButtonText;\n    }\n\n    .field__input-wrapper:focus-within {\n      outline: 2px solid Highlight;\n      outline-offset: 1px;\n      box-shadow: none;\n    }\n\n    :is(.calendar__day:focus-visible, .calendar__nav-btn:focus-visible) {\n      outline: 2px solid Highlight;\n      box-shadow: none;\n    }\n\n    .calendar__day--selected {\n      background-color: Highlight;\n      color: HighlightText;\n      border: 1px solid Highlight;\n    }\n\n    .calendar__day--today:not(.calendar__day--selected) {\n      border: 2px solid LinkText;\n    }\n\n    .calendar__day--today:not(.calendar__day--selected)::after {\n      display: none;\n    }\n\n    .calendar__day--disabled {\n      color: GrayText;\n    }\n\n    .field--error .field__input-wrapper {\n      border-color: LinkText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { FormMixin } from '../../mixins/FormMixin.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { helixDatePickerStyles } from './hx-date-picker.styles.js';\nimport { forcedColorsField } from '../../styles/forced-colors.js';\n\n// PERF: hx-date-picker exceeds 5KB budget (7.98kb gzipped) -- calendar grid, date parsing, keyboard navigation, localization\n\nconst _nextDatePickerId = createIdCounter('hx-date-picker');\n\n/** Detail for the hx-change event dispatched by hx-date-picker. */\nexport interface HxDatePickerChangeDetail {\n  value: string;\n  date: Date | null;\n}\n\n/**\n * Date picker component for selecting dates with keyboard-accessible calendar popup.\n *\n * @summary Form-associated date picker with calendar popup and WCAG 2.1 AA accessibility.\n *\n * @tag hx-date-picker\n *\n * @slot label - Custom label content (overrides the label property).\n * @slot help-text - Custom help text content (overrides the helpText property).\n * @slot error - Custom error content (overrides the error property).\n *\n * @fires {CustomEvent<{value: string, date: Date | null}>} hx-change - Emitted when the selected date changes.\n *\n * @csspart field - The outer field container.\n * @csspart label - The label element.\n * @csspart input-wrapper - The wrapper around input and trigger.\n * @csspart input - The readonly text input displaying the formatted date.\n * @csspart trigger - The calendar icon button.\n * @csspart calendar - The calendar popup dialog.\n * @csspart month-nav - The month navigation header.\n * @csspart day - An individual day button in the calendar grid.\n * @csspart help-text - The help text container.\n * @csspart error - The error message container.\n *\n * @cssprop [--hx-date-picker-bg=var(--hx-color-neutral-0)] - Input background color.\n * @cssprop [--hx-date-picker-color=var(--hx-color-neutral-800)] - Input text color.\n * @cssprop [--hx-date-picker-border-color=var(--hx-color-neutral-300)] - Border color.\n * @cssprop [--hx-date-picker-border-radius=var(--hx-border-radius-md)] - Border radius.\n * @cssprop [--hx-date-picker-font-family=var(--hx-font-family-sans)] - Font family.\n * @cssprop [--hx-date-picker-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.\n * @cssprop [--hx-date-picker-error-color=var(--hx-color-error-500)] - Error state color.\n * @cssprop [--hx-date-picker-label-color=var(--hx-color-neutral-700)] - Label text color.\n * @cssprop [--hx-date-picker-trigger-color=var(--hx-color-neutral-500)] - Trigger icon color.\n * @cssprop [--hx-date-picker-calendar-bg=var(--hx-color-neutral-0)] - Calendar background color.\n * @cssprop [--hx-date-picker-calendar-border-color=var(--hx-color-neutral-200)] - Calendar border color.\n * @cssprop [--hx-date-picker-calendar-min-width=18rem] - Calendar minimum width.\n * @cssprop [--hx-date-picker-selected-bg=var(--hx-color-primary-500)] - Selected day background.\n * @cssprop [--hx-date-picker-selected-color=var(--hx-color-neutral-0)] - Selected day text color.\n * @cssprop [--hx-date-picker-today-color=var(--hx-color-primary-600)] - Today indicator color.\n * @cssprop [--hx-date-picker-calendar-shadow=0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)] - Calendar popup box shadow.\n * @cssprop [--hx-date-picker-calendar-border-radius=var(--hx-border-radius-lg)] - Border radius.\n * @cssprop [--hx-date-picker-selected-hover-bg=var(--hx-color-primary-600)] - Background color.\n * @cssprop [--hx-date-picker-trigger-hover-color=var(--hx-color-neutral-700)] - Color.\n * @cssprop [--hx-border-radius-lg] - CSS custom property.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-border-radius-sm] - CSS custom property.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-color-error-500] - Color.\n * @cssprop [--hx-color-error-text] - Color.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-color-neutral-100] - Color.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-color-neutral-300] - Color.\n * @cssprop [--hx-color-neutral-400] - Color.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-color-neutral-600] - Color.\n * @cssprop [--hx-color-neutral-700] - Color.\n * @cssprop [--hx-color-neutral-800] - Color.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-color-primary-400] - Color.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-color-primary-600] - Color.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-focus-ring-opacity] - CSS custom property.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-font-size-lg] - Font size.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-font-size-xs] - Font size.\n * @cssprop [--hx-font-weight-bold] - Font weight.\n * @cssprop [--hx-font-weight-medium] - Font weight.\n * @cssprop [--hx-font-weight-semibold] - Font weight.\n * @cssprop [--hx-line-height-normal] - Line height.\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-shadow-md] - Box shadow.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-touch-target-min] - Minimum touch target size.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @cssprop [--hx-z-index-dropdown] - Z-index layer.\n */\n@customElement('hx-date-picker')\nexport class HelixDatePicker extends FormMixin(HelixElement) {\n  static override styles = [helixDatePickerStyles, forcedColorsField];\n\n  // ─── Form Association ───\n\n  /**\n   * Marks this component as form-associated for native form participation.\n   * @internal\n   */\n  static override formAssociated = true;\n\n  // ─── Properties ───\n\n  /**\n   * The name of the field, used for form submission.\n   * @attr name\n   */\n  @property({ type: String, reflect: true })\n  name = '';\n\n  /**\n   * The current value as an ISO 8601 date string (e.g. 2026-03-04).\n   * @attr value\n   */\n  @property({ type: String })\n  value = '';\n\n  /**\n   * The minimum selectable date as an ISO 8601 string.\n   * @attr min\n   */\n  @property({ type: String })\n  min = '';\n\n  /**\n   * The maximum selectable date as an ISO 8601 string.\n   * @attr max\n   */\n  @property({ type: String })\n  max = '';\n\n  /**\n   * The visible label text.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Whether the field is required for form submission.\n   * @attr required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Whether the field is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Error message to display. When set, the field enters an error state.\n   * @attr error\n   */\n  @property({ type: String })\n  error = '';\n\n  /**\n   * Help text displayed below the field for guidance.\n   * @attr help-text\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText = '';\n\n  /**\n   * Display format hint shown as placeholder (e.g. MM/DD/YYYY).\n   * @attr format\n   */\n  @property({ type: String })\n  format = 'MM/DD/YYYY';\n\n  /**\n   * Locale string used for formatting the display value.\n   * @attr locale\n   */\n  @property({ type: String })\n  locale = 'en-US';\n\n  /**\n   * Validation message shown when the field is required but empty.\n   * @attr required-message\n   */\n  @property({ type: String, attribute: 'required-message' })\n  requiredMessage = 'This field is required.';\n\n  /**\n   * Accessible label for the calendar dialog.\n   * @attr choose-date-label\n   */\n  @property({ type: String, attribute: 'choose-date-label' })\n  chooseDateLabel = 'Choose a date';\n\n  /**\n   * Accessible label for the calendar trigger button when the calendar is closed.\n   * @attr open-calendar-label\n   */\n  @property({ type: String, attribute: 'open-calendar-label' })\n  openCalendarLabel = 'Open calendar';\n\n  /**\n   * Accessible label for the calendar trigger button when the calendar is open.\n   * @attr close-calendar-label\n   */\n  @property({ type: String, attribute: 'close-calendar-label' })\n  closeCalendarLabel = 'Close calendar';\n\n  /**\n   * Accessible label for the previous month navigation button.\n   * @attr previous-month-label\n   */\n  @property({ type: String, attribute: 'previous-month-label' })\n  previousMonthLabel = 'Previous month';\n\n  /**\n   * Accessible label for the next month navigation button.\n   * @attr next-month-label\n   */\n  @property({ type: String, attribute: 'next-month-label' })\n  nextMonthLabel = 'Next month';\n\n  // ─── Internal State ───\n\n  /**\n   * Tracks whether the calendar popup is currently visible.\n   * @internal\n   */\n  @state() private _isOpen = false;\n  /**\n   * The year currently displayed in the calendar view.\n   * @internal\n   */\n  @state() private _viewYear: number = new Date().getFullYear();\n  /**\n   * The month (0-indexed) currently displayed in the calendar view.\n   * @internal\n   */\n  @state() private _viewMonth: number = new Date().getMonth();\n  /**\n   * The day number currently focused within the calendar grid, or null when the calendar is closed.\n   * @internal\n   */\n  @state() private _focusedDay: number | null = null;\n  /**\n   * The message announced to screen readers when the calendar month changes.\n   * @internal\n   */\n  @state() private _liveMessage = '';\n\n  /**\n   * Cached calendar day grid for the current view month/year.\n   * Recomputed in willUpdate() only when _viewMonth or _viewYear changes.\n   * @internal\n   */\n  private _dayGrid: (Date | null)[] = [];\n\n  /**\n   * Cached aria-label strings for each date in the current grid, keyed by ISO date string.\n   * Recomputed in willUpdate() alongside _dayGrid.\n   * @internal\n   */\n  private _dayAriaLabels: Map<string, string> = new Map();\n\n  // ─── Memoized formatters ───\n\n  /**\n   * Cached Intl.DateTimeFormat for weekday-short labels; keyed on locale.\n   * Recreated only when locale changes.\n   * @internal\n   */\n  private _weekdayFormatter: Intl.DateTimeFormat | null = null;\n  /**\n   * Cached Intl.DateTimeFormat for month-long labels; keyed on locale.\n   * Recreated only when locale changes.\n   * @internal\n   */\n  private _monthFormatter: Intl.DateTimeFormat | null = null;\n  /**\n   * Locale used when the cached formatters were last built.\n   * @internal\n   */\n  private _formatterLocale = '';\n  /**\n   * Cached array of 7 weekday header strings.\n   * Depends only on locale — recomputed lazily when locale changes.\n   * @internal\n   */\n  private _cachedWeekdayNames: string[] | null = null;\n\n  // ─── Internal References ───\n\n  /**\n   * Reference to the readonly text input element displaying the formatted date.\n   * @internal\n   */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  /**\n   * Reference to the calendar icon button that opens and closes the popup.\n   * @internal\n   */\n  @query('.field__trigger')\n  private _trigger: HTMLButtonElement | undefined;\n\n  /**\n   * Reference to the calendar popup dialog element.\n   * @internal\n   */\n  @query('.calendar')\n  private _calendar: HTMLDialogElement | undefined;\n\n  // ─── Unique IDs ───\n\n  /**\n   * Unique base ID for this component instance, used to generate all child element IDs.\n   * @internal\n   */\n  private _id = _nextDatePickerId();\n  /**\n   * Unique ID for the text input element, used for label association.\n   * @internal\n   */\n  private _inputId = `${this._id}-input`;\n  /**\n   * Unique ID for the help text element, used for aria-describedby association.\n   * @internal\n   */\n  private _helpTextId = `${this._id}-help`;\n  /**\n   * Unique ID for the error message element, used for aria-describedby association.\n   * @internal\n   */\n  private _errorId = `${this._id}-error`;\n  /**\n   * Unique ID for the calendar popup dialog element, used for aria-controls association.\n   * @internal\n   */\n  private _calendarId = `${this._id}-calendar`;\n  /**\n   * Unique ID for the ARIA live region element that announces month navigation changes.\n   * @internal\n   */\n  private _liveRegionId = `${this._id}-live`;\n\n  // ─── Slot Tracking ───\n\n  /**\n   * Whether the label slot has any assigned elements, used to switch between slotted and property-based label rendering.\n   * @internal\n   */\n  @state() private _hasLabelSlot = false;\n  /**\n   * Whether the error slot has any assigned elements, used to switch between slotted and property-based error rendering.\n   * @internal\n   */\n  @state() private _hasErrorSlot = false;\n\n  /** @internal */\n  private _handleLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasLabelSlot = slot.assignedElements().length > 0;\n    if (this._hasLabelSlot) {\n      const slottedLabel = slot.assignedElements()[0];\n      if (slottedLabel && !slottedLabel.id) {\n        slottedLabel.id = `${this._inputId}-slotted-label`;\n      }\n    }\n  }\n\n  /** @internal */\n  private _handleErrorSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasErrorSlot = slot.assignedElements().length > 0;\n  }\n\n  // ─── Lifecycle ───\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleDocumentClick, true);\n  }\n\n  override willUpdate(changedProperties: PropertyValues<this>): void {\n    super.willUpdate(changedProperties);\n\n    // Sync form state before render so the browser form participation is\n    // always up-to-date without causing an extra render cycle.\n    if (changedProperties.has('value')) {\n      this._internals.setFormValue(this.value);\n    }\n\n    // Recompute the day grid and aria-labels only when the viewed month/year\n    // or locale changes — not on every render.\n    const gridChanged =\n      (changedProperties as Map<PropertyKey, unknown>).has('_viewMonth') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_viewYear') ||\n      changedProperties.has('locale') ||\n      this._dayGrid.length === 0;\n\n    if (gridChanged) {\n      this._dayGrid = this._getDaysInGrid();\n      this._dayAriaLabels = new Map(\n        this._dayGrid\n          .filter((d): d is Date => d !== null)\n          .map((d) => [\n            this._toISO(d),\n            d.toLocaleDateString(this.locale, {\n              weekday: 'long',\n              year: 'numeric',\n              month: 'long',\n              day: 'numeric',\n            }),\n          ]),\n      );\n    }\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n\n    // FormMixin calls _updateValidity() automatically after updated().\n    // Force screen reader re-announcement when error text changes (a11y-v3-005)\n    if (changedProperties.has('error') && this.error) {\n      const errorEl = this.shadowRoot?.querySelector('[role=\"alert\"]');\n      if (errorEl) {\n        const msg = this.error;\n        requestAnimationFrame(() => {\n          errorEl.textContent = '';\n          requestAnimationFrame(() => {\n            errorEl.textContent = msg;\n          });\n        });\n      }\n    }\n\n    if ((changedProperties as Map<PropertyKey, unknown>).has('_isOpen')) {\n      if (this._isOpen) {\n        // Sync view to the currently selected date when opening.\n        const selected = this._parseISODate(this.value);\n        if (selected) {\n          this._viewYear = selected.getFullYear();\n          this._viewMonth = selected.getMonth();\n        }\n        void this.updateComplete.then(() => {\n          this._calendar?.show();\n          this._focusActiveDay();\n          document.addEventListener('click', this._handleDocumentClick, true);\n        });\n      } else {\n        this._calendar?.close();\n        this._focusedDay = null;\n        document.removeEventListener('click', this._handleDocumentClick, true);\n      }\n    }\n\n    if (\n      (changedProperties as Map<PropertyKey, unknown>).has('_viewMonth') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_viewYear')\n    ) {\n      if (this._isOpen) {\n        const monthName = this._getMonthName(this._viewMonth);\n        this._liveMessage = `${monthName} ${this._viewYear}`;\n        void this.updateComplete.then(() => {\n          this._focusActiveDay();\n        });\n      }\n    }\n  }\n\n  private readonly _handleDocumentClick = (e: MouseEvent): void => {\n    if (!this._isOpen) return;\n    const path = e.composedPath();\n    if (!path.includes(this)) {\n      this._closeCalendar();\n    }\n  };\n\n  // ─── Form Integration ───\n\n  /** @internal */\n  override _updateValidity(): void {\n    if (this.required && !this.value) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || this.requiredMessage,\n        this._input,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  /** @internal */\n  protected override _onFormReset(): void {\n    this.value = '';\n    this._internals.setFormValue(null);\n    this._isOpen = false;\n    this._resetInteractionState();\n  }\n\n  /** @internal */\n  protected override _onFormStateRestore(\n    state: File | string | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {\n    if (typeof state === 'string') {\n      this.value = state;\n    }\n  }\n\n  /** @internal */\n  protected override _onFormDisabled(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  // ─── Public Methods ───\n\n  override focus(options?: FocusOptions): void {\n    this._trigger?.focus(options);\n  }\n\n  // ─── Date Utilities ───\n\n  /** @internal */\n  private _parseISODate(iso: string): Date | null {\n    if (!iso) return null;\n    const d = new Date(iso + 'T00:00:00');\n    return isNaN(d.getTime()) ? null : d;\n  }\n\n  /** @internal */\n  private _toISO(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  /** @internal */\n  private _formatForDisplay(iso: string): string {\n    const date = this._parseISODate(iso);\n    if (!date) return '';\n    return date.toLocaleDateString(this.locale, {\n      year: 'numeric',\n      month: '2-digit',\n      day: '2-digit',\n    });\n  }\n\n  /** @internal */\n  private _isDateDisabled(date: Date): boolean {\n    const iso = this._toISO(date);\n    if (this.min && iso < this.min) return true;\n    if (this.max && iso > this.max) return true;\n    return false;\n  }\n\n  /** @internal */\n  private _isSameDay(a: Date, b: Date): boolean {\n    return (\n      a.getFullYear() === b.getFullYear() &&\n      a.getMonth() === b.getMonth() &&\n      a.getDate() === b.getDate()\n    );\n  }\n\n  /** @internal */\n  private _isToday(date: Date): boolean {\n    return this._isSameDay(date, new Date());\n  }\n\n  /**\n   * Ensure memoized Intl.DateTimeFormat instances exist and match the current locale.\n   * Rebuilds only when locale changes; also clears the cached weekday names.\n   * @internal\n   */\n  private _ensureFormatters(): void {\n    if (this._formatterLocale === this.locale && this._weekdayFormatter && this._monthFormatter) {\n      return;\n    }\n    this._weekdayFormatter = new Intl.DateTimeFormat(this.locale, { weekday: 'short' });\n    this._monthFormatter = new Intl.DateTimeFormat(this.locale, { month: 'long' });\n    this._formatterLocale = this.locale;\n    this._cachedWeekdayNames = null;\n  }\n\n  /** @internal */\n  private _getMonthName(month: number): string {\n    this._ensureFormatters();\n    // _monthFormatter is guaranteed non-null after _ensureFormatters()\n    const fmt = this._monthFormatter ?? new Intl.DateTimeFormat(this.locale, { month: 'long' });\n    return fmt.format(new Date(2000, month, 1));\n  }\n\n  /** @internal */\n  private _getDayName(dayIndex: number): string {\n    // dayIndex: 0=Sun, 1=Mon, ...\n    this._ensureFormatters();\n    // _weekdayFormatter is guaranteed non-null after _ensureFormatters()\n    const fmt =\n      this._weekdayFormatter ?? new Intl.DateTimeFormat(this.locale, { weekday: 'short' });\n    return fmt.format(new Date(2000, 0, 2 + dayIndex));\n  }\n\n  /**\n   * Returns the 7 cached weekday header strings for the current locale.\n   * Computed once per locale and reused across all renders.\n   * @internal\n   */\n  private _getWeekdayNames(): string[] {\n    this._ensureFormatters();\n    if (!this._cachedWeekdayNames) {\n      this._cachedWeekdayNames = Array.from({ length: 7 }, (_, i) => this._getDayName(i));\n    }\n    return this._cachedWeekdayNames;\n  }\n\n  // ─── Calendar Grid ───\n\n  /**\n   * Returns an array of Date objects (or null for padding cells) representing\n   * the 6-week grid for the current view month.\n   */\n  /** @internal */\n  private _getDaysInGrid(): (Date | null)[] {\n    const firstOfMonth = new Date(this._viewYear, this._viewMonth, 1);\n    const leadingBlanks = firstOfMonth.getDay(); // 0=Sun\n    const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n\n    const cells: (Date | null)[] = [];\n\n    // Leading blank cells for days before the 1st\n    for (let i = 0; i < leadingBlanks; i++) {\n      cells.push(null);\n    }\n\n    // Days of current month\n    for (let d = 1; d <= daysInMonth; d++) {\n      cells.push(new Date(this._viewYear, this._viewMonth, d));\n    }\n\n    // Trailing blank cells to complete a full 7-column row\n    const remainder = cells.length % 7;\n    if (remainder !== 0) {\n      for (let i = 0; i < 7 - remainder; i++) {\n        cells.push(null);\n      }\n    }\n\n    return cells;\n  }\n\n  // ─── Calendar Open/Close ───\n\n  /** @internal */\n  private _openCalendar(): void {\n    if (this.disabled) return;\n    this._isOpen = true;\n  }\n\n  /** @internal */\n  private _closeCalendar(): void {\n    this._isOpen = false;\n    // Return focus to trigger after calendar closes.\n    void this.updateComplete.then(() => {\n      this._trigger?.focus();\n    });\n  }\n\n  /** @internal */\n  private _toggleCalendar(): void {\n    if (this._isOpen) {\n      this._closeCalendar();\n    } else {\n      this._openCalendar();\n    }\n  }\n\n  // ─── Focus Management ───\n\n  /** @internal */\n  private _focusActiveDay(): void {\n    if (!this._calendar) return;\n\n    const selectedISO = this.value;\n    const selected = this._parseISODate(selectedISO);\n\n    // Try to focus: selected day > today (if in view) > first enabled day\n    let targetDay: number | null = null;\n\n    if (\n      selected &&\n      selected.getFullYear() === this._viewYear &&\n      selected.getMonth() === this._viewMonth\n    ) {\n      targetDay = selected.getDate();\n    } else {\n      const today = new Date();\n      if (today.getFullYear() === this._viewYear && today.getMonth() === this._viewMonth) {\n        const todayDate = new Date(this._viewYear, this._viewMonth, today.getDate());\n        if (!this._isDateDisabled(todayDate)) {\n          targetDay = today.getDate();\n        }\n      }\n    }\n\n    if (targetDay === null) {\n      // Find first enabled day in the month\n      const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n      for (let d = 1; d <= daysInMonth; d++) {\n        const date = new Date(this._viewYear, this._viewMonth, d);\n        if (!this._isDateDisabled(date)) {\n          targetDay = d;\n          break;\n        }\n      }\n    }\n\n    if (targetDay !== null) {\n      this._focusedDay = targetDay;\n      void this.updateComplete.then(() => {\n        const btn = this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${targetDay}\"]`);\n        btn?.focus();\n      });\n    }\n  }\n\n  // ─── Month Navigation ───\n\n  /** @internal */\n  private _prevMonth(): void {\n    if (this._viewMonth === 0) {\n      this._viewMonth = 11;\n      this._viewYear = this._viewYear - 1;\n    } else {\n      this._viewMonth = this._viewMonth - 1;\n    }\n  }\n\n  /** @internal */\n  private _nextMonth(): void {\n    if (this._viewMonth === 11) {\n      this._viewMonth = 0;\n      this._viewYear = this._viewYear + 1;\n    } else {\n      this._viewMonth = this._viewMonth + 1;\n    }\n  }\n\n  // ─── Day Selection ───\n\n  /** @internal */\n  private _selectDay(date: Date): void {\n    if (this._isDateDisabled(date)) return;\n\n    const iso = this._toISO(date);\n    this.value = iso;\n    this._internals.setFormValue(iso);\n    this._handleInteractionInput();\n    this._handleInteractionBlur();\n\n    this.dispatchEvent(\n      new CustomEvent<{ value: string; date: Date }>('hx-change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: iso, date },\n      }),\n    );\n\n    this._closeCalendar();\n  }\n\n  /**\n   * Delegated click handler for the calendar day grid.\n   * A single handler on the grid container replaces per-cell closures,\n   * eliminating 42 inline function allocations per render.\n   * @internal\n   */\n  private readonly _handleGridClick = (e: Event): void => {\n    const target = (e.target as Element).closest<HTMLElement>('[data-date]');\n    if (!target) return;\n    const iso = target.dataset['date'];\n    if (!iso) return;\n    const date = this._parseISODate(iso);\n    if (date) {\n      this._selectDay(date);\n    }\n  };\n\n  // ─── Calendar Keyboard Navigation ───\n\n  /** @internal */\n  private _handleCalendarKeydown(e: KeyboardEvent): void {\n    const { key } = e;\n\n    if (key === 'Tab') {\n      this._handleCalendarTab(e);\n      return;\n    }\n\n    // Handle Escape to call _closeCalendar() with focus-restore.\n    if (key === 'Escape') {\n      e.stopPropagation();\n      this._closeCalendar();\n      return;\n    }\n\n    if (\n      key !== 'ArrowLeft' &&\n      key !== 'ArrowRight' &&\n      key !== 'ArrowUp' &&\n      key !== 'ArrowDown' &&\n      key !== 'Enter' &&\n      key !== ' ' &&\n      key !== 'Home' &&\n      key !== 'End' &&\n      key !== 'PageUp' &&\n      key !== 'PageDown'\n    ) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const currentFocused = this._focusedDay ?? 1;\n    const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n\n    if (key === 'Enter' || key === ' ') {\n      const date = new Date(this._viewYear, this._viewMonth, currentFocused);\n      if (!this._isDateDisabled(date)) {\n        this._selectDay(date);\n      }\n      return;\n    }\n\n    if (key === 'PageUp') {\n      this._prevMonth();\n      return;\n    }\n\n    if (key === 'PageDown') {\n      this._nextMonth();\n      return;\n    }\n\n    if (key === 'Home') {\n      // Move to start of current week (Sunday)\n      const currentDate = new Date(this._viewYear, this._viewMonth, currentFocused);\n      const dayOfWeek = currentDate.getDay();\n      const newDay = currentFocused - dayOfWeek;\n      if (newDay >= 1) {\n        this._focusedDay = newDay;\n        void this.updateComplete.then(() => {\n          this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n        });\n      }\n      return;\n    }\n\n    if (key === 'End') {\n      // Move to end of current week (Saturday)\n      const currentDate = new Date(this._viewYear, this._viewMonth, currentFocused);\n      const dayOfWeek = currentDate.getDay();\n      const daysToSaturday = 6 - dayOfWeek;\n      const newDay = currentFocused + daysToSaturday;\n      if (newDay <= daysInMonth) {\n        this._focusedDay = newDay;\n        void this.updateComplete.then(() => {\n          this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n        });\n      }\n      return;\n    }\n\n    let newDay = currentFocused;\n\n    if (key === 'ArrowLeft') newDay = currentFocused - 1;\n    if (key === 'ArrowRight') newDay = currentFocused + 1;\n    if (key === 'ArrowUp') newDay = currentFocused - 7;\n    if (key === 'ArrowDown') newDay = currentFocused + 7;\n\n    if (newDay < 1) {\n      // Wrap to previous month\n      this._prevMonth();\n      const prevDaysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n      this._focusedDay = prevDaysInMonth + newDay;\n      void this.updateComplete.then(() => {\n        const day = this._focusedDay;\n        this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${day}\"]`)?.focus();\n      });\n      return;\n    }\n\n    if (newDay > daysInMonth) {\n      // Wrap to next month\n      const overflow = newDay - daysInMonth;\n      this._nextMonth();\n      this._focusedDay = overflow;\n      void this.updateComplete.then(() => {\n        const day = this._focusedDay;\n        this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${day}\"]`)?.focus();\n      });\n      return;\n    }\n\n    this._focusedDay = newDay;\n    void this.updateComplete.then(() => {\n      this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n    });\n  }\n\n  // ─── Navigation Boundary Checks ───\n\n  /** @internal */\n  private _isPrevMonthDisabled(): boolean {\n    if (!this.min) return false;\n    const firstOfCurrentView = new Date(this._viewYear, this._viewMonth, 1);\n    const minDate = this._parseISODate(this.min);\n    if (!minDate) return false;\n    return firstOfCurrentView <= minDate;\n  }\n\n  /** @internal */\n  private _isNextMonthDisabled(): boolean {\n    if (!this.max) return false;\n    const lastOfCurrentView = new Date(this._viewYear, this._viewMonth + 1, 0);\n    const maxDate = this._parseISODate(this.max);\n    if (!maxDate) return false;\n    return lastOfCurrentView >= maxDate;\n  }\n\n  // ─── Focus Trap ───\n\n  /** @internal */\n  private _handleCalendarTab(e: KeyboardEvent): void {\n    if (e.key !== 'Tab' || !this._isOpen) return;\n\n    const focusableEls = this._calendar?.querySelectorAll<HTMLElement>(\n      'button:not([disabled]), [tabindex=\"0\"]',\n    );\n    if (!focusableEls || focusableEls.length === 0) return;\n\n    const first = focusableEls[0];\n    const last = focusableEls[focusableEls.length - 1];\n\n    // In shadow DOM, document.activeElement returns the host element, not the\n    // focused inner element. Use shadowRoot.activeElement exclusively so the\n    // comparison is accurate and the trap cannot malfunction and strand users.\n    const shadowActive = this.shadowRoot?.activeElement;\n\n    if (e.shiftKey) {\n      if (shadowActive === first) {\n        e.preventDefault();\n        last?.focus();\n      }\n    } else {\n      if (shadowActive === last) {\n        e.preventDefault();\n        first?.focus();\n      }\n    }\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderWeekdayHeaders() {\n    // Use pre-cached weekday names (only locale-dependent, never changes within a session)\n    const names = this._getWeekdayNames();\n    const headers = names.map(\n      (name) =>\n        html`<div class=\"calendar__weekday\" role=\"columnheader\" aria-label=${name}>\n          ${name.slice(0, 2)}\n        </div>`,\n    );\n    return html`<div class=\"calendar__row\" role=\"row\">${headers}</div>`;\n  }\n\n  /** @internal */\n  private _renderDayGrid() {\n    // Use the memoized grid — recomputed in willUpdate() only on month/year/locale change.\n    const cells = this._dayGrid;\n    const selectedDate = this._parseISODate(this.value);\n    // Cache today once per render — avoids 42 new Date() allocations per keyboard navigation event.\n    const today = new Date();\n\n    const rows: ReturnType<typeof html>[] = [];\n\n    for (let rowStart = 0; rowStart < cells.length; rowStart += 7) {\n      const rowCells = cells.slice(rowStart, rowStart + 7).map((date) => {\n        if (date === null) {\n          return html`<div class=\"calendar__day-cell\" role=\"gridcell\" aria-hidden=\"true\"></div>`;\n        }\n\n        const isSelected = selectedDate ? this._isSameDay(date, selectedDate) : false;\n        const isToday = this._isSameDay(date, today);\n        const isDisabled = this._isDateDisabled(date);\n        const isFocused = this._focusedDay === date.getDate();\n        const dayNumber = date.getDate();\n        const iso = this._toISO(date);\n        // Read from the pre-computed aria-label map — no per-render toLocaleDateString calls.\n        const ariaLabel = this._dayAriaLabels.get(iso) ?? iso;\n\n        const dayClasses = {\n          calendar__day: true,\n          'calendar__day--selected': isSelected,\n          'calendar__day--today': isToday,\n          'calendar__day--disabled': isDisabled,\n        };\n\n        // data-date carries the ISO string so the delegated grid click handler\n        // (_handleGridClick) can identify the clicked day without any closure.\n        // role=\"gridcell\" belongs on the cell container (ARIA 1.2 grid ownership rules),\n        // not the inner <button>. aria-selected/aria-disabled/aria-current describe\n        // the cell state and live on the gridcell element.\n        return html`<div\n          class=\"calendar__day-cell\"\n          role=\"gridcell\"\n          aria-selected=${isSelected ? 'true' : 'false'}\n          aria-disabled=${isDisabled ? 'true' : nothing}\n          aria-current=${isToday ? 'date' : nothing}\n        >\n          <button\n            part=\"day\"\n            class=${classMap(dayClasses)}\n            type=\"button\"\n            data-day=${dayNumber}\n            data-date=${iso}\n            aria-label=${ariaLabel}\n            tabindex=${isFocused ? '0' : '-1'}\n            ?disabled=${isDisabled}\n          >\n            ${dayNumber}\n          </button>\n        </div>`;\n      });\n\n      rows.push(html`<div class=\"calendar__row\" role=\"row\">${rowCells}</div>`);\n    }\n\n    return rows;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const hasError = !!this.error || this._hasErrorSlot;\n    const displayValue = this._formatForDisplay(this.value);\n    const monthName = this._getMonthName(this._viewMonth);\n\n    const fieldClasses = {\n      field: true,\n      'field--error': hasError,\n      'field--disabled': this.disabled,\n      'field--required': this.required,\n    };\n\n    const describedBy =\n      [hasError ? this._errorId : null, this.helpText ? this._helpTextId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    return html`\n      <div part=\"field\" class=${classMap(fieldClasses)}>\n        <!-- Label -->\n        <div class=\"field__label-wrapper\">\n          <slot name=\"label\" @slotchange=${this._handleLabelSlotChange}>\n            ${this.label\n              ? html`\n                  <label part=\"label\" class=\"field__label\" for=${this._inputId}>\n                    ${this.label}\n                    ${this.required\n                      ? html`<span class=\"field__required-marker\" aria-hidden=\"true\">*</span>`\n                      : nothing}\n                  </label>\n                `\n              : nothing}\n          </slot>\n        </div>\n\n        <!-- Input + Trigger -->\n        <div part=\"input-wrapper\" class=\"field__input-wrapper\">\n          <input\n            part=\"input\"\n            class=\"field__input\"\n            id=${this._inputId}\n            type=\"text\"\n            readonly\n            .value=${displayValue}\n            placeholder=${ifDefined(this.format || undefined)}\n            ?disabled=${this.disabled}\n            aria-labelledby=${ifDefined(\n              this._hasLabelSlot ? `${this._inputId}-slotted-label` : undefined,\n            )}\n            aria-invalid=${hasError ? 'true' : nothing}\n            aria-describedby=${ifDefined(describedBy)}\n            aria-required=${this.required ? 'true' : nothing}\n            aria-haspopup=\"dialog\"\n            @click=${this._openCalendar}\n          />\n          <button\n            part=\"trigger\"\n            class=\"field__trigger\"\n            type=\"button\"\n            aria-label=${this._isOpen ? this.closeCalendarLabel : this.openCalendarLabel}\n            aria-haspopup=\"dialog\"\n            aria-expanded=${this._isOpen ? 'true' : 'false'}\n            aria-controls=${this._calendarId}\n            ?disabled=${this.disabled}\n            @click=${this._toggleCalendar}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\n            </svg>\n          </button>\n        </div>\n\n        <!-- Calendar Popup -->\n        <dialog\n          part=\"calendar\"\n          class=\"calendar\"\n          id=${this._calendarId}\n          aria-label=${this.chooseDateLabel}\n          @keydown=${this._handleCalendarKeydown}\n        >\n          <!-- Screen reader live region -->\n          <div\n            id=${this._liveRegionId}\n            class=\"calendar__live-region\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n          >\n            ${this._liveMessage}\n          </div>\n\n          <!-- Month Navigation -->\n          <div part=\"month-nav\" class=\"calendar__nav\">\n            <button\n              class=\"calendar__nav-btn\"\n              type=\"button\"\n              aria-label=${this.previousMonthLabel}\n              ?disabled=${this._isPrevMonthDisabled()}\n              @click=${this._prevMonth}\n            >\n              &#8249;\n            </button>\n            <span class=\"calendar__month-label\" aria-hidden=\"true\">\n              ${monthName} ${this._viewYear}\n            </span>\n            <button\n              class=\"calendar__nav-btn\"\n              type=\"button\"\n              aria-label=${this.nextMonthLabel}\n              ?disabled=${this._isNextMonthDisabled()}\n              @click=${this._nextMonth}\n            >\n              &#8250;\n            </button>\n          </div>\n\n          <!-- Day Grid -->\n          <!-- Single delegated click handler on the grid replaces per-cell closures. -->\n          <div\n            class=\"calendar__grid\"\n            role=\"grid\"\n            aria-label=\"${monthName} ${this._viewYear}\"\n            @click=${this._handleGridClick}\n          >\n            ${this._renderWeekdayHeaders()} ${this._renderDayGrid()}\n          </div>\n        </dialog>\n\n        <!-- Error -->\n        <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n          ${this.error\n            ? html`\n                <div part=\"error\" class=\"field__error\" id=${this._errorId} role=\"alert\">\n                  ${this.error}\n                </div>\n              `\n            : nothing}\n        </slot>\n\n        <!-- Help Text -->\n        ${this.helpText && !hasError\n          ? html`\n              <div part=\"help-text\" class=\"field__help-text\" id=${this._helpTextId}>\n                <slot name=\"help-text\">${this.helpText}</slot>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-date-picker': HelixDatePicker;\n  }\n}\n"],"names":["helixDatePickerStyles","css","_nextDatePickerId","createIdCounter","HelixDatePicker","FormMixin","HelixElement","e","target","iso","date","slot","slottedLabel","changedProperties","d","errorEl","_a","msg","selected","_b","monthName","state","_mode","disabled","options","y","m","a","b","month","dayIndex","_","i","leadingBlanks","daysInMonth","cells","remainder","selectedISO","targetDay","today","todayDate","btn","key","currentFocused","dayOfWeek","newDay","daysToSaturday","prevDaysInMonth","day","overflow","firstOfCurrentView","minDate","lastOfCurrentView","maxDate","focusableEls","first","last","shadowActive","headers","name","html","selectedDate","rows","rowStart","rowCells","isSelected","isToday","isDisabled","isFocused","dayNumber","ariaLabel","nothing","classMap","hasError","displayValue","fieldClasses","describedBy","ifDefined","forcedColorsField","__decorateClass","property","query","customElement"],"mappings":";;;;;;;;AAEO,MAAMA,IAAwBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}