@helixui/library 3.8.0 → 3.9.0-next.150

package/dist/shared/{hx-date-picker-0PtEav0K.js → hx-date-picker-CziP3Hm1.js}

@@ -2,8 +2,8 @@ import { css as z, html as m, nothing as D } from "lit";
 import { property as d, state as _, query as N, customElement as W } from "lit/decorators.js";
 import { F as G } from "./FormMixin-B8PXk5RQ.js";
 import { classMap as B } from "lit/directives/class-map.js";
-import { ifDefined as U } from "lit/directives/if-defined.js";
-import { b as V } from "./forced-colors-CTEDFRGa.js";
+import { ifDefined as V } from "lit/directives/if-defined.js";
+import { b as U } from "./forced-colors-CTEDFRGa.js";
 import { s as j, i as P, r as q } from "./aria-idref-DCuEaknC.js";
 import { f as k } from "./aria-flatten-DY6v2vah.js";
 import { H as K } from "./helix-element-BNEYeiys.js";
@@ -439,6 +439,11 @@ const J = z`
       border-color: LinkText;
     }
   }
+
+  /* hx-icon glyph sizing for the migrated calendar trigger SVG. */
+  .field__trigger-glyph {
+    --hx-icon-size: 16px;
+  }
 `;
 var Q = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, n = (t, e, r, a) => {
   for (var i = a > 1 ? void 0 : a ? Z(e, r) : e, s = t.length - 1, o; s >= 0; s--)
@@ -1160,7 +1165,7 @@ let l = class extends G(K) {
             type="text"
             readonly
             .value=${e}
-            placeholder=${U(this.format || void 0)}
+            placeholder=${V(this.format || void 0)}
             ?disabled=${this.disabled}
             aria-invalid=${this._invalid ? "true" : "false"}
             aria-required=${this.required ? "true" : "false"}
@@ -1179,24 +1184,12 @@ let l = class extends G(K) {
             ?disabled=${this.disabled}
             @click=${this._toggleCalendar}
           >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
+            <hx-icon
+              class="field__trigger-glyph"
+              library="helix"
+              name="calendar"
               aria-hidden="true"
-              focusable="false"
-            >
-              <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
-              <line x1="16" y1="2" x2="16" y2="6"></line>
-              <line x1="8" y1="2" x2="8" y2="6"></line>
-              <line x1="3" y1="10" x2="21" y2="10"></line>
-            </svg>
+            ></hx-icon>
           </button>
         </div>
 
@@ -1292,7 +1285,7 @@ let l = class extends G(K) {
     `;
   }
 };
-l.styles = [J, V];
+l.styles = [J, U];
 l.formAssociated = !0;
 l.__testSupportsIdrefRefsOverride = null;
 n([
@@ -1403,4 +1396,4 @@ l = n([
 export {
   l as H
 };
-//# sourceMappingURL=hx-date-picker-0PtEav0K.js.map
+//# sourceMappingURL=hx-date-picker-CziP3Hm1.js.map

package/dist/shared/hx-date-picker-CziP3Hm1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-date-picker-CziP3Hm1.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    /* WCAG 2.5.5 (Enhanced) AAA — primary input surface must meet 44×44. */\n    min-height: var(--hx-touch-target-min, 2.75rem);\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    /* WCAG 2.5.5 (Enhanced) AAA — calendar trigger must clear 44×44.\n       Without min-width the icon button collapses to ~41 px wide. */\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\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-action-primary-bg, #0f7078));\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(\n      --hx-date-picker-selected-hover-bg,\n      var(--hx-color-action-primary-bg-hover, #0f6363)\n    );\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  .field__sr-only {\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  /* hx-icon glyph sizing for the migrated calendar trigger SVG. */\n  .field__trigger-glyph {\n    --hx-icon-size: 16px;\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 '../hx-icon/hx-icon.js';\nimport { helixDatePickerStyles } from './hx-date-picker.styles.js';\nimport { forcedColorsField } from '../../styles/forced-colors.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  supportsIdrefElementReferences,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\nimport { flattenAccName } from '../../utils/aria-flatten.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 * @aaa-certified 2026-05-08\n * @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard\n * @aaa-audit src/components/hx-date-picker/AAA-AUDIT.md\n * @keyboard-contract dismiss=Escape; trap-focus=true\n * @aria-pattern dialog\n * @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n * @forced-colors-supported true\n * @stability stable\n * @since 3.7.0\n * @form-associated true\n * @theme-aware true\n * @brand-aware true\n * @drupal-sdc-eligible true\n * @react-wrapper-status complete\n * @figma-component-name hx-date-picker\n * @priority-tier P0\n * @phi-handles false\n * @clinical-context none\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  /**\n   * Test seam: when set to `true` or `false`, overrides the platform\n   * `supportsIdrefElementReferences` probe before `connectedCallback` seeds\n   * `_supportsIdrefRefs`. Production code MUST NOT touch this field. It is a\n   * `static` so the test stub cleanup is global and obvious.\n   * @internal\n   */\n  static __testSupportsIdrefRefsOverride: boolean | null = null;\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  /**\n   * Accessible name for screen readers, if different from the visible label.\n   * Uses `accessible-label` attribute instead of `aria-label` to avoid\n   * ARIAMixin shadowing on the host element. Highest-precedence naming source.\n   * @attr accessible-label\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  accessibleLabel: string | null = null;\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  /** @internal */\n  private _weekdayFormatter: Intl.DateTimeFormat | null = null;\n  /** @internal */\n  private _monthFormatter: Intl.DateTimeFormat | null = null;\n  /** @internal */\n  private _formatterLocale = '';\n  /** @internal */\n  private _cachedWeekdayNames: string[] | null = null;\n\n  // ─── Internal References ───\n\n  /** @internal */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  /** @internal */\n  @query('.field__trigger')\n  private _trigger: HTMLButtonElement | undefined;\n\n  /** @internal */\n  @query('.calendar')\n  private _calendar: HTMLDialogElement | undefined;\n\n  // ─── Unique IDs ───\n\n  /** @internal */\n  private _id = _nextDatePickerId();\n  /** @internal */\n  private _inputId = `${this._id}-input`;\n  /** @internal */\n  private _helpTextId = `${this._id}-help`;\n  /** @internal */\n  private _errorId = `${this._id}-error`;\n  /** @internal */\n  private _calendarId = `${this._id}-calendar`;\n  /** @internal */\n  private _liveRegionId = `${this._id}-live`;\n  /** @internal */\n  private _labelId = `${this._id}-label`;\n  /**\n   * Id of the synthesized in-shadow span that mirrors the consumer-resolved\n   * description text. Appended to the inner input's `aria-describedby` so AT\n   * picks the consumer description up through the standard described-by\n   * channel — `aria-description` is intentionally NOT written, because the\n   * W3C AccName algorithm ignores `aria-description` whenever\n   * `aria-describedby` is also present.\n   * @internal\n   */\n  private _consumerDescId = `${this._id}-consumer-desc`;\n\n  // ─── Slot Tracking (host-canonical naming) ───\n\n  /**\n   * Whether the label slot has any assigned elements with a useful name.\n   * Per AccName 1.2 §4.3.10, an empty/whitespace-only slot does NOT count.\n   * @internal\n   */\n  @state() private _hasLabelSlot = false;\n  /**\n   * Whether the error slot has any meaningful (non-empty, non-hidden) content.\n   * @internal\n   */\n  @state() private _hasErrorSlot = false;\n  /**\n   * Whether the help-text slot has any meaningful (non-empty, non-hidden) content.\n   * @internal\n   */\n  @state() private _hasHelpSlot = false;\n  /**\n   * Discriminated label source — drives precedence between slotted label,\n   * `label` property, and unnamed.\n   * @internal\n   */\n  @state() private _labelSource: 'string' | 'slot' | 'none' = 'none';\n  /**\n   * Flattened, trimmed text content from all label-slot nodes — used to drive\n   * the inner input's `aria-label` on the no-IDL-ref fallback path and to\n   * gate `_hasLabelSlot` per AccName 1.2.\n   * @internal\n   */\n  @state() private _labelSlotText = '';\n  /**\n   * Whether the platform supports IDL element references on `ElementInternals`.\n   * Drives the cross-shadow naming strategy for the inner `<input>`.\n   * @internal\n   */\n  @state() private _supportsIdrefRefs = true;\n  /**\n   * Cached invalidity flag derived from `internals.validity.valid`, the\n   * `error` property, and the slotted error content. Drives `aria-invalid`\n   * on the inner input.\n   * @internal\n   */\n  @state() private _invalid = false;\n  /**\n   * Deferred copy of `error` driven through reactive state so the persistent\n   * live region can re-announce on transitions without direct DOM mutation.\n   * @internal\n   */\n  @state() private _announcedError = '';\n\n  // ─── Host-canonical ARIA bookkeeping ───\n\n  /** Handle for the shared IDREF observer. @internal */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n  /** @internal */\n  private _helpSlotTextObserver: MutationObserver | null = null;\n  /** @internal */\n  private _errorSlotTextObserver: MutationObserver | null = null;\n  /** @internal */\n  private _hostDescribedByObserver: MutationObserver | null = null;\n  /** @internal */\n  private _consumerLabelledBy: string | null = null;\n  /** @internal */\n  private _consumerDescribedBy: string | null = null;\n  /**\n   * Direct references to ALL labellable elements projected into\n   * `<slot name=\"label\">`. Aggregating every assigned element preserves\n   * composed labels such as\n   * `<svg slot=\"label\" aria-hidden=\"true\">…</svg><span slot=\"label\">Date</span>`.\n   * @internal\n   */\n  private _slottedLabelEls: Element[] = [];\n  /** @internal */\n  private _labelSlotTextObserver: MutationObserver | null = null;\n  /** @internal */\n  private _externalRefsObserver: MutationObserver | null = null;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    // Honour the static test override so synthetic environments choose the\n    // path BEFORE connect runs.\n    const ctor = this.constructor as typeof HelixDatePicker;\n    this._supportsIdrefRefs =\n      ctor.__testSupportsIdrefRefsOverride !== null\n        ? ctor.__testSupportsIdrefRefsOverride\n        : supportsIdrefElementReferences(this._internals);\n\n    // Install the dedicated `aria-describedby` retraction observer BEFORE\n    // the seeded `_syncHostAriaSemantics()` call below.\n    this._hostDescribedByObserver = new MutationObserver((records) => {\n      let consumerCleared = false;\n      for (const record of records) {\n        if (record.attributeName !== 'aria-describedby') continue;\n        const oldValue = record.oldValue;\n        const newValue = this.getAttribute('aria-describedby');\n        if (oldValue !== null && newValue === null) {\n          this._consumerDescribedBy = null;\n          consumerCleared = true;\n        }\n      }\n      if (consumerCleared) {\n        this._syncHostAriaSemantics();\n      }\n    });\n    this._hostDescribedByObserver.observe(this, {\n      attributes: true,\n      attributeFilter: ['aria-describedby'],\n      attributeOldValue: true,\n    });\n\n    // Seed root-independent semantics from connect so the inner input\n    // resolves naming before first paint.\n    this._syncHostAriaSemantics();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncHostAriaSemantics();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleDocumentClick, true);\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n    this._helpSlotTextObserver?.disconnect();\n    this._helpSlotTextObserver = null;\n    this._errorSlotTextObserver?.disconnect();\n    this._errorSlotTextObserver = null;\n    this._labelSlotTextObserver?.disconnect();\n    this._labelSlotTextObserver = null;\n    this._hostDescribedByObserver?.disconnect();\n    this._hostDescribedByObserver = null;\n    this._externalRefsObserver?.disconnect();\n    this._externalRefsObserver = null;\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    // Seed `_announcedError` BEFORE render so the persistent live region\n    // renders with the error text in the SAME frame that the alert container\n    // appears. Covers first paint AND runtime transitions to a non-empty error.\n    if (changedProperties.has('error') || !this.hasUpdated) {\n      this._announcedError = this.error ?? '';\n    }\n\n    if (changedProperties.has('label')) {\n      this._refreshLabelSource();\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    // Host-elevated ARIA semantics — runs after every render so the inner\n    // input's announced name/description follow consumer-IDREF / slot /\n    // property changes within the same frame.\n    this._syncHostAriaSemantics();\n\n    // Drive re-announcement from reactive state on error→error transitions\n    // (rAF clear-and-re-set forces AT to re-read role=\"alert\" content).\n    if (changedProperties.has('error')) {\n      const previousError = changedProperties.get('error') as string | undefined;\n      if (previousError && this.error) {\n        this._announcedError = '';\n        requestAnimationFrame(() => {\n          this._announcedError = this.error;\n        });\n      } else {\n        this._announcedError = this.error;\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  override firstUpdated(changed: PropertyValues<this>): void {\n    super.firstUpdated(changed);\n    // `slotchange` fires as a microtask after the initial synchronous render.\n    // Without proactive seeding, the first `_syncHostAriaSemantics()` call\n    // (driven from `updated()`) observes stale empty slot state. Seed\n    // synchronously here so first paint announces the correct name/description.\n    this._seedSlotStateSync();\n    this._syncHostAriaSemantics();\n\n    // WCAG 4.1.2: warn when no accessible name is available.\n    if (\n      !this.label &&\n      !this.accessibleLabel &&\n      !this._hasLabelSlot &&\n      !this.getAttribute('aria-label') &&\n      !this.getAttribute('aria-labelledby')\n    ) {\n      devWarn(\n        'hx-date-picker',\n        'No accessible label provided. Set the `label` attribute, `accessible-label`, `aria-label`, `aria-labelledby`, or project a `<slot name=\"label\">` child. An unlabeled date picker violates WCAG 2.1 AA (4.1.2 Name, Role, Value).',\n      );\n    }\n  }\n\n  /**\n   * Synchronous slot-state seed. Mirrors the side effects of the three\n   * `_handle*SlotChange` handlers (label / help-text / error) but is driven by\n   * direct `slot.assignedNodes()` reads so we can populate state BEFORE the\n   * microtask `slotchange` events fire after the first render.\n   * @internal\n   */\n  private _seedSlotStateSync(): void {\n    const root = this.shadowRoot;\n    if (!root) return;\n    const labelSlot = root.querySelector<HTMLSlotElement>('slot[name=\"label\"]');\n    if (labelSlot) {\n      const state = this._readLabelSlotState(labelSlot);\n      this._hasLabelSlot = state.hasUsefulName;\n      this._slottedLabelEls = state.elements;\n      this._labelSlotText = state.text;\n      this._installLabelSlotTextObserver(state.elements);\n      this._refreshLabelSource();\n    }\n    const helpSlot = root.querySelector<HTMLSlotElement>('slot[name=\"help-text\"]');\n    if (helpSlot) {\n      this._hasHelpSlot = this._readHelpSlotStateSync(helpSlot);\n      this._installHelpSlotTextObserver(helpSlot);\n    }\n    const errorSlot = root.querySelector<HTMLSlotElement>('slot[name=\"error\"]');\n    if (errorSlot) {\n      this._hasErrorSlot = this._readErrorSlotStateSync(errorSlot);\n      this._installErrorSlotTextObserver(errorSlot);\n    }\n  }\n\n  /**\n   * Reads the label slot's assigned nodes and computes the discriminated\n   * naming state. An empty whitespace-only slot does NOT count as a useful\n   * name. Per AccName 1.2 §4.3.10, `aria-hidden=\"true\"` and `[hidden]`\n   * elements contribute zero to the accessible name.\n   * @internal\n   */\n  private _readLabelSlotState(slot: HTMLSlotElement): {\n    hasUsefulName: boolean;\n    elements: Element[];\n    text: string;\n  } {\n    // Use `assignedNodes()` WITHOUT `flatten: true` so we read only consumer-\n    // projected nodes — never the slot's fallback content (the rendered\n    // internal `<label>` element when `this.label` is set). Conflating\n    // fallback content with consumer slot content makes `_hasLabelSlot`\n    // truthy in the label-only case.\n    const nodes = slot.assignedNodes();\n    const elements: Element[] = [];\n    const fragments: string[] = [];\n    for (const node of nodes) {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node as Element;\n        elements.push(el);\n        if (el.getAttribute('aria-hidden') === 'true') continue;\n        const elText = flattenAccName(el);\n        if (elText) fragments.push(elText);\n      } else if (node.nodeType === Node.TEXT_NODE) {\n        const txt = (node.textContent ?? '').trim();\n        if (txt) fragments.push(txt);\n      }\n    }\n    const trimmedText = fragments.join(' ').replace(/\\s+/g, ' ').trim();\n    return {\n      hasUsefulName: trimmedText.length > 0,\n      elements,\n      text: trimmedText,\n    };\n  }\n\n  /**\n   * Re-evaluate the help-text slot's \"has meaningful content\" state from its\n   * current effective text. AccName-aware so descendants carrying\n   * `aria-hidden=\"true\"` or `hidden` do NOT count.\n   * @internal\n   */\n  private _readHelpSlotStateSync(slot: HTMLSlotElement): boolean {\n    const nodes = slot.assignedNodes({ flatten: true });\n    for (const node of nodes) {\n      if (node.nodeType === Node.TEXT_NODE) {\n        if ((node.textContent ?? '').trim().length > 0) return true;\n      } else if (node.nodeType === Node.ELEMENT_NODE) {\n        if (flattenAccName(node as Element).length > 0) return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Re-evaluate the error slot's \"has meaningful content\" state from its\n   * current effective text.\n   * @internal\n   */\n  private _readErrorSlotStateSync(slot: HTMLSlotElement): boolean {\n    const nodes = slot.assignedNodes({ flatten: true });\n    for (const node of nodes) {\n      if (node.nodeType === Node.TEXT_NODE) {\n        if ((node.textContent ?? '').trim().length > 0) return true;\n      } else if (node.nodeType === Node.ELEMENT_NODE) {\n        if (flattenAccName(node as Element).length > 0) return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Recomputes the discriminated label source. Slot takes precedence over\n   * the `label` property because the render path suppresses the internal\n   * `<label>` when slotted content is present.\n   * @internal\n   */\n  private _refreshLabelSource(): void {\n    if (this._hasLabelSlot) {\n      this._labelSource = 'slot';\n    } else if (this.label) {\n      this._labelSource = 'string';\n    } else {\n      this._labelSource = 'none';\n    }\n  }\n\n  /**\n   * (Re-)installs a `MutationObserver` against the deduped union of\n   * consumer-resolved label/description elements.\n   * @internal\n   */\n  private _installExternalRefsObserver(elements: Element[]): void {\n    if (this._externalRefsObserver) {\n      this._externalRefsObserver.disconnect();\n      this._externalRefsObserver = null;\n    }\n    if (elements.length === 0) return;\n    const unique = new Set<Element>(elements);\n    const observer = new MutationObserver(() => {\n      this._syncHostAriaSemantics();\n    });\n    for (const el of unique) {\n      observer.observe(el, {\n        characterData: true,\n        subtree: true,\n        childList: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    }\n    this._externalRefsObserver = observer;\n  }\n\n  /**\n   * Resolves consumer-supplied label/description IDREFs on the host and\n   * writes the canonical ARIA onto the **inner readonly `<input>`** for the\n   * W3C APG date-picker dialog pattern.\n   *\n   * The inner input is INTENTIONALLY NOT a `role=\"combobox\"` — it is a\n   * readonly text input with `aria-haspopup=\"dialog\"` per W3C APG date picker\n   * dialog. A separate trigger button owns `aria-expanded` /\n   * `aria-controls=${calendarId}` for the dialog. (Cross-shadow `aria-controls`\n   * referencing an in-shadow id is a documented limitation, mirrored from\n   * hx-popover and hx-dropdown.)\n   *\n   * Cross-shadow naming uses a belt-and-suspenders strategy:\n   *\n   *   1. **Modern path** (`_supportsIdrefRefs === true`): consumer-resolved\n   *      label/description elements are written onto\n   *      `internals.ariaLabelledByElements` / `ariaDescribedByElements` on\n   *      the host. Host-level `aria-labelledby` / `aria-describedby`\n   *      attributes are LEFT IN PLACE so AT walking up the DOM also sees them.\n   *      Resolved-element text is also flattened onto the inner input as\n   *      `aria-label` so AT that does NOT walk up still announces the right\n   *      name.\n   *\n   *   2. **Legacy fallback** (`_supportsIdrefRefs === false`): the resolved-\n   *      element text is flattened onto the inner input as `aria-label` and\n   *      mirrored into a synthesized in-shadow span pointed at by the inner\n   *      input's `aria-describedby`.\n   *\n   * Writing `aria-labelledby=\"<light-DOM id>\"` directly on the shadow-DOM\n   * inner input is INTENTIONALLY avoided: light-DOM ids do not resolve from\n   * inside a shadow root.\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n\n    const input = this._input;\n    if (!input) {\n      // Inner input not yet rendered; defer. Still derive `_invalid` so\n      // `aria-invalid` first-paint is correct once the input renders.\n      const isInvalidEarly = !internals.validity.valid || !!(this.error || this._hasErrorSlot);\n      if (this._invalid !== isInvalidEarly) this._invalid = isInvalidEarly;\n      return;\n    }\n\n    const liveAriaLabel = this.getAttribute('aria-label');\n    const hostAriaLabel = liveAriaLabel !== null ? liveAriaLabel.trim() || '' : '';\n\n    const internalLabel = this.shadowRoot?.getElementById(this._labelId) ?? null;\n    const slottedLabelEls = this._slottedLabelEls;\n    const helpEl = this.shadowRoot?.getElementById(this._helpTextId) ?? null;\n    const errorEl = this.shadowRoot?.getElementById(this._errorId) ?? null;\n\n    const liveLabelledBy = this.getAttribute('aria-labelledby');\n    this._consumerLabelledBy = liveLabelledBy;\n    const liveDescribedBy = this.getAttribute('aria-describedby');\n    this._consumerDescribedBy = liveDescribedBy;\n\n    const consumerLabelEls = resolveIdrefTokens(this, this._consumerLabelledBy);\n    const hasEffectiveLabelledBy = consumerLabelEls.length > 0;\n\n    const consumerDescEls = resolveIdrefTokens(this, this._consumerDescribedBy);\n\n    // Observe in-place text mutations on the resolved external IDREF targets.\n    this._installExternalRefsObserver([...consumerLabelEls, ...consumerDescEls]);\n\n    const hasError = !!(this.error || this._hasErrorSlot);\n\n    // `aria-invalid` reflects EVERY signal the consumer can use to express\n    // invalidity: `setValidity()` (required-empty), explicit `error` property,\n    // and slotted error content.\n    const isInvalid = !internals.validity.valid || hasError;\n    if (this._invalid !== isInvalid) this._invalid = isInvalid;\n\n    // `accessibleLabel` is the canonical AT name when explicitly set; it\n    // outranks visible label / aria-labelledby per the helix override.\n    const explicitAccessibleLabel =\n      typeof this.accessibleLabel === 'string' && this.accessibleLabel.trim().length > 0\n        ? this.accessibleLabel\n        : null;\n\n    // Top-level `aria-hidden=\"true\"` / `hidden` elements MUST NOT be forwarded\n    // to `internals.ariaLabelledByElements` / `ariaDescribedByElements`.\n    const isVisibleForAccName = (el: Element): boolean =>\n      el.getAttribute('aria-hidden') !== 'true' && !el.hasAttribute('hidden');\n\n    // Build the augmented element lists used by the modern (IDL-refs) path.\n    const labelElsForInternals: Element[] = [];\n    if (!explicitAccessibleLabel) {\n      labelElsForInternals.push(...consumerLabelEls.filter(isVisibleForAccName));\n      if (!hasEffectiveLabelledBy && !hostAriaLabel) {\n        if (this._labelSource === 'slot' && slottedLabelEls.length > 0) {\n          labelElsForInternals.push(...slottedLabelEls.filter(isVisibleForAccName));\n        } else if (this._labelSource === 'string' && internalLabel) {\n          labelElsForInternals.push(internalLabel);\n        }\n      }\n    }\n\n    const descElsForInternals: Element[] = [...consumerDescEls.filter(isVisibleForAccName)];\n    if (helpEl && !hasError && this._hasHelpSlot) {\n      descElsForInternals.push(helpEl);\n    }\n    if (errorEl && hasError) {\n      descElsForInternals.push(errorEl);\n    }\n\n    // ─── Modern-path: ElementInternals IDL element references ───\n    type InternalsWithIdrefRefs = ElementInternals & {\n      ariaLabelledByElements: Element[] | null;\n      ariaDescribedByElements: Element[] | null;\n    };\n    if (this._supportsIdrefRefs) {\n      const refsInternals = internals as InternalsWithIdrefRefs;\n      refsInternals.ariaLabelledByElements =\n        labelElsForInternals.length > 0 ? labelElsForInternals : null;\n      refsInternals.ariaDescribedByElements =\n        descElsForInternals.length > 0 ? descElsForInternals : null;\n      // Forward `accessibleLabel` to `internals.ariaLabel` when set; CLEAR\n      // with `null` (NOT `''`) when absent, because per W3C AccName an empty\n      // `aria-label` STILL outranks `aria-labelledby` and would erase the\n      // name resolved from element references / fallbacks.\n      if (explicitAccessibleLabel) {\n        internals.ariaLabel = explicitAccessibleLabel;\n      } else {\n        internals.ariaLabel = null;\n      }\n    }\n\n    // ─── Compute the inner input's accessible name (text-flatten path) ───\n    const flattenText = (els: Element[]): string =>\n      els\n        .filter(isVisibleForAccName)\n        .map((el) => flattenAccName(el))\n        .filter((t) => t.length > 0)\n        .join(' ');\n\n    let inputAriaLabel: string | null = null;\n    let inputAriaLabelledBy: string | null = null;\n\n    // Precedence (per AccName 1.2 §4.3.1 with helix override):\n    //   1. accessibleLabel (helix-specific override)\n    //   2. consumer aria-labelledby resolves → text-flatten\n    //   3. consumer aria-label on the host\n    //   4. slotted label → text content (NEVER cross-shadow id reference)\n    //   5. label property → internal `<label>` id (same shadow root)\n    //   6. else: unnamed\n    let labelledByFlat = '';\n    if (!explicitAccessibleLabel && hasEffectiveLabelledBy) {\n      labelledByFlat = flattenText(consumerLabelEls);\n    }\n    if (explicitAccessibleLabel) {\n      inputAriaLabel = explicitAccessibleLabel;\n    } else if (labelledByFlat) {\n      inputAriaLabel = labelledByFlat;\n    } else if (hostAriaLabel) {\n      inputAriaLabel = hostAriaLabel;\n    } else if (this._labelSource === 'slot') {\n      // Light-DOM ids do not resolve from inside a shadow root, so we MUST\n      // text-flatten on the legacy/fallback path.\n      if (this._labelSlotText) {\n        inputAriaLabel = this._labelSlotText;\n      } else if (slottedLabelEls.length > 0) {\n        const flat = flattenText(slottedLabelEls);\n        if (flat) inputAriaLabel = flat;\n      }\n    } else if (this._labelSource === 'string') {\n      if (internalLabel?.id) {\n        inputAriaLabelledBy = internalLabel.id;\n      } else if (this.label) {\n        inputAriaLabel = this.label;\n      }\n    }\n\n    if (inputAriaLabelledBy) {\n      if (input.getAttribute('aria-labelledby') !== inputAriaLabelledBy) {\n        input.setAttribute('aria-labelledby', inputAriaLabelledBy);\n      }\n      if (input.hasAttribute('aria-label')) input.removeAttribute('aria-label');\n    } else if (inputAriaLabel) {\n      if (input.getAttribute('aria-label') !== inputAriaLabel) {\n        input.setAttribute('aria-label', inputAriaLabel);\n      }\n      if (input.hasAttribute('aria-labelledby')) input.removeAttribute('aria-labelledby');\n    } else {\n      if (input.hasAttribute('aria-label')) input.removeAttribute('aria-label');\n      if (input.hasAttribute('aria-labelledby')) input.removeAttribute('aria-labelledby');\n    }\n\n    // ─── Write the inner input's aria-describedby chain ───\n    // Unify ALL descriptions through a single `aria-describedby` channel.\n    // The W3C AccName algorithm ignores `aria-description` whenever\n    // `aria-describedby` is also present, so consumer descriptions are\n    // mirrored into a synthesized in-shadow span and that same-root id is\n    // added to the chain.\n    const consumerDescSpan = this.shadowRoot?.getElementById(this._consumerDescId) ?? null;\n    const consumerDescText = flattenText(consumerDescEls);\n    if (consumerDescSpan && consumerDescSpan.textContent !== consumerDescText) {\n      consumerDescSpan.textContent = consumerDescText;\n    }\n\n    const describedByIds: string[] = [];\n    if (consumerDescText && consumerDescSpan) {\n      describedByIds.push(this._consumerDescId);\n    }\n    if (helpEl && !hasError && this._hasHelpSlot) {\n      describedByIds.push(this._helpTextId);\n    }\n    if (errorEl && hasError) {\n      describedByIds.push(this._errorId);\n    }\n    // The component's own helpText property renders an in-shadow help div;\n    // chain that id when no slotted help is present (it's the same id and\n    // the fallback content lives in the same div).\n    if (\n      !this._hasHelpSlot &&\n      this.helpText &&\n      !hasError &&\n      helpEl &&\n      !describedByIds.includes(this._helpTextId)\n    ) {\n      describedByIds.push(this._helpTextId);\n    }\n    if (describedByIds.length > 0) {\n      const value = describedByIds.join(' ');\n      if (input.getAttribute('aria-describedby') !== value) {\n        input.setAttribute('aria-describedby', value);\n      }\n    } else if (input.hasAttribute('aria-describedby')) {\n      input.removeAttribute('aria-describedby');\n    }\n\n    // Never write `aria-description` on the inner input — silently dropped by\n    // AccName whenever `aria-describedby` is also present. Strip defensively.\n    if (input.hasAttribute('aria-description')) {\n      input.removeAttribute('aria-description');\n    }\n  }\n\n  /**\n   * (Re-)installs the help-text slot text/visibility observer.\n   * @internal\n   */\n  private _installHelpSlotTextObserver(slot: HTMLSlotElement | null): void {\n    this._helpSlotTextObserver?.disconnect();\n    if (!slot) {\n      this._helpSlotTextObserver = null;\n      return;\n    }\n    const observer = new MutationObserver(() => {\n      this._hasHelpSlot = this._readHelpSlotStateSync(slot);\n      this._syncHostAriaSemantics();\n    });\n    slot.assignedNodes().forEach((node) => {\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        observer.observe(node, {\n          characterData: true,\n          childList: true,\n          subtree: true,\n        });\n        return;\n      }\n      observer.observe(node, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    });\n    this._helpSlotTextObserver = observer;\n  }\n\n  /**\n   * (Re-)installs the error slot text/visibility observer.\n   * @internal\n   */\n  private _installErrorSlotTextObserver(slot: HTMLSlotElement | null): void {\n    this._errorSlotTextObserver?.disconnect();\n    if (!slot) {\n      this._errorSlotTextObserver = null;\n      return;\n    }\n    const observer = new MutationObserver(() => {\n      this._hasErrorSlot = this._readErrorSlotStateSync(slot);\n      this._syncHostAriaSemantics();\n    });\n    slot.assignedNodes().forEach((node) => {\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        observer.observe(node, {\n          characterData: true,\n          childList: true,\n          subtree: true,\n        });\n        return;\n      }\n      observer.observe(node, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    });\n    this._errorSlotTextObserver = observer;\n  }\n\n  /**\n   * (Re-)installs the label slot text/visibility observer over the current\n   * set of slotted label elements.\n   * @internal\n   */\n  private _installLabelSlotTextObserver(elements: Element[]): void {\n    this._labelSlotTextObserver?.disconnect();\n    if (elements.length === 0) {\n      this._labelSlotTextObserver = null;\n      return;\n    }\n    const observer = new MutationObserver(() => {\n      const fragments: string[] = [];\n      for (const el of elements) {\n        if (el.getAttribute('aria-hidden') === 'true') continue;\n        const t = flattenAccName(el);\n        if (t) fragments.push(t);\n      }\n      const trimmed = fragments.join(' ').replace(/\\s+/g, ' ').trim();\n      this._labelSlotText = trimmed;\n      this._hasLabelSlot = trimmed.length > 0;\n      this._refreshLabelSource();\n      this._syncHostAriaSemantics();\n    });\n    for (const el of elements) {\n      observer.observe(el, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['aria-hidden', 'hidden'],\n      });\n    }\n    this._labelSlotTextObserver = observer;\n  }\n\n  // ─── Slot Change Handlers ───\n\n  /** @internal */\n  private _handleLabelSlotChange(e: Event): void {\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    const state = this._readLabelSlotState(e.target);\n    this._hasLabelSlot = state.hasUsefulName;\n    this._slottedLabelEls = state.elements;\n    this._labelSlotText = state.text;\n    // Preserve back-compat: if the first slotted label element lacks an id,\n    // assign a stable one — earlier callers relied on this for `for=…`-style\n    // associations.\n    if (state.elements.length > 0) {\n      const slottedLabel = state.elements[0];\n      if (slottedLabel && !slottedLabel.id) {\n        slottedLabel.id = `${this._inputId}-slotted-label`;\n      }\n    }\n    this._installLabelSlotTextObserver(state.elements);\n    this._refreshLabelSource();\n    this._syncHostAriaSemantics();\n  }\n\n  /** @internal */\n  private _handleErrorSlotChange(e: Event): void {\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    this._hasErrorSlot = this._readErrorSlotStateSync(e.target);\n    this._installErrorSlotTextObserver(e.target);\n    this._syncHostAriaSemantics();\n  }\n\n  /** @internal */\n  private _handleHelpSlotChange(e: Event): void {\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    this._hasHelpSlot = this._readHelpSlotStateSync(e.target);\n    this._installHelpSlotTextObserver(e.target);\n    this._syncHostAriaSemantics();\n  }\n\n  // ─── Document Click ───\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    // Re-sync ARIA after every setValidity() so `aria-invalid` reflects\n    // freshly computed validity.\n    this._syncHostAriaSemantics();\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  /** @internal */\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    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    this._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  /** @internal */\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  /** @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    for (let i = 0; i < leadingBlanks; i++) {\n      cells.push(null);\n    }\n\n    for (let d = 1; d <= daysInMonth; d++) {\n      cells.push(new Date(this._viewYear, this._viewMonth, d));\n    }\n\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    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    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      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  /** @internal */\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    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      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      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      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      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    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    const cells = this._dayGrid;\n    const selectedDate = this._parseISODate(this.value);\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        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        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    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\" id=${this._labelId} 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        <!--\n          W3C APG date picker dialog pattern: the inner input is a readonly\n          text input, NOT a combobox. Users do not type — they open the dialog\n          via the trigger button (or by clicking the input). The trigger button\n          owns aria-expanded and aria-controls (pointed at the in-shadow\n          calendar id) for the dialog. Cross-shadow aria-controls referencing\n          an in-shadow id is a documented limitation and matches the precedent\n          set by hx-popover and hx-dropdown.\n        -->\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-invalid=${this._invalid ? 'true' : 'false'}\n            aria-required=${this.required ? 'true' : 'false'}\n            aria-disabled=${this.disabled ? '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            <hx-icon\n              class=\"field__trigger-glyph\"\n              library=\"helix\"\n              name=\"calendar\"\n              aria-hidden=\"true\"\n            ></hx-icon>\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          <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        <!--\n          Persistent error live region. role=\"alert\" is set from first paint\n          so the WAI-ARIA contract for live updates is honoured.\n        -->\n        <div\n          part=\"error\"\n          class=\"field__error\"\n          id=${this._errorId}\n          role=\"alert\"\n          ?hidden=${!hasError}\n        >\n          <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}\n            >${this._announcedError}</slot\n          >\n        </div>\n\n        <!-- Help Text -->\n        <div\n          part=\"help-text\"\n          class=\"field__help-text\"\n          id=${this._helpTextId}\n          ?hidden=${(!this.helpText && !this._hasHelpSlot) || hasError}\n        >\n          <slot name=\"help-text\" @slotchange=${this._handleHelpSlotChange}>${this.helpText}</slot>\n        </div>\n\n        <!--\n          Synthesized in-shadow mirror of the consumer-resolved description\n          text. Its id is appended to the inner input's aria-describedby chain\n          so AT picks the consumer description up through the standard\n          described-by channel without needing aria-description (which W3C\n          AccName drops whenever aria-describedby is also present).\n        -->\n        <span id=${this._consumerDescId} class=\"field__sr-only\" aria-hidden=\"false\"></span>\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","ctor","supportsIdrefElementReferences","records","consumerCleared","record","oldValue","newValue","installAriaIdrefMirror","_a","_b","_c","_d","_e","_f","changedProperties","d","selected","monthName","changed","root","labelSlot","state","helpSlot","errorSlot","slot","nodes","elements","fragments","node","el","elText","flattenAccName","txt","trimmedText","unique","observer","internals","input","isInvalidEarly","liveAriaLabel","hostAriaLabel","internalLabel","slottedLabelEls","helpEl","errorEl","liveLabelledBy","liveDescribedBy","consumerLabelEls","resolveIdrefTokens","hasEffectiveLabelledBy","consumerDescEls","hasError","isInvalid","explicitAccessibleLabel","isVisibleForAccName","labelElsForInternals","descElsForInternals","refsInternals","flattenText","els","t","inputAriaLabel","inputAriaLabelledBy","labelledByFlat","flat","consumerDescSpan","consumerDescText","describedByIds","value","trimmed","slottedLabel","_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","displayValue","fieldClasses","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;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;;;;;;ACmBrC,MAAMC,KAAoBC,EAAgB,gBAAgB;AAgHnD,IAAMC,IAAN,cAA8BC,EAAUC,CAAY,EAAE;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA,GA2BL,KAAA,OAAO,IAOP,KAAA,QAAQ,IAOR,KAAA,MAAM,IAON,KAAA,MAAM,IAON,KAAA,QAAQ,IAOR,KAAA,WAAW,IAOX,KAAA,WAAW,IAOX,KAAA,QAAQ,IAOR,KAAA,WAAW,IAOX,KAAA,SAAS,cAOT,KAAA,SAAS,SAOT,KAAA,kBAAkB,2BAOlB,KAAA,kBAAkB,iBAOlB,KAAA,oBAAoB,iBAOpB,KAAA,qBAAqB,kBAOrB,KAAA,qBAAqB,kBAOrB,KAAA,iBAAiB,cASjB,KAAA,kBAAiC,MAQxB,KAAQ,UAAU,IAKlB,KAAQ,aAAoB,oBAAI,KAAA,GAAO,YAAA,GAKvC,KAAQ,cAAqB,oBAAI,KAAA,GAAO,SAAA,GAKxC,KAAQ,cAA6B,MAKrC,KAAQ,eAAe,IAOhC,KAAQ,WAA4B,CAAA,GAOpC,KAAQ,qCAA0C,IAAA,GAKlD,KAAQ,oBAAgD,MAExD,KAAQ,kBAA8C,MAEtD,KAAQ,mBAAmB,IAE3B,KAAQ,sBAAuC,MAmB/C,KAAQ,MAAMJ,GAAA,GAEd,KAAQ,WAAW,GAAG,KAAK,GAAG,UAE9B,KAAQ,cAAc,GAAG,KAAK,GAAG,SAEjC,KAAQ,WAAW,GAAG,KAAK,GAAG,UAE9B,KAAQ,cAAc,GAAG,KAAK,GAAG,aAEjC,KAAQ,gBAAgB,GAAG,KAAK,GAAG,SAEnC,KAAQ,WAAW,GAAG,KAAK,GAAG,UAU9B,KAAQ,kBAAkB,GAAG,KAAK,GAAG,kBAS5B,KAAQ,gBAAgB,IAKxB,KAAQ,gBAAgB,IAKxB,KAAQ,eAAe,IAMvB,KAAQ,eAA2C,QAOnD,KAAQ,iBAAiB,IAMzB,KAAQ,qBAAqB,IAO7B,KAAQ,WAAW,IAMnB,KAAQ,kBAAkB,IAKnC,KAAQ,cAA4C,MAEpD,KAAQ,wBAAiD,MAEzD,KAAQ,yBAAkD,MAE1D,KAAQ,2BAAoD,MAE5D,KAAQ,sBAAqC,MAE7C,KAAQ,uBAAsC,MAQ9C,KAAQ,mBAA8B,CAAA,GAEtC,KAAQ,yBAAkD,MAE1D,KAAQ,wBAAiD,MAktBzD,KAAiB,uBAAuB,CAACK,MAAwB;AAC/D,UAAI,CAAC,KAAK,QAAS;AAEnB,MADaA,EAAE,aAAA,EACL,SAAS,IAAI,KACrB,KAAK,eAAA;AAAA,IAET,GAwRA,KAAiB,mBAAmB,CAACA,MAAmB;AACtD,YAAMC,IAAUD,EAAE,OAAmB,QAAqB,aAAa;AACvE,UAAI,CAACC,EAAQ;AACb,YAAMC,IAAMD,EAAO,QAAQ;AAC3B,UAAI,CAACC,EAAK;AACV,YAAMC,IAAO,KAAK,cAAcD,CAAG;AACnC,MAAIC,KACF,KAAK,WAAWA,CAAI;AAAA,IAExB;AAAA,EAAA;AAAA;AAAA,EAr/BS,oBAA0B;AACjC,UAAM,kBAAA;AAIN,UAAMC,IAAO,KAAK;AAClB,SAAK,qBACHA,EAAK,oCAAoC,OACrCA,EAAK,kCACLC,EAA+B,KAAK,UAAU,GAIpD,KAAK,2BAA2B,IAAI,iBAAiB,CAACC,MAAY;AAChE,UAAIC,IAAkB;AACtB,iBAAWC,KAAUF,GAAS;AAC5B,YAAIE,EAAO,kBAAkB,mBAAoB;AACjD,cAAMC,IAAWD,EAAO,UAClBE,IAAW,KAAK,aAAa,kBAAkB;AACrD,QAAID,MAAa,QAAQC,MAAa,SACpC,KAAK,uBAAuB,MAC5BH,IAAkB;AAAA,MAEtB;AACA,MAAIA,KACF,KAAK,uBAAA;AAAA,IAET,CAAC,GACD,KAAK,yBAAyB,QAAQ,MAAM;AAAA,MAC1C,YAAY;AAAA,MACZ,iBAAiB,CAAC,kBAAkB;AAAA,MACpC,mBAAmB;AAAA,IAAA,CACpB,GAID,KAAK,uBAAA,GACL,KAAK,cAAcI,EAAuB,MAAM,MAAM;AACpD,WAAK,uBAAA;AAAA,IACP,CAAC;AAAA,EACH;AAAA,EAES,uBAA6B;;AACpC,UAAM,qBAAA,GACN,SAAS,oBAAoB,SAAS,KAAK,sBAAsB,EAAI,IACrEC,IAAA,KAAK,gBAAL,QAAAA,EAAkB,cAClB,KAAK,cAAc,OACnBC,IAAA,KAAK,0BAAL,QAAAA,EAA4B,cAC5B,KAAK,wBAAwB,OAC7BC,IAAA,KAAK,2BAAL,QAAAA,EAA6B,cAC7B,KAAK,yBAAyB,OAC9BC,IAAA,KAAK,2BAAL,QAAAA,EAA6B,cAC7B,KAAK,yBAAyB,OAC9BC,IAAA,KAAK,6BAAL,QAAAA,EAA+B,cAC/B,KAAK,2BAA2B,OAChCC,IAAA,KAAK,0BAAL,QAAAA,EAA4B,cAC5B,KAAK,wBAAwB;AAAA,EAC/B;AAAA,EAES,WAAWC,GAA+C;AACjE,UAAM,WAAWA,CAAiB,GAI9BA,EAAkB,IAAI,OAAO,KAC/B,KAAK,WAAW,aAAa,KAAK,KAAK,IAMrCA,EAAkB,IAAI,OAAO,KAAK,CAAC,KAAK,gBAC1C,KAAK,kBAAkB,KAAK,SAAS,KAGnCA,EAAkB,IAAI,OAAO,KAC/B,KAAK,oBAAA,IAMJA,EAAgD,IAAI,YAAY,KAChEA,EAAgD,IAAI,WAAW,KAChEA,EAAkB,IAAI,QAAQ,KAC9B,KAAK,SAAS,WAAW,OAGzB,KAAK,WAAW,KAAK,eAAA,GACrB,KAAK,iBAAiB,IAAI;AAAA,MACxB,KAAK,SACF,OAAO,CAACC,MAAiBA,MAAM,IAAI,EACnC,IAAI,CAACA,MAAM;AAAA,QACV,KAAK,OAAOA,CAAC;AAAA,QACbA,EAAE,mBAAmB,KAAK,QAAQ;AAAA,UAChC,SAAS;AAAA,UACT,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,QAAA,CACN;AAAA,MAAA,CACF;AAAA,IAAA;AAAA,EAGT;AAAA,EAES,QAAQD,GAA+C;;AAsB9D,QArBA,MAAM,QAAQA,CAAiB,GAK/B,KAAK,uBAAA,GAIDA,EAAkB,IAAI,OAAO,MACTA,EAAkB,IAAI,OAAO,KAC9B,KAAK,SACxB,KAAK,kBAAkB,IACvB,sBAAsB,MAAM;AAC1B,WAAK,kBAAkB,KAAK;AAAA,IAC9B,CAAC,KAED,KAAK,kBAAkB,KAAK,QAI3BA,EAAgD,IAAI,SAAS;AAChE,UAAI,KAAK,SAAS;AAEhB,cAAME,IAAW,KAAK,cAAc,KAAK,KAAK;AAC9C,QAAIA,MACF,KAAK,YAAYA,EAAS,YAAA,GAC1B,KAAK,aAAaA,EAAS,SAAA,IAExB,KAAK,eAAe,KAAK,MAAM;;AAClC,WAAAR,IAAA,KAAK,cAAL,QAAAA,EAAgB,QAChB,KAAK,gBAAA,GACL,SAAS,iBAAiB,SAAS,KAAK,sBAAsB,EAAI;AAAA,QACpE,CAAC;AAAA,MACH;AACE,SAAAA,IAAA,KAAK,cAAL,QAAAA,EAAgB,SAChB,KAAK,cAAc,MACnB,SAAS,oBAAoB,SAAS,KAAK,sBAAsB,EAAI;AAIzE,SACGM,EAAgD,IAAI,YAAY,KAChEA,EAAgD,IAAI,WAAW,MAE5D,KAAK,SAAS;AAChB,YAAMG,IAAY,KAAK,cAAc,KAAK,UAAU;AACpD,WAAK,eAAe,GAAGA,CAAS,IAAI,KAAK,SAAS,IAC7C,KAAK,eAAe,KAAK,MAAM;AAClC,aAAK,gBAAA;AAAA,MACP,CAAC;AAAA,IACH;AAAA,EAEJ;AAAA,EAES,aAAaC,GAAqC;AACzD,UAAM,aAAaA,CAAO,GAK1B,KAAK,mBAAA,GACL,KAAK,uBAAA,GAIH,CAAC,KAAK,SACN,CAAC,KAAK,mBACN,CAAC,KAAK,iBACN,CAAC,KAAK,aAAa,YAAY,KAC9B,KAAK,aAAa,iBAAiB;AAAA,EAOxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASQ,qBAA2B;AACjC,UAAMC,IAAO,KAAK;AAClB,QAAI,CAACA,EAAM;AACX,UAAMC,IAAYD,EAAK,cAA+B,oBAAoB;AAC1E,QAAIC,GAAW;AACb,YAAMC,IAAQ,KAAK,oBAAoBD,CAAS;AAChD,WAAK,gBAAgBC,EAAM,eAC3B,KAAK,mBAAmBA,EAAM,UAC9B,KAAK,iBAAiBA,EAAM,MAC5B,KAAK,8BAA8BA,EAAM,QAAQ,GACjD,KAAK,oBAAA;AAAA,IACP;AACA,UAAMC,IAAWH,EAAK,cAA+B,wBAAwB;AAC7E,IAAIG,MACF,KAAK,eAAe,KAAK,uBAAuBA,CAAQ,GACxD,KAAK,6BAA6BA,CAAQ;AAE5C,UAAMC,IAAYJ,EAAK,cAA+B,oBAAoB;AAC1E,IAAII,MACF,KAAK,gBAAgB,KAAK,wBAAwBA,CAAS,GAC3D,KAAK,8BAA8BA,CAAS;AAAA,EAEhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASQ,oBAAoBC,GAI1B;AAMA,UAAMC,IAAQD,EAAK,cAAA,GACbE,IAAsB,CAAA,GACtBC,IAAsB,CAAA;AAC5B,eAAWC,KAAQH;AACjB,UAAIG,EAAK,aAAa,KAAK,cAAc;AACvC,cAAMC,IAAKD;AAEX,YADAF,EAAS,KAAKG,CAAE,GACZA,EAAG,aAAa,aAAa,MAAM,OAAQ;AAC/C,cAAMC,IAASC,EAAeF,CAAE;AAChC,QAAIC,KAAQH,EAAU,KAAKG,CAAM;AAAA,MACnC,WAAWF,EAAK,aAAa,KAAK,WAAW;AAC3C,cAAMI,KAAOJ,EAAK,eAAe,IAAI,KAAA;AACrC,QAAII,KAAKL,EAAU,KAAKK,CAAG;AAAA,MAC7B;AAEF,UAAMC,IAAcN,EAAU,KAAK,GAAG,EAAE,QAAQ,QAAQ,GAAG,EAAE,KAAA;AAC7D,WAAO;AAAA,MACL,eAAeM,EAAY,SAAS;AAAA,MACpC,UAAAP;AAAA,MACA,MAAMO;AAAA,IAAA;AAAA,EAEV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQQ,uBAAuBT,GAAgC;AAC7D,UAAMC,IAAQD,EAAK,cAAc,EAAE,SAAS,IAAM;AAClD,eAAWI,KAAQH;AACjB,UAAIG,EAAK,aAAa,KAAK;AACzB,aAAKA,EAAK,eAAe,IAAI,OAAO,SAAS,EAAG,QAAO;AAAA,iBAC9CA,EAAK,aAAa,KAAK,gBAC5BG,EAAeH,CAAe,EAAE,SAAS;AAAG,eAAO;AAG3D,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,wBAAwBJ,GAAgC;AAC9D,UAAMC,IAAQD,EAAK,cAAc,EAAE,SAAS,IAAM;AAClD,eAAWI,KAAQH;AACjB,UAAIG,EAAK,aAAa,KAAK;AACzB,aAAKA,EAAK,eAAe,IAAI,OAAO,SAAS,EAAG,QAAO;AAAA,iBAC9CA,EAAK,aAAa,KAAK,gBAC5BG,EAAeH,CAAe,EAAE,SAAS;AAAG,eAAO;AAG3D,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQQ,sBAA4B;AAClC,IAAI,KAAK,gBACP,KAAK,eAAe,SACX,KAAK,QACd,KAAK,eAAe,WAEpB,KAAK,eAAe;AAAA,EAExB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,6BAA6BF,GAA2B;AAK9D,QAJI,KAAK,0BACP,KAAK,sBAAsB,WAAA,GAC3B,KAAK,wBAAwB,OAE3BA,EAAS,WAAW,EAAG;AAC3B,UAAMQ,IAAS,IAAI,IAAaR,CAAQ,GAClCS,IAAW,IAAI,iBAAiB,MAAM;AAC1C,WAAK,uBAAA;AAAA,IACP,CAAC;AACD,eAAWN,KAAMK;AACf,MAAAC,EAAS,QAAQN,GAAI;AAAA,QACnB,eAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,iBAAiB,CAAC,eAAe,QAAQ;AAAA,MAAA,CAC1C;AAEH,SAAK,wBAAwBM;AAAA,EAC/B;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,EAmCQ,yBAA+B;;AACrC,UAAMC,IAAY,KAAK,YAEjBC,IAAQ,KAAK;AACnB,QAAI,CAACA,GAAO;AAGV,YAAMC,IAAiB,CAACF,EAAU,SAAS,SAAS,CAAC,EAAE,KAAK,SAAS,KAAK;AAC1E,MAAI,KAAK,aAAaE,MAAgB,KAAK,WAAWA;AACtD;AAAA,IACF;AAEA,UAAMC,IAAgB,KAAK,aAAa,YAAY,GAC9CC,IAAgBD,MAAkB,QAAOA,EAAc,KAAA,KAAU,IAEjEE,MAAgBjC,IAAA,KAAK,eAAL,gBAAAA,EAAiB,eAAe,KAAK,cAAa,MAClEkC,IAAkB,KAAK,kBACvBC,MAASlC,IAAA,KAAK,eAAL,gBAAAA,EAAiB,eAAe,KAAK,iBAAgB,MAC9DmC,MAAUlC,IAAA,KAAK,eAAL,gBAAAA,EAAiB,eAAe,KAAK,cAAa,MAE5DmC,IAAiB,KAAK,aAAa,iBAAiB;AAC1D,SAAK,sBAAsBA;AAC3B,UAAMC,IAAkB,KAAK,aAAa,kBAAkB;AAC5D,SAAK,uBAAuBA;AAE5B,UAAMC,IAAmBC,EAAmB,MAAM,KAAK,mBAAmB,GACpEC,IAAyBF,EAAiB,SAAS,GAEnDG,IAAkBF,EAAmB,MAAM,KAAK,oBAAoB;AAG1E,SAAK,6BAA6B,CAAC,GAAGD,GAAkB,GAAGG,CAAe,CAAC;AAE3E,UAAMC,IAAW,CAAC,EAAE,KAAK,SAAS,KAAK,gBAKjCC,IAAY,CAAChB,EAAU,SAAS,SAASe;AAC/C,IAAI,KAAK,aAAaC,MAAW,KAAK,WAAWA;AAIjD,UAAMC,IACJ,OAAO,KAAK,mBAAoB,YAAY,KAAK,gBAAgB,KAAA,EAAO,SAAS,IAC7E,KAAK,kBACL,MAIAC,IAAsB,CAACzB,MAC3BA,EAAG,aAAa,aAAa,MAAM,UAAU,CAACA,EAAG,aAAa,QAAQ,GAGlE0B,IAAkC,CAAA;AACxC,IAAKF,MACHE,EAAqB,KAAK,GAAGR,EAAiB,OAAOO,CAAmB,CAAC,GACrE,CAACL,KAA0B,CAACT,MAC1B,KAAK,iBAAiB,UAAUE,EAAgB,SAAS,IAC3Da,EAAqB,KAAK,GAAGb,EAAgB,OAAOY,CAAmB,CAAC,IAC/D,KAAK,iBAAiB,YAAYb,KAC3Cc,EAAqB,KAAKd,CAAa;AAK7C,UAAMe,IAAiC,CAAC,GAAGN,EAAgB,OAAOI,CAAmB,CAAC;AAatF,QAZIX,KAAU,CAACQ,KAAY,KAAK,gBAC9BK,EAAoB,KAAKb,CAAM,GAE7BC,KAAWO,KACbK,EAAoB,KAAKZ,CAAO,GAQ9B,KAAK,oBAAoB;AAC3B,YAAMa,IAAgBrB;AACtB,MAAAqB,EAAc,yBACZF,EAAqB,SAAS,IAAIA,IAAuB,MAC3DE,EAAc,0BACZD,EAAoB,SAAS,IAAIA,IAAsB,MAKrDH,IACFjB,EAAU,YAAYiB,IAEtBjB,EAAU,YAAY;AAAA,IAE1B;AAGA,UAAMsB,IAAc,CAACC,MACnBA,EACG,OAAOL,CAAmB,EAC1B,IAAI,CAACzB,MAAOE,EAAeF,CAAE,CAAC,EAC9B,OAAO,CAAC+B,MAAMA,EAAE,SAAS,CAAC,EAC1B,KAAK,GAAG;AAEb,QAAIC,IAAgC,MAChCC,IAAqC,MASrCC,IAAiB;AAIrB,QAHI,CAACV,KAA2BJ,MAC9Bc,IAAiBL,EAAYX,CAAgB,IAE3CM;AACF,MAAAQ,IAAiBR;AAAA,aACRU;AACT,MAAAF,IAAiBE;AAAA,aACRvB;AACT,MAAAqB,IAAiBrB;AAAA,aACR,KAAK,iBAAiB;AAG/B,UAAI,KAAK;AACP,QAAAqB,IAAiB,KAAK;AAAA,eACbnB,EAAgB,SAAS,GAAG;AACrC,cAAMsB,IAAON,EAAYhB,CAAe;AACxC,QAAIsB,MAAMH,IAAiBG;AAAA,MAC7B;AAAA,UACF,CAAW,KAAK,iBAAiB,aAC3BvB,KAAA,QAAAA,EAAe,KACjBqB,IAAsBrB,EAAc,KAC3B,KAAK,UACdoB,IAAiB,KAAK;AAI1B,IAAIC,KACEzB,EAAM,aAAa,iBAAiB,MAAMyB,KAC5CzB,EAAM,aAAa,mBAAmByB,CAAmB,GAEvDzB,EAAM,aAAa,YAAY,KAAGA,EAAM,gBAAgB,YAAY,KAC/DwB,KACLxB,EAAM,aAAa,YAAY,MAAMwB,KACvCxB,EAAM,aAAa,cAAcwB,CAAc,GAE7CxB,EAAM,aAAa,iBAAiB,KAAGA,EAAM,gBAAgB,iBAAiB,MAE9EA,EAAM,aAAa,YAAY,KAAGA,EAAM,gBAAgB,YAAY,GACpEA,EAAM,aAAa,iBAAiB,KAAGA,EAAM,gBAAgB,iBAAiB;AASpF,UAAM4B,MAAmBtD,IAAA,KAAK,eAAL,gBAAAA,EAAiB,eAAe,KAAK,qBAAoB,MAC5EuD,IAAmBR,EAAYR,CAAe;AACpD,IAAIe,KAAoBA,EAAiB,gBAAgBC,MACvDD,EAAiB,cAAcC;AAGjC,UAAMC,IAA2B,CAAA;AAsBjC,QArBID,KAAoBD,KACtBE,EAAe,KAAK,KAAK,eAAe,GAEtCxB,KAAU,CAACQ,KAAY,KAAK,gBAC9BgB,EAAe,KAAK,KAAK,WAAW,GAElCvB,KAAWO,KACbgB,EAAe,KAAK,KAAK,QAAQ,GAMjC,CAAC,KAAK,gBACN,KAAK,YACL,CAAChB,KACDR,KACA,CAACwB,EAAe,SAAS,KAAK,WAAW,KAEzCA,EAAe,KAAK,KAAK,WAAW,GAElCA,EAAe,SAAS,GAAG;AAC7B,YAAMC,IAAQD,EAAe,KAAK,GAAG;AACrC,MAAI9B,EAAM,aAAa,kBAAkB,MAAM+B,KAC7C/B,EAAM,aAAa,oBAAoB+B,CAAK;AAAA,IAEhD,MAAA,CAAW/B,EAAM,aAAa,kBAAkB,KAC9CA,EAAM,gBAAgB,kBAAkB;AAK1C,IAAIA,EAAM,aAAa,kBAAkB,KACvCA,EAAM,gBAAgB,kBAAkB;AAAA,EAE5C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,6BAA6Bb,GAAoC;;AAEvE,SADAhB,IAAA,KAAK,0BAAL,QAAAA,EAA4B,cACxB,CAACgB,GAAM;AACT,WAAK,wBAAwB;AAC7B;AAAA,IACF;AACA,UAAMW,IAAW,IAAI,iBAAiB,MAAM;AAC1C,WAAK,eAAe,KAAK,uBAAuBX,CAAI,GACpD,KAAK,uBAAA;AAAA,IACP,CAAC;AACD,IAAAA,EAAK,cAAA,EAAgB,QAAQ,CAACI,MAAS;AACrC,UAAIA,EAAK,aAAa,KAAK,cAAc;AACvC,QAAAO,EAAS,QAAQP,GAAM;AAAA,UACrB,eAAe;AAAA,UACf,WAAW;AAAA,UACX,SAAS;AAAA,QAAA,CACV;AACD;AAAA,MACF;AACA,MAAAO,EAAS,QAAQP,GAAM;AAAA,QACrB,eAAe;AAAA,QACf,WAAW;AAAA,QACX,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,iBAAiB,CAAC,eAAe,QAAQ;AAAA,MAAA,CAC1C;AAAA,IACH,CAAC,GACD,KAAK,wBAAwBO;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,8BAA8BX,GAAoC;;AAExE,SADAhB,IAAA,KAAK,2BAAL,QAAAA,EAA6B,cACzB,CAACgB,GAAM;AACT,WAAK,yBAAyB;AAC9B;AAAA,IACF;AACA,UAAMW,IAAW,IAAI,iBAAiB,MAAM;AAC1C,WAAK,gBAAgB,KAAK,wBAAwBX,CAAI,GACtD,KAAK,uBAAA;AAAA,IACP,CAAC;AACD,IAAAA,EAAK,cAAA,EAAgB,QAAQ,CAACI,MAAS;AACrC,UAAIA,EAAK,aAAa,KAAK,cAAc;AACvC,QAAAO,EAAS,QAAQP,GAAM;AAAA,UACrB,eAAe;AAAA,UACf,WAAW;AAAA,UACX,SAAS;AAAA,QAAA,CACV;AACD;AAAA,MACF;AACA,MAAAO,EAAS,QAAQP,GAAM;AAAA,QACrB,eAAe;AAAA,QACf,WAAW;AAAA,QACX,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,iBAAiB,CAAC,eAAe,QAAQ;AAAA,MAAA,CAC1C;AAAA,IACH,CAAC,GACD,KAAK,yBAAyBO;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,8BAA8BT,GAA2B;;AAE/D,SADAlB,IAAA,KAAK,2BAAL,QAAAA,EAA6B,cACzBkB,EAAS,WAAW,GAAG;AACzB,WAAK,yBAAyB;AAC9B;AAAA,IACF;AACA,UAAMS,IAAW,IAAI,iBAAiB,MAAM;AAC1C,YAAMR,IAAsB,CAAA;AAC5B,iBAAWE,KAAMH,GAAU;AACzB,YAAIG,EAAG,aAAa,aAAa,MAAM,OAAQ;AAC/C,cAAM+B,IAAI7B,EAAeF,CAAE;AAC3B,QAAI+B,KAAGjC,EAAU,KAAKiC,CAAC;AAAA,MACzB;AACA,YAAMS,IAAU1C,EAAU,KAAK,GAAG,EAAE,QAAQ,QAAQ,GAAG,EAAE,KAAA;AACzD,WAAK,iBAAiB0C,GACtB,KAAK,gBAAgBA,EAAQ,SAAS,GACtC,KAAK,oBAAA,GACL,KAAK,uBAAA;AAAA,IACP,CAAC;AACD,eAAWxC,KAAMH;AACf,MAAAS,EAAS,QAAQN,GAAI;AAAA,QACnB,eAAe;AAAA,QACf,WAAW;AAAA,QACX,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,iBAAiB,CAAC,eAAe,QAAQ;AAAA,MAAA,CAC1C;AAEH,SAAK,yBAAyBM;AAAA,EAChC;AAAA;AAAA;AAAA,EAKQ,uBAAuBvC,GAAgB;AAC7C,QAAI,EAAEA,EAAE,kBAAkB,iBAAkB;AAC5C,UAAMyB,IAAQ,KAAK,oBAAoBzB,EAAE,MAAM;AAO/C,QANA,KAAK,gBAAgByB,EAAM,eAC3B,KAAK,mBAAmBA,EAAM,UAC9B,KAAK,iBAAiBA,EAAM,MAIxBA,EAAM,SAAS,SAAS,GAAG;AAC7B,YAAMiD,IAAejD,EAAM,SAAS,CAAC;AACrC,MAAIiD,KAAgB,CAACA,EAAa,OAChCA,EAAa,KAAK,GAAG,KAAK,QAAQ;AAAA,IAEtC;AACA,SAAK,8BAA8BjD,EAAM,QAAQ,GACjD,KAAK,oBAAA,GACL,KAAK,uBAAA;AAAA,EACP;AAAA;AAAA,EAGQ,uBAAuBzB,GAAgB;AAC7C,IAAMA,EAAE,kBAAkB,oBAC1B,KAAK,gBAAgB,KAAK,wBAAwBA,EAAE,MAAM,GAC1D,KAAK,8BAA8BA,EAAE,MAAM,GAC3C,KAAK,uBAAA;AAAA,EACP;AAAA;AAAA,EAGQ,sBAAsBA,GAAgB;AAC5C,IAAMA,EAAE,kBAAkB,oBAC1B,KAAK,eAAe,KAAK,uBAAuBA,EAAE,MAAM,GACxD,KAAK,6BAA6BA,EAAE,MAAM,GAC1C,KAAK,uBAAA;AAAA,EACP;AAAA;AAAA;AAAA,EAeS,kBAAwB;AAC/B,IAAI,KAAK,YAAY,CAAC,KAAK,QACzB,KAAK,WAAW;AAAA,MACd,EAAE,cAAc,GAAA;AAAA,MAChB,KAAK,SAAS,KAAK;AAAA,MACnB,KAAK;AAAA,IAAA,IAGP,KAAK,WAAW,YAAY,EAAE,GAIhC,KAAK,uBAAA;AAAA,EACP;AAAA;AAAA,EAGmB,eAAqB;AACtC,SAAK,QAAQ,IACb,KAAK,WAAW,aAAa,IAAI,GACjC,KAAK,UAAU,IACf,KAAK,uBAAA;AAAA,EACP;AAAA;AAAA,EAGmB,oBACjByB,GACAkD,GACM;AACN,IAAI,OAAOlD,KAAU,aACnB,KAAK,QAAQA;AAAAA,EAEjB;AAAA;AAAA,EAGmB,gBAAgBmD,GAAyB;AAC1D,SAAK,WAAWA;AAAA,EAClB;AAAA;AAAA,EAIS,MAAMC,GAA8B;;AAC3C,KAAAjE,IAAA,KAAK,aAAL,QAAAA,EAAe,MAAMiE;AAAA,EACvB;AAAA;AAAA;AAAA,EAKQ,cAAc3E,GAA0B;AAC9C,QAAI,CAACA,EAAK,QAAO;AACjB,UAAMiB,IAAI,oBAAI,KAAKjB,IAAM,WAAW;AACpC,WAAO,MAAMiB,EAAE,QAAA,CAAS,IAAI,OAAOA;AAAA,EACrC;AAAA;AAAA,EAGQ,OAAOhB,GAAoB;AACjC,UAAM2E,IAAI3E,EAAK,YAAA,GACT4E,IAAI,OAAO5E,EAAK,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG,GAC/CgB,IAAI,OAAOhB,EAAK,QAAA,CAAS,EAAE,SAAS,GAAG,GAAG;AAChD,WAAO,GAAG2E,CAAC,IAAIC,CAAC,IAAI5D,CAAC;AAAA,EACvB;AAAA;AAAA,EAGQ,kBAAkBjB,GAAqB;AAC7C,UAAMC,IAAO,KAAK,cAAcD,CAAG;AACnC,WAAKC,IACEA,EAAK,mBAAmB,KAAK,QAAQ;AAAA,MAC1C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IAAA,CACN,IALiB;AAAA,EAMpB;AAAA;AAAA,EAGQ,gBAAgBA,GAAqB;AAC3C,UAAMD,IAAM,KAAK,OAAOC,CAAI;AAE5B,WADI,QAAK,OAAOD,IAAM,KAAK,OACvB,KAAK,OAAOA,IAAM,KAAK;AAAA,EAE7B;AAAA;AAAA,EAGQ,WAAW8E,GAASC,GAAkB;AAC5C,WACED,EAAE,YAAA,MAAkBC,EAAE,YAAA,KACtBD,EAAE,SAAA,MAAeC,EAAE,cACnBD,EAAE,QAAA,MAAcC,EAAE,QAAA;AAAA,EAEtB;AAAA;AAAA,EAGQ,SAAS9E,GAAqB;AACpC,WAAO,KAAK,WAAWA,GAAM,oBAAI,MAAM;AAAA,EACzC;AAAA;AAAA,EAGQ,oBAA0B;AAChC,IAAI,KAAK,qBAAqB,KAAK,UAAU,KAAK,qBAAqB,KAAK,oBAG5E,KAAK,oBAAoB,IAAI,KAAK,eAAe,KAAK,QAAQ,EAAE,SAAS,SAAS,GAClF,KAAK,kBAAkB,IAAI,KAAK,eAAe,KAAK,QAAQ,EAAE,OAAO,QAAQ,GAC7E,KAAK,mBAAmB,KAAK,QAC7B,KAAK,sBAAsB;AAAA,EAC7B;AAAA;AAAA,EAGQ,cAAc+E,GAAuB;AAC3C,gBAAK,kBAAA,IACO,KAAK,mBAAmB,IAAI,KAAK,eAAe,KAAK,QAAQ,EAAE,OAAO,OAAA,CAAQ,GAC/E,OAAO,IAAI,KAAK,KAAMA,GAAO,CAAC,CAAC;AAAA,EAC5C;AAAA;AAAA,EAGQ,YAAYC,GAA0B;AAC5C,gBAAK,kBAAA,IAEH,KAAK,qBAAqB,IAAI,KAAK,eAAe,KAAK,QAAQ,EAAE,SAAS,QAAA,CAAS,GAC1E,OAAO,IAAI,KAAK,KAAM,GAAG,IAAIA,CAAQ,CAAC;AAAA,EACnD;AAAA;AAAA,EAGQ,mBAA6B;AACnC,gBAAK,kBAAA,GACA,KAAK,wBACR,KAAK,sBAAsB,MAAM,KAAK,EAAE,QAAQ,KAAK,CAACC,GAAGC,MAAM,KAAK,YAAYA,CAAC,CAAC,IAE7E,KAAK;AAAA,EACd;AAAA;AAAA;AAAA,EAKQ,iBAAkC;AAExC,UAAMC,IADe,IAAI,KAAK,KAAK,WAAW,KAAK,YAAY,CAAC,EAC7B,OAAA,GAC7BC,IAAc,IAAI,KAAK,KAAK,WAAW,KAAK,aAAa,GAAG,CAAC,EAAE,QAAA,GAE/DC,IAAyB,CAAA;AAE/B,aAASH,IAAI,GAAGA,IAAIC,GAAeD;AACjC,MAAAG,EAAM,KAAK,IAAI;AAGjB,aAASrE,IAAI,GAAGA,KAAKoE,GAAapE;AAChC,MAAAqE,EAAM,KAAK,IAAI,KAAK,KAAK,WAAW,KAAK,YAAYrE,CAAC,CAAC;AAGzD,UAAMsE,IAAYD,EAAM,SAAS;AACjC,QAAIC,MAAc;AAChB,eAASJ,IAAI,GAAGA,IAAI,IAAII,GAAWJ;AACjC,QAAAG,EAAM,KAAK,IAAI;AAInB,WAAOA;AAAA,EACT;AAAA;AAAA;AAAA,EAKQ,gBAAsB;AAC5B,IAAI,KAAK,aACT,KAAK,UAAU;AAAA,EACjB;AAAA;AAAA,EAGQ,iBAAuB;AAC7B,SAAK,UAAU,IACV,KAAK,eAAe,KAAK,MAAM;;AAClC,OAAA5E,IAAA,KAAK,aAAL,QAAAA,EAAe;AAAA,IACjB,CAAC;AAAA,EACH;AAAA;AAAA,EAGQ,kBAAwB;AAC9B,IAAI,KAAK,UACP,KAAK,eAAA,IAEL,KAAK,cAAA;AAAA,EAET;AAAA;AAAA;AAAA,EAKQ,kBAAwB;AAC9B,QAAI,CAAC,KAAK,UAAW;AAErB,UAAM8E,IAAc,KAAK,OACnBtE,IAAW,KAAK,cAAcsE,CAAW;AAE/C,QAAIC,IAA2B;AAE/B,QACEvE,KACAA,EAAS,YAAA,MAAkB,KAAK,aAChCA,EAAS,SAAA,MAAe,KAAK;AAE7B,MAAAuE,IAAYvE,EAAS,QAAA;AAAA,SAChB;AACL,YAAMwE,wBAAY,KAAA;AAClB,UAAIA,EAAM,kBAAkB,KAAK,aAAaA,EAAM,SAAA,MAAe,KAAK,YAAY;AAClF,cAAMC,IAAY,IAAI,KAAK,KAAK,WAAW,KAAK,YAAYD,EAAM,SAAS;AAC3E,QAAK,KAAK,gBAAgBC,CAAS,MACjCF,IAAYC,EAAM,QAAA;AAAA,MAEtB;AAAA,IACF;AAEA,QAAID,MAAc,MAAM;AACtB,YAAMJ,IAAc,IAAI,KAAK,KAAK,WAAW,KAAK,aAAa,GAAG,CAAC,EAAE,QAAA;AACrE,eAASpE,IAAI,GAAGA,KAAKoE,GAAapE,KAAK;AACrC,cAAMhB,IAAO,IAAI,KAAK,KAAK,WAAW,KAAK,YAAYgB,CAAC;AACxD,YAAI,CAAC,KAAK,gBAAgBhB,CAAI,GAAG;AAC/B,UAAAwF,IAAYxE;AACZ;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,IAAIwE,MAAc,SAChB,KAAK,cAAcA,GACd,KAAK,eAAe,KAAK,MAAM;;AAClC,YAAMG,KAAMlF,IAAA,KAAK,cAAL,gBAAAA,EAAgB,cAAiC,cAAc+E,CAAS;AACpF,MAAAG,KAAA,QAAAA,EAAK;AAAA,IACP,CAAC;AAAA,EAEL;AAAA;AAAA;AAAA,EAKQ,aAAmB;AACzB,IAAI,KAAK,eAAe,KACtB,KAAK,aAAa,IAClB,KAAK,YAAY,KAAK,YAAY,KAElC,KAAK,aAAa,KAAK,aAAa;AAAA,EAExC;AAAA;AAAA,EAGQ,aAAmB;AACzB,IAAI,KAAK,eAAe,MACtB,KAAK,aAAa,GAClB,KAAK,YAAY,KAAK,YAAY,KAElC,KAAK,aAAa,KAAK,aAAa;AAAA,EAExC;AAAA;AAAA;AAAA,EAKQ,WAAW3F,GAAkB;AACnC,QAAI,KAAK,gBAAgBA,CAAI,EAAG;AAEhC,UAAMD,IAAM,KAAK,OAAOC,CAAI;AAC5B,SAAK,QAAQD,GACb,KAAK,WAAW,aAAaA,CAAG,GAChC,KAAK,wBAAA,GACL,KAAK,uBAAA,GAEL,KAAK;AAAA,MACH,IAAI,YAA2C,aAAa;AAAA,QAC1D,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,OAAOA,GAAK,MAAAC,EAAA;AAAA,MAAK,CAC5B;AAAA,IAAA,GAGH,KAAK,eAAA;AAAA,EACP;AAAA;AAAA;AAAA,EAiBQ,uBAAuBH,GAAwB;AACrD,UAAM,EAAE,KAAA+F,MAAQ/F;AAEhB,QAAI+F,MAAQ,OAAO;AACjB,WAAK,mBAAmB/F,CAAC;AACzB;AAAA,IACF;AAEA,QAAI+F,MAAQ,UAAU;AACpB,MAAA/F,EAAE,gBAAA,GACF,KAAK,eAAA;AACL;AAAA,IACF;AAEA,QACE+F,MAAQ,eACRA,MAAQ,gBACRA,MAAQ,aACRA,MAAQ,eACRA,MAAQ,WACRA,MAAQ,OACRA,MAAQ,UACRA,MAAQ,SACRA,MAAQ,YACRA,MAAQ;AAER;AAGF,IAAA/F,EAAE,eAAA;AAEF,UAAMgG,IAAiB,KAAK,eAAe,GACrCT,IAAc,IAAI,KAAK,KAAK,WAAW,KAAK,aAAa,GAAG,CAAC,EAAE,QAAA;AAErE,QAAIQ,MAAQ,WAAWA,MAAQ,KAAK;AAClC,YAAM5F,IAAO,IAAI,KAAK,KAAK,WAAW,KAAK,YAAY6F,CAAc;AACrE,MAAK,KAAK,gBAAgB7F,CAAI,KAC5B,KAAK,WAAWA,CAAI;AAEtB;AAAA,IACF;AAEA,QAAI4F,MAAQ,UAAU;AACpB,WAAK,WAAA;AACL;AAAA,IACF;AAEA,QAAIA,MAAQ,YAAY;AACtB,WAAK,WAAA;AACL;AAAA,IACF;AAEA,QAAIA,MAAQ,QAAQ;AAElB,YAAME,IADc,IAAI,KAAK,KAAK,WAAW,KAAK,YAAYD,CAAc,EAC9C,OAAA,GACxBE,IAASF,IAAiBC;AAChC,MAAIC,KAAU,MACZ,KAAK,cAAcA,GACd,KAAK,eAAe,KAAK,MAAM;;AAClC,SAAArF,KAAAD,IAAA,KAAK,cAAL,gBAAAA,EAAgB,cAAiC,cAAcsF,CAAM,UAArE,QAAArF,EAA4E;AAAA,MAC9E,CAAC;AAEH;AAAA,IACF;AAEA,QAAIkF,MAAQ,OAAO;AAGjB,YAAMI,IAAiB,IAFH,IAAI,KAAK,KAAK,WAAW,KAAK,YAAYH,CAAc,EAC9C,OAAA,GAExBE,IAASF,IAAiBG;AAChC,MAAID,KAAUX,MACZ,KAAK,cAAcW,GACd,KAAK,eAAe,KAAK,MAAM;;AAClC,SAAArF,KAAAD,IAAA,KAAK,cAAL,gBAAAA,EAAgB,cAAiC,cAAcsF,CAAM,UAArE,QAAArF,EAA4E;AAAA,MAC9E,CAAC;AAEH;AAAA,IACF;AAEA,QAAIqF,IAASF;AAOb,QALID,MAAQ,gBAAaG,IAASF,IAAiB,IAC/CD,MAAQ,iBAAcG,IAASF,IAAiB,IAChDD,MAAQ,cAAWG,IAASF,IAAiB,IAC7CD,MAAQ,gBAAaG,IAASF,IAAiB,IAE/CE,IAAS,GAAG;AACd,WAAK,WAAA;AACL,YAAME,IAAkB,IAAI,KAAK,KAAK,WAAW,KAAK,aAAa,GAAG,CAAC,EAAE,QAAA;AACzE,WAAK,cAAcA,IAAkBF,GAChC,KAAK,eAAe,KAAK,MAAM;;AAClC,cAAMG,IAAM,KAAK;AACjB,SAAAxF,KAAAD,IAAA,KAAK,cAAL,gBAAAA,EAAgB,cAAiC,cAAcyF,CAAG,UAAlE,QAAAxF,EAAyE;AAAA,MAC3E,CAAC;AACD;AAAA,IACF;AAEA,QAAIqF,IAASX,GAAa;AACxB,YAAMe,IAAWJ,IAASX;AAC1B,WAAK,WAAA,GACL,KAAK,cAAce,GACd,KAAK,eAAe,KAAK,MAAM;;AAClC,cAAMD,IAAM,KAAK;AACjB,SAAAxF,KAAAD,IAAA,KAAK,cAAL,gBAAAA,EAAgB,cAAiC,cAAcyF,CAAG,UAAlE,QAAAxF,EAAyE;AAAA,MAC3E,CAAC;AACD;AAAA,IACF;AAEA,SAAK,cAAcqF,GACd,KAAK,eAAe,KAAK,MAAM;;AAClC,OAAArF,KAAAD,IAAA,KAAK,cAAL,gBAAAA,EAAgB,cAAiC,cAAcsF,CAAM,UAArE,QAAArF,EAA4E;AAAA,IAC9E,CAAC;AAAA,EACH;AAAA;AAAA;AAAA,EAKQ,uBAAgC;AACtC,QAAI,CAAC,KAAK,IAAK,QAAO;AACtB,UAAM0F,IAAqB,IAAI,KAAK,KAAK,WAAW,KAAK,YAAY,CAAC,GAChEC,IAAU,KAAK,cAAc,KAAK,GAAG;AAC3C,WAAKA,IACED,KAAsBC,IADR;AAAA,EAEvB;AAAA;AAAA,EAGQ,uBAAgC;AACtC,QAAI,CAAC,KAAK,IAAK,QAAO;AACtB,UAAMC,IAAoB,IAAI,KAAK,KAAK,WAAW,KAAK,aAAa,GAAG,CAAC,GACnEC,IAAU,KAAK,cAAc,KAAK,GAAG;AAC3C,WAAKA,IACED,KAAqBC,IADP;AAAA,EAEvB;AAAA;AAAA;AAAA,EAKQ,mBAAmB1G,GAAwB;;AACjD,QAAIA,EAAE,QAAQ,SAAS,CAAC,KAAK,QAAS;AAEtC,UAAM2G,KAAe/F,IAAA,KAAK,cAAL,gBAAAA,EAAgB;AAAA,MACnC;AAAA;AAEF,QAAI,CAAC+F,KAAgBA,EAAa,WAAW,EAAG;AAEhD,UAAMC,IAAQD,EAAa,CAAC,GACtBE,IAAOF,EAAaA,EAAa,SAAS,CAAC,GAK3CG,KAAejG,IAAA,KAAK,eAAL,gBAAAA,EAAiB;AAEtC,IAAIb,EAAE,WACA8G,MAAiBF,MACnB5G,EAAE,eAAA,GACF6G,KAAA,QAAAA,EAAM,WAGJC,MAAiBD,MACnB7G,EAAE,eAAA,GACF4G,KAAA,QAAAA,EAAO;AAAA,EAGb;AAAA;AAAA;AAAA,EAKQ,wBAAwB;AAE9B,UAAMG,IADQ,KAAK,iBAAA,EACG;AAAA,MACpB,CAACC,MACCC,kEAAqED,CAAI;AAAA,YACrEA,EAAK,MAAM,GAAG,CAAC,CAAC;AAAA;AAAA,IAAA;AAGxB,WAAOC,0CAA6CF,CAAO;AAAA,EAC7D;AAAA;AAAA,EAGQ,iBAAiB;AACvB,UAAMvB,IAAQ,KAAK,UACb0B,IAAe,KAAK,cAAc,KAAK,KAAK,GAC5CtB,wBAAY,KAAA,GAEZuB,IAAkC,CAAA;AAExC,aAASC,IAAW,GAAGA,IAAW5B,EAAM,QAAQ4B,KAAY,GAAG;AAC7D,YAAMC,IAAW7B,EAAM,MAAM4B,GAAUA,IAAW,CAAC,EAAE,IAAI,CAACjH,MAAS;AACjE,YAAIA,MAAS;AACX,iBAAO8G;AAGT,cAAMK,IAAaJ,IAAe,KAAK,WAAW/G,GAAM+G,CAAY,IAAI,IAClEK,IAAU,KAAK,WAAWpH,GAAMyF,CAAK,GACrC4B,IAAa,KAAK,gBAAgBrH,CAAI,GACtCsH,IAAY,KAAK,gBAAgBtH,EAAK,QAAA,GACtCuH,IAAYvH,EAAK,QAAA,GACjBD,IAAM,KAAK,OAAOC,CAAI,GACtBwH,IAAY,KAAK,eAAe,IAAIzH,CAAG,KAAKA;AASlD,eAAO+G;AAAA;AAAA;AAAA,0BAGWK,IAAa,SAAS,OAAO;AAAA,0BAC7BE,IAAa,SAASI,CAAO;AAAA,yBAC9BL,IAAU,SAASK,CAAO;AAAA;AAAA;AAAA;AAAA,oBAI/BC,EAhBO;AAAA,UACjB,eAAe;AAAA,UACf,2BAA2BP;AAAA,UAC3B,wBAAwBC;AAAA,UACxB,2BAA2BC;AAAA,QAAA,CAYE,CAAC;AAAA;AAAA,uBAEjBE,CAAS;AAAA,wBACRxH,CAAG;AAAA,yBACFyH,CAAS;AAAA,uBACXF,IAAY,MAAM,IAAI;AAAA,wBACrBD,CAAU;AAAA;AAAA,cAEpBE,CAAS;AAAA;AAAA;AAAA,MAGjB,CAAC;AAED,MAAAP,EAAK,KAAKF,0CAA6CI,CAAQ,QAAQ;AAAA,IACzE;AAEA,WAAOF;AAAA,EACT;AAAA;AAAA,EAIS,SAAS;AAChB,UAAM5D,IAAW,CAAC,CAAC,KAAK,SAAS,KAAK,eAChCuE,IAAe,KAAK,kBAAkB,KAAK,KAAK,GAChDzG,IAAY,KAAK,cAAc,KAAK,UAAU,GAE9C0G,IAAe;AAAA,MACnB,OAAO;AAAA,MACP,gBAAgBxE;AAAA,MAChB,mBAAmB,KAAK;AAAA,MACxB,mBAAmB,KAAK;AAAA,IAAA;AAG1B,WAAO0D;AAAA,gCACqBY,EAASE,CAAY,CAAC;AAAA;AAAA;AAAA,2CAGX,KAAK,sBAAsB;AAAA,cACxD,KAAK,QACHd;AAAA,2CAC2B,KAAK,QAAQ,6BAA6B,KAAK,QAAQ;AAAA,sBAC5E,KAAK,KAAK;AAAA,sBACV,KAAK,WACHA,sEACAW,CAAO;AAAA;AAAA,oBAGfA,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAkBN,KAAK,QAAQ;AAAA;AAAA;AAAA,qBAGTE,CAAY;AAAA,0BACPE,EAAU,KAAK,UAAU,MAAS,CAAC;AAAA,wBACrC,KAAK,QAAQ;AAAA,2BACV,KAAK,WAAW,SAAS,OAAO;AAAA,4BAC/B,KAAK,WAAW,SAAS,OAAO;AAAA,4BAChC,KAAK,WAAW,SAASJ,CAAO;AAAA;AAAA,qBAEvC,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAMd,KAAK,UAAU,KAAK,qBAAqB,KAAK,iBAAiB;AAAA;AAAA,4BAE5D,KAAK,UAAU,SAAS,OAAO;AAAA,4BAC/B,KAAK,WAAW;AAAA,wBACpB,KAAK,QAAQ;AAAA,qBAChB,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAe1B,KAAK,WAAW;AAAA,uBACR,KAAK,eAAe;AAAA,qBACtB,KAAK,sBAAsB;AAAA;AAAA;AAAA;AAAA,iBAI/B,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,cAKrB,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAQJ,KAAK,kBAAkB;AAAA,0BACxB,KAAK,sBAAsB;AAAA,uBAC9B,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKtBvG,CAAS,IAAI,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKhB,KAAK,cAAc;AAAA,0BACpB,KAAK,sBAAsB;AAAA,uBAC9B,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUZA,CAAS,IAAI,KAAK,SAAS;AAAA,qBAChC,KAAK,gBAAgB;AAAA;AAAA,cAE5B,KAAK,sBAAA,CAAuB,IAAI,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWpD,KAAK,QAAQ;AAAA;AAAA,oBAER,CAACkC,CAAQ;AAAA;AAAA,2CAEc,KAAK,sBAAsB;AAAA,eACvD,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQpB,KAAK,WAAW;AAAA,oBACV,CAAC,KAAK,YAAY,CAAC,KAAK,gBAAiBA,CAAQ;AAAA;AAAA,+CAEvB,KAAK,qBAAqB,IAAI,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAUvE,KAAK,eAAe;AAAA;AAAA;AAAA,EAGrC;AACF;AAptDa1D,EACK,SAAS,CAACJ,GAAuBwI,CAAiB;AADvDpI,EASK,iBAAiB;AATtBA,EAkBJ,kCAAkD;AASzDqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GA1B9BtI,EA2BX,WAAA,QAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjCftI,EAkCX,WAAA,SAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAxCftI,EAyCX,WAAA,OAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA/CftI,EAgDX,WAAA,OAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAtDftI,EAuDX,WAAA,SAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GA7D/BtI,EA8DX,WAAA,YAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GApE/BtI,EAqEX,WAAA,YAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA3EftI,EA4EX,WAAA,SAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,aAAa;AAAA,GAlFvCtI,EAmFX,WAAA,YAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAzFftI,EA0FX,WAAA,UAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhGftI,EAiGX,WAAA,UAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,oBAAoB;AAAA,GAvG9CtI,EAwGX,WAAA,mBAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,qBAAqB;AAAA,GA9G/CtI,EA+GX,WAAA,mBAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,uBAAuB;AAAA,GArHjDtI,EAsHX,WAAA,qBAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,wBAAwB;AAAA,GA5HlDtI,EA6HX,WAAA,sBAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,wBAAwB;AAAA,GAnIlDtI,EAoIX,WAAA,sBAAA,CAAA;AAOAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,oBAAoB;AAAA,GA1I9CtI,EA2IX,WAAA,kBAAA,CAAA;AASAqI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,oBAAoB;AAAA,GAnJ9CtI,EAoJX,WAAA,mBAAA,CAAA;AAQiBqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GA5JI5B,EA4JM,WAAA,WAAA,CAAA;AAKAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GAjKI5B,EAiKM,WAAA,aAAA,CAAA;AAKAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GAtKI5B,EAsKM,WAAA,cAAA,CAAA;AAKAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GA3KI5B,EA2KM,WAAA,eAAA,CAAA;AAKAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GAhLI5B,EAgLM,WAAA,gBAAA,CAAA;AA+BTqI,EAAA;AAAA,EADPE,EAAM,eAAe;AAAA,GA9MXvI,EA+MH,WAAA,UAAA,CAAA;AAIAqI,EAAA;AAAA,EADPE,EAAM,iBAAiB;AAAA,GAlNbvI,EAmNH,WAAA,YAAA,CAAA;AAIAqI,EAAA;AAAA,EADPE,EAAM,WAAW;AAAA,GAtNPvI,EAuNH,WAAA,aAAA,CAAA;AAoCSqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GA3PI5B,EA2PM,WAAA,iBAAA,CAAA;AAKAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GAhQI5B,EAgQM,WAAA,iBAAA,CAAA;AAKAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GArQI5B,EAqQM,WAAA,gBAAA,CAAA;AAMAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GA3QI5B,EA2QM,WAAA,gBAAA,CAAA;AAOAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GAlRI5B,EAkRM,WAAA,kBAAA,CAAA;AAMAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GAxRI5B,EAwRM,WAAA,sBAAA,CAAA;AAOAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GA/RI5B,EA+RM,WAAA,YAAA,CAAA;AAMAqI,EAAA;AAAA,EAAhBzG,EAAA;AAAM,GArSI5B,EAqSM,WAAA,mBAAA,CAAA;AArSNA,IAANqI,EAAA;AAAA,EADNG,EAAc,gBAAgB;AAAA,GAClBxI,CAAA;"}

package/dist/shared/{hx-drawer-CM_upadk.js → hx-drawer-BlU2oX8-.js}

@@ -1,13 +1,13 @@
-import { css as O, html as m, nothing as C } from "lit";
-import { query as k, state as f, property as u, customElement as D } from "lit/decorators.js";
+import { css as D, html as m, nothing as k } from "lit";
+import { query as O, state as f, property as u, customElement as C } from "lit/decorators.js";
 import { classMap as B } from "lit/directives/class-map.js";
 import { l as F, u as H } from "./body-scroll-lock-VBa5TFP-.js";
-import { a as R } from "./forced-colors-CTEDFRGa.js";
-import { f as x } from "./aria-flatten-DY6v2vah.js";
-import { s as z, i as I, r as L } from "./aria-idref-DCuEaknC.js";
+import { a as z } from "./forced-colors-CTEDFRGa.js";
+import { f as w } from "./aria-flatten-DY6v2vah.js";
+import { s as R, i as I, r as L } from "./aria-idref-DCuEaknC.js";
 import { H as M } from "./helix-element-BNEYeiys.js";
 import { c as $ } from "./id-counter-DuX8vsui.js";
-const N = O`
+const N = D`
   /* P2-03: Explicit [hidden] rule to survive CSS resets that may override the UA stylesheet. */
   [hidden] {
     display: none !important;
@@ -307,11 +307,16 @@ const N = O`
       border: 1px solid ButtonText;
     }
   }
+
+  /* hx-icon glyph sizing for the migrated close-button SVG. */
+  .drawer-close-button-glyph {
+    --hx-icon-size: 16px;
+  }
 `;
-var P = Object.defineProperty, V = Object.getOwnPropertyDescriptor, d = (e, t, r, s) => {
-  for (var i = s > 1 ? void 0 : s ? V(t, r) : t, a = e.length - 1, o; a >= 0; a--)
+var V = Object.defineProperty, P = Object.getOwnPropertyDescriptor, d = (e, t, r, s) => {
+  for (var i = s > 1 ? void 0 : s ? P(t, r) : t, a = e.length - 1, o; a >= 0; a--)
     (o = e[a]) && (i = (s ? o(t, r, i) : o(i)) || i);
-  return s && i && P(t, r, i), i;
+  return s && i && V(t, r, i), i;
 };
 const j = $("hx-drawer"), U = {
   sm: "20rem",
@@ -349,7 +354,7 @@ let l = class extends M {
     const e = this.getAttribute("size");
     e !== null && !this.hasAttribute("hx-size") && (this.size = e);
     const t = this.constructor;
-    this._supportsIdrefRefs = t.__testSupportsIdrefRefsOverride !== null ? t.__testSupportsIdrefRefsOverride : z(this._internals), this._syncHostDialogSemantics(), this._hostDescribedByObserver = new MutationObserver((r) => {
+    this._supportsIdrefRefs = t.__testSupportsIdrefRefsOverride !== null ? t.__testSupportsIdrefRefsOverride : R(this._internals), this._syncHostDialogSemantics(), this._hostDescribedByObserver = new MutationObserver((r) => {
       let s = !1;
       for (const i of r) {
         if (i.attributeName !== "aria-describedby") continue;
@@ -543,7 +548,7 @@ let l = class extends M {
       if (a.nodeType === Node.ELEMENT_NODE) {
         const o = a;
         if (r.push(o), o.getAttribute("aria-hidden") === "true") continue;
-        const b = x(o);
+        const b = w(o);
         b && s.push(b);
       } else if (a.nodeType === Node.TEXT_NODE) {
         const o = (a.textContent ?? "").trim();
@@ -572,7 +577,7 @@ let l = class extends M {
       const s = [];
       for (const a of e) {
         if (a.getAttribute("aria-hidden") === "true") continue;
-        const o = x(a);
+        const o = w(a);
         o && s.push(o);
       }
       const i = s.join(" ").replace(/\s+/g, " ").trim();
@@ -673,20 +678,20 @@ let l = class extends M {
     this._installExternalRefsObserver([...s, ...a]);
     const o = (c) => c.getAttribute("aria-hidden") !== "true" && !c.hasAttribute("hidden"), b = this.getAttribute("aria-label"), y = b !== null ? b.trim() : "", v = [];
     v.push(...s.filter(o)), !i && !y && this._hasLabelSlot && v.push(...this._slottedLabelEls.filter(o));
-    const S = [...a.filter(o)], E = (c) => c.filter(o).map((p) => x(p)).filter((p) => p.length > 0).join(" ");
+    const S = [...a.filter(o)], E = (c) => c.filter(o).map((p) => w(p)).filter((p) => p.length > 0).join(" ");
     let h = "";
     if (i && (h = E(s)), !h && y && (h = y), !h && this._hasLabelSlot && this._labelSlotText && (h = this._labelSlotText), !h && this.label && (h = this.label), h || (h = "Drawer"), this._supportsIdrefRefs) {
       const c = e;
       c.ariaLabelledByElements = v.length > 0 ? v : null, c.ariaDescribedByElements = S.length > 0 ? S : null, i ? e.ariaLabel = null : e.ariaLabel = h;
     } else
       e.ariaLabel = h;
-    const _ = ((A = this.shadowRoot) == null ? void 0 : A.getElementById(this._consumerDescId)) ?? null, w = E(a);
-    _ && _.textContent !== w && (_.textContent = w);
+    const _ = ((A = this.shadowRoot) == null ? void 0 : A.getElementById(this._consumerDescId)) ?? null, x = E(a);
+    _ && _.textContent !== x && (_.textContent = x);
     const n = this._overlayEl ?? null;
     if (n) {
       n.hasAttribute("role") && n.removeAttribute("role"), n.hasAttribute("aria-modal") && n.removeAttribute("aria-modal");
       const c = !this._supportsIdrefRefs && this._hasLabelSlot ? this._titleId : null, p = !this._supportsIdrefRefs && !c ? h : null;
-      if (c ? n.getAttribute("aria-labelledby") !== c && n.setAttribute("aria-labelledby", c) : n.hasAttribute("aria-labelledby") && n.removeAttribute("aria-labelledby"), p ? n.getAttribute("aria-label") !== p && n.setAttribute("aria-label", p) : n.hasAttribute("aria-label") && n.removeAttribute("aria-label"), w && _) {
+      if (c ? n.getAttribute("aria-labelledby") !== c && n.setAttribute("aria-labelledby", c) : n.hasAttribute("aria-labelledby") && n.removeAttribute("aria-labelledby"), p ? n.getAttribute("aria-label") !== p && n.setAttribute("aria-label", p) : n.hasAttribute("aria-label") && n.removeAttribute("aria-label"), x && _) {
         const T = this._consumerDescId;
         n.getAttribute("aria-describedby") !== T && n.setAttribute("aria-describedby", T);
       } else n.hasAttribute("aria-describedby") && n.removeAttribute("aria-describedby");
@@ -727,21 +732,12 @@ let l = class extends M {
       this.open = !1;
     }}
           >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
+            <hx-icon
+              class="drawer-close-button-glyph"
+              library="helix"
+              name="close"
               aria-hidden="true"
-            >
-              <line x1="18" y1="6" x2="6" y2="18"></line>
-              <line x1="6" y1="6" x2="18" y2="18"></line>
-            </svg>
+            ></hx-icon>
           </button>
         </div>
       </div>
@@ -749,7 +745,7 @@ let l = class extends M {
   }
   /** @internal */
   _renderFooter() {
-    return this.noFooter ? C : m`
+    return this.noFooter ? k : m`
       <div part="footer" class="drawer-footer" ?hidden=${!this._hasFooterSlot}>
         <slot name="footer" @slotchange=${this._handleFooterSlotChange}></slot>
       </div>
@@ -790,13 +786,13 @@ let l = class extends M {
     `;
   }
 };
-l.styles = [N, R];
+l.styles = [N, z];
 l.__testSupportsIdrefRefsOverride = null;
 d([
-  k(".drawer-overlay")
+  O(".drawer-overlay")
 ], l.prototype, "_overlayEl", 2);
 d([
-  k(".drawer-panel")
+  O(".drawer-panel")
 ], l.prototype, "_panelEl", 2);
 d([
   f()
@@ -841,9 +837,9 @@ d([
   u({ type: String, attribute: "label-close" })
 ], l.prototype, "labelClose", 2);
 l = d([
-  D("hx-drawer")
+  C("hx-drawer")
 ], l);
 export {
   l as H
 };
-//# sourceMappingURL=hx-drawer-CM_upadk.js.map
+//# sourceMappingURL=hx-drawer-BlU2oX8-.js.map