@helixui/library 1.0.1 → 1.1.2-next.1

package/dist/shared/hx-date-picker-R-0kWFwr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-date-picker-R-0kWFwr.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\n// prettier-ignore\nexport const helixDatePickerStyles = css`:host{display:block;position:relative}:host([disabled]){opacity:var(--hx-opacity-disabled, .5);pointer-events:none}*{box-sizing:border-box}.field{display:flex;flex-direction:column;gap:var(--hx-space-1, .25rem);font-family:var(--hx-date-picker-font-family, var(--hx-font-family-sans, sans-serif));position:relative}.field__label-wrapper{display:contents}.field__label{display:flex;align-items:baseline;gap:var(--hx-space-1, .25rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-date-picker-label-color, var(--hx-color-neutral-700, #343a40));line-height:var(--hx-line-height-normal, 1.5)}.field__required-marker{color:var(--hx-date-picker-error-color, var(--hx-color-error-text, #b91c1c));font-weight:var(--hx-font-weight-bold, 700)}.field__input-wrapper{display:flex;align-items:stretch;border:var(--hx-border-width-thin, 1px) solid var(--hx-date-picker-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-date-picker-border-radius, var(--hx-border-radius-md, .375rem));background-color:var(--hx-date-picker-bg, var(--hx-color-neutral-0, #ffffff));transition:border-color var(--hx-transition-fast, .15s ease),box-shadow var(--hx-transition-fast, .15s ease);overflow:hidden}.field__input-wrapper:focus-within{border-color:var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa)));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field--error .field__input-wrapper{border-color:var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc3545))}.field--error .field__input-wrapper:focus-within{border-color:var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc3545));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-date-picker-error-color, var(--hx-color-error-500, #dc3545)) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field__input{flex:1;border:none;outline:none;background:transparent;padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem);font-family:inherit;font-size:var(--hx-font-size-md, 1rem);color:var(--hx-date-picker-color, var(--hx-color-neutral-800, #212529));line-height:var(--hx-line-height-normal, 1.5);min-height:var(--hx-size-10, 2.5rem);width:100%;cursor:default}.field__input::placeholder{color:var(--hx-color-neutral-400, #adb5bd)}.field__input:disabled{cursor:not-allowed}.field__trigger{display:flex;align-items:center;justify-content:center;padding:0 var(--hx-space-3, .75rem);border:none;border-left:var(--hx-border-width-thin, 1px) solid var(--hx-date-picker-border-color, var(--hx-color-neutral-300, #ced4da));background:transparent;color:var(--hx-date-picker-trigger-color, var(--hx-color-neutral-500, #6c757d));cursor:pointer;flex-shrink:0;transition:color var(--hx-transition-fast, .15s ease);outline:none}.field__trigger:focus-visible{color:var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa)));background-color:color-mix(in srgb,var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))) 8%,transparent)}.field__trigger:hover:not(:disabled){color:var(--hx-date-picker-trigger-hover-color, var(--hx-color-neutral-700, #343a40));background-color:color-mix(in srgb,var(--hx-color-neutral-900, #212529) 4%,transparent)}.field__trigger:disabled{cursor:not-allowed}.calendar{position:absolute;top:calc(100% + var(--hx-space-1, .25rem));left:0;z-index:var(--hx-z-index-dropdown, 1000);min-width:var(--hx-date-picker-calendar-min-width, 18rem);background-color:var(--hx-date-picker-calendar-bg, var(--hx-color-neutral-0, #ffffff));border:var(--hx-border-width-thin, 1px) solid var(--hx-date-picker-calendar-border-color, var(--hx-color-neutral-200, #e9ecef));border-radius:var(--hx-date-picker-calendar-border-radius, var(--hx-border-radius-lg, .5rem));box-shadow:var( --hx-date-picker-calendar-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) );padding:var(--hx-space-3, .75rem);outline:none}@media(prefers-reduced-motion:no-preference){.calendar{animation:calendar-appear var(--hx-transition-fast, .15s ease) forwards}}@keyframes calendar-appear{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.calendar__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--hx-space-3, .75rem)}:is(.calendar__nav-btn,.calendar__day,.calendar__day-cell,.calendar__weekday){display:flex;align-items:center;justify-content:center}:is(.calendar__nav-btn,.calendar__day){width:var(--hx-touch-target-min, 2.75rem);height:var(--hx-touch-target-min, 2.75rem);border:none;border-radius:var(--hx-border-radius-sm, .25rem);background:transparent;cursor:pointer;outline:none;transition:background-color var(--hx-transition-fast, .15s ease),color var(--hx-transition-fast, .15s ease)}.calendar__nav-btn{color:var(--hx-color-neutral-600, #495057);font-size:var(--hx-font-size-lg, 1.125rem);line-height:1}.calendar__nav-btn:hover{background-color:var(--hx-color-neutral-100, #f8f9fa);color:var(--hx-color-neutral-900, #212529)}:is(.calendar__nav-btn,.calendar__day):focus-visible{box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) var(--hx-date-picker-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa)));z-index:1}.calendar__nav-btn:disabled{opacity:var(--hx-opacity-disabled, .4);cursor:not-allowed;pointer-events:none}.calendar__month-label{font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-color-neutral-800, #212529);flex:1;text-align:center}.calendar__grid{display:flex;flex-direction:column;gap:var(--hx-space-1, .25rem)}.calendar__row{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--hx-space-1, .25rem)}.calendar__weekday{height:var(--hx-size-8, 2rem);font-size:var(--hx-font-size-xs, .75rem);font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-color-neutral-500, #6c757d);text-transform:uppercase;letter-spacing:.05em}.calendar__day{color:var(--hx-color-neutral-800, #212529);font-size:var(--hx-font-size-sm, .875rem);font-family:inherit;position:relative}.calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected){background-color:var(--hx-color-neutral-100, #f8f9fa);color:var(--hx-color-neutral-900, #212529)}.calendar__day--selected{background-color:var(--hx-date-picker-selected-bg, var(--hx-color-primary-500, #2563eb));color:var(--hx-date-picker-selected-color, var(--hx-color-neutral-0, #ffffff));font-weight:var(--hx-font-weight-semibold, 600)}.calendar__day--selected:hover{background-color:var(--hx-date-picker-selected-hover-bg, var(--hx-color-primary-600, #1d4ed8))}.calendar__day--today:not(.calendar__day--selected){font-weight:var(--hx-font-weight-bold, 700);color:var(--hx-date-picker-today-color, var(--hx-color-primary-600, #1d4ed8))}.calendar__day--today:not(.calendar__day--selected):after{content:\"\";position:absolute;bottom:.2rem;left:50%;transform:translate(-50%);width:.25rem;height:.25rem;border-radius:50%;background-color:currentColor}.calendar__day--disabled{opacity:var(--hx-opacity-disabled, .4);cursor:not-allowed;pointer-events:none}.calendar__live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field__help-text,.field__error{font-size:var(--hx-font-size-xs, .75rem);line-height:var(--hx-line-height-normal, 1.5)}.field__help-text{color:var(--hx-color-neutral-500, #6c757d)}.field__error{color:var(--hx-date-picker-error-color, var(--hx-color-error-text, #b91c1c))}@media(prefers-reduced-motion:reduce){.field__input-wrapper,.field__trigger,.calendar__nav-btn,.calendar__day{transition:none}}@media(forced-colors:active){.field__input-wrapper{border:1px solid ButtonText}.field__input-wrapper:focus-within{outline:2px solid Highlight;outline-offset:1px;box-shadow:none}:is(.calendar__day:focus-visible,.calendar__nav-btn:focus-visible){outline:2px solid Highlight;box-shadow:none}.calendar__day--selected{background-color:Highlight;color:HighlightText;border:1px solid Highlight}.calendar__day--today:not(.calendar__day--selected){border:2px solid LinkText}.calendar__day--today:not(.calendar__day--selected):after{display:none}.calendar__day--disabled{color:GrayText}.field--error .field__input-wrapper{border-color:LinkText}}`;\n","import { LitElement, html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixDatePickerStyles } from './hx-date-picker.styles.js';\n\nlet _instanceCounter = 0;\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 */\n@customElement('hx-date-picker')\nexport class HelixDatePicker extends LitElement {\n  static override styles = [tokenStyles, helixDatePickerStyles];\n\n  // ─── Form Association ───\n\n  /**\n   * Marks this component as form-associated for native form participation.\n   * @internal\n   */\n  static formAssociated = true;\n\n  /**\n   * ElementInternals instance for form association.\n   * @internal\n   */\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    /** @internal */\n    this._internals = this.attachInternals();\n  }\n\n  // ─── Properties ───\n\n  /**\n   * The name of the field, used for form submission.\n   * @attr name\n   */\n  @property({ type: String })\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({ 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({ 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({ 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({ 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({ 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({ attribute: 'next-month-label' })\n  nextMonthLabel = 'Next month';\n\n  // ─── Internal State ───\n\n  /**\n   * Tracks whether the calendar popup is currently visible.\n   * @internal\n   */\n  @state() private _isOpen = false;\n  /**\n   * The year currently displayed in the calendar view.\n   * @internal\n   */\n  @state() private _viewYear: number = new Date().getFullYear();\n  /**\n   * The month (0-indexed) currently displayed in the calendar view.\n   * @internal\n   */\n  @state() private _viewMonth: number = new Date().getMonth();\n  /**\n   * The day number currently focused within the calendar grid, or null when the calendar is closed.\n   * @internal\n   */\n  @state() private _focusedDay: number | null = null;\n  /**\n   * The message announced to screen readers when the calendar month changes.\n   * @internal\n   */\n  @state() private _liveMessage = '';\n\n  // ─── Memoized formatters ───\n\n  /**\n   * Cached Intl.DateTimeFormat for weekday-short labels; keyed on locale.\n   * Recreated only when locale changes.\n   * @internal\n   */\n  private _weekdayFormatter: Intl.DateTimeFormat | null = null;\n  /**\n   * Cached Intl.DateTimeFormat for month-long labels; keyed on locale.\n   * Recreated only when locale changes.\n   * @internal\n   */\n  private _monthFormatter: Intl.DateTimeFormat | null = null;\n  /**\n   * Locale used when the cached formatters were last built.\n   * @internal\n   */\n  private _formatterLocale = '';\n  /**\n   * Cached array of 7 weekday header strings.\n   * Depends only on locale — recomputed lazily when locale changes.\n   * @internal\n   */\n  private _cachedWeekdayNames: string[] | null = null;\n\n  // ─── Internal References ───\n\n  /**\n   * Reference to the readonly text input element displaying the formatted date.\n   * @internal\n   */\n  @query('.field__input')\n  private _input: HTMLInputElement | undefined;\n\n  /**\n   * Reference to the calendar icon button that opens and closes the popup.\n   * @internal\n   */\n  @query('.field__trigger')\n  private _trigger: HTMLButtonElement | undefined;\n\n  /**\n   * Reference to the calendar popup dialog element.\n   * @internal\n   */\n  @query('.calendar')\n  private _calendar: HTMLElement | undefined;\n\n  // ─── Unique IDs ───\n\n  /**\n   * Unique base ID for this component instance, used to generate all child element IDs.\n   * @internal\n   */\n  private _id = `hx-date-picker-${++_instanceCounter}`;\n  /**\n   * Unique ID for the text input element, used for label association.\n   * @internal\n   */\n  private _inputId = `${this._id}-input`;\n  /**\n   * Unique ID for the help text element, used for aria-describedby association.\n   * @internal\n   */\n  private _helpTextId = `${this._id}-help`;\n  /**\n   * Unique ID for the error message element, used for aria-describedby association.\n   * @internal\n   */\n  private _errorId = `${this._id}-error`;\n  /**\n   * Unique ID for the calendar popup dialog element, used for aria-controls association.\n   * @internal\n   */\n  private _calendarId = `${this._id}-calendar`;\n  /**\n   * Unique ID for the ARIA live region element that announces month navigation changes.\n   * @internal\n   */\n  private _liveRegionId = `${this._id}-live`;\n\n  // ─── Slot Tracking ───\n\n  /**\n   * Whether the label slot has any assigned elements, used to switch between slotted and property-based label rendering.\n   * @internal\n   */\n  private _hasLabelSlot = false;\n  /**\n   * Whether the error slot has any assigned elements, used to switch between slotted and property-based error rendering.\n   * @internal\n   */\n  private _hasErrorSlot = false;\n\n  /** @internal */\n  private _handleLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasLabelSlot = slot.assignedElements().length > 0;\n    if (this._hasLabelSlot) {\n      const slottedLabel = slot.assignedElements()[0];\n      if (slottedLabel && !slottedLabel.id) {\n        slottedLabel.id = `${this._inputId}-slotted-label`;\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /** @internal */\n  private _handleErrorSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasErrorSlot = slot.assignedElements().length > 0;\n    this.requestUpdate();\n  }\n\n  // ─── Bound Handler References ───\n\n  /**\n   * Bound reference to the outside-click handler, stored so the same function reference can be removed from document listeners.\n   * @internal\n   */\n  private readonly _boundHandleOutsideClick = (e: MouseEvent) => this._handleOutsideClick(e);\n  /**\n   * Bound reference to the document keydown handler, stored so the same function reference can be removed from document listeners.\n   * @internal\n   */\n  private readonly _boundHandleDocumentKeydown = (e: KeyboardEvent) =>\n    this._handleDocumentKeydown(e);\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._boundHandleOutsideClick);\n    document.removeEventListener('keydown', this._boundHandleDocumentKeydown);\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('value')) {\n      this._internals.setFormValue(this.value);\n      this._updateValidity();\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        document.addEventListener('click', this._boundHandleOutsideClick);\n        document.addEventListener('keydown', this._boundHandleDocumentKeydown);\n        // Focus the calendar after it renders.\n        this.updateComplete.then(() => {\n          this._focusActiveDay();\n        });\n      } else {\n        document.removeEventListener('click', this._boundHandleOutsideClick);\n        document.removeEventListener('keydown', this._boundHandleDocumentKeydown);\n        this._focusedDay = null;\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        this.updateComplete.then(() => {\n          this._focusActiveDay();\n        });\n      }\n    }\n  }\n\n  /** @internal */\n  private _handleOutsideClick(e: MouseEvent): void {\n    const path = e.composedPath();\n    if (!path.includes(this)) {\n      this._closeCalendar();\n    }\n  }\n\n  /** @internal */\n  private _handleDocumentKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this._isOpen) {\n      this._closeCalendar();\n    }\n  }\n\n  // ─── Form Integration ───\n\n  /** The form element associated with this component, or null if not in a form. */\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /** The current validation message, or an empty string if the field is valid. */\n  get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  /** The current validity state of the field. */\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  /** @internal */\n  private _updateValidity(): void {\n    if (this.required && !this.value) {\n      this._internals.setValidity(\n        { valueMissing: true },\n        this.error || this.requiredMessage,\n        this._input,\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.value = '';\n    this._internals.setFormValue(null);\n    this._isOpen = false;\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string | File | FormData | null,\n    _mode: 'restore' | 'autocomplete',\n  ): void {\n    if (typeof state === 'string') {\n      this.value = state;\n    }\n  }\n\n  /** @internal */\n  formDisabledCallback(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  // ─── Public Methods ───\n\n  override focus(options?: FocusOptions): void {\n    this._trigger?.focus(options);\n  }\n\n  // ─── Date Utilities ───\n\n  /** @internal */\n  private _parseISODate(iso: string): Date | null {\n    if (!iso) return null;\n    const d = new Date(iso + 'T00:00:00');\n    return isNaN(d.getTime()) ? null : d;\n  }\n\n  /** @internal */\n  private _toISO(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  /** @internal */\n  private _formatForDisplay(iso: string): string {\n    const date = this._parseISODate(iso);\n    if (!date) return '';\n    return date.toLocaleDateString(this.locale, {\n      year: 'numeric',\n      month: '2-digit',\n      day: '2-digit',\n    });\n  }\n\n  /** @internal */\n  private _isDateDisabled(date: Date): boolean {\n    const iso = this._toISO(date);\n    if (this.min && iso < this.min) return true;\n    if (this.max && iso > this.max) return true;\n    return false;\n  }\n\n  /** @internal */\n  private _isSameDay(a: Date, b: Date): boolean {\n    return (\n      a.getFullYear() === b.getFullYear() &&\n      a.getMonth() === b.getMonth() &&\n      a.getDate() === b.getDate()\n    );\n  }\n\n  /** @internal */\n  private _isToday(date: Date): boolean {\n    return this._isSameDay(date, new Date());\n  }\n\n  /**\n   * Ensure memoized Intl.DateTimeFormat instances exist and match the current locale.\n   * Rebuilds only when locale changes; also clears the cached weekday names.\n   * @internal\n   */\n  private _ensureFormatters(): void {\n    if (this._formatterLocale === this.locale && this._weekdayFormatter && this._monthFormatter) {\n      return;\n    }\n    this._weekdayFormatter = new Intl.DateTimeFormat(this.locale, { weekday: 'short' });\n    this._monthFormatter = new Intl.DateTimeFormat(this.locale, { month: 'long' });\n    this._formatterLocale = this.locale;\n    this._cachedWeekdayNames = null;\n  }\n\n  /** @internal */\n  private _getMonthName(month: number): string {\n    this._ensureFormatters();\n    // _monthFormatter is guaranteed non-null after _ensureFormatters()\n    const fmt = this._monthFormatter ?? new Intl.DateTimeFormat(this.locale, { month: 'long' });\n    return fmt.format(new Date(2000, month, 1));\n  }\n\n  /** @internal */\n  private _getDayName(dayIndex: number): string {\n    // dayIndex: 0=Sun, 1=Mon, ...\n    this._ensureFormatters();\n    // _weekdayFormatter is guaranteed non-null after _ensureFormatters()\n    const fmt =\n      this._weekdayFormatter ?? new Intl.DateTimeFormat(this.locale, { weekday: 'short' });\n    return fmt.format(new Date(2000, 0, 2 + dayIndex));\n  }\n\n  /**\n   * Returns the 7 cached weekday header strings for the current locale.\n   * Computed once per locale and reused across all renders.\n   * @internal\n   */\n  private _getWeekdayNames(): string[] {\n    this._ensureFormatters();\n    if (!this._cachedWeekdayNames) {\n      this._cachedWeekdayNames = Array.from({ length: 7 }, (_, i) => this._getDayName(i));\n    }\n    return this._cachedWeekdayNames;\n  }\n\n  // ─── Calendar Grid ───\n\n  /**\n   * Returns an array of Date objects (or null for padding cells) representing\n   * the 6-week grid for the current view month.\n   */\n  /** @internal */\n  private _getDaysInGrid(): (Date | null)[] {\n    const firstOfMonth = new Date(this._viewYear, this._viewMonth, 1);\n    const leadingBlanks = firstOfMonth.getDay(); // 0=Sun\n    const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n\n    const cells: (Date | null)[] = [];\n\n    // Leading blank cells for days before the 1st\n    for (let i = 0; i < leadingBlanks; i++) {\n      cells.push(null);\n    }\n\n    // Days of current month\n    for (let d = 1; d <= daysInMonth; d++) {\n      cells.push(new Date(this._viewYear, this._viewMonth, d));\n    }\n\n    // Trailing blank cells to complete a full 7-column row\n    const remainder = cells.length % 7;\n    if (remainder !== 0) {\n      for (let i = 0; i < 7 - remainder; i++) {\n        cells.push(null);\n      }\n    }\n\n    return cells;\n  }\n\n  // ─── Calendar Open/Close ───\n\n  /** @internal */\n  private _openCalendar(): void {\n    if (this.disabled) return;\n    this._isOpen = true;\n  }\n\n  /** @internal */\n  private _closeCalendar(): void {\n    this._isOpen = false;\n    // Return focus to trigger after calendar closes.\n    this.updateComplete.then(() => {\n      this._trigger?.focus();\n    });\n  }\n\n  /** @internal */\n  private _toggleCalendar(): void {\n    if (this._isOpen) {\n      this._closeCalendar();\n    } else {\n      this._openCalendar();\n    }\n  }\n\n  // ─── Focus Management ───\n\n  /** @internal */\n  private _focusActiveDay(): void {\n    if (!this._calendar) return;\n\n    const selectedISO = this.value;\n    const selected = this._parseISODate(selectedISO);\n\n    // Try to focus: selected day > today (if in view) > first enabled day\n    let targetDay: number | null = null;\n\n    if (\n      selected &&\n      selected.getFullYear() === this._viewYear &&\n      selected.getMonth() === this._viewMonth\n    ) {\n      targetDay = selected.getDate();\n    } else {\n      const today = new Date();\n      if (today.getFullYear() === this._viewYear && today.getMonth() === this._viewMonth) {\n        const todayDate = new Date(this._viewYear, this._viewMonth, today.getDate());\n        if (!this._isDateDisabled(todayDate)) {\n          targetDay = today.getDate();\n        }\n      }\n    }\n\n    if (targetDay === null) {\n      // Find first enabled day in the month\n      const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n      for (let d = 1; d <= daysInMonth; d++) {\n        const date = new Date(this._viewYear, this._viewMonth, d);\n        if (!this._isDateDisabled(date)) {\n          targetDay = d;\n          break;\n        }\n      }\n    }\n\n    if (targetDay !== null) {\n      this._focusedDay = targetDay;\n      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._updateValidity();\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  // ─── 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    // Explicit Escape handler on the calendar container provides a reliable\n    // exit path even when the document-level handler does not fire (e.g. when\n    // the event is stopped by a descendant or the shadow boundary interferes).\n    if (key === 'Escape') {\n      e.stopPropagation();\n      this._closeCalendar();\n      return;\n    }\n\n    if (\n      key !== 'ArrowLeft' &&\n      key !== 'ArrowRight' &&\n      key !== 'ArrowUp' &&\n      key !== 'ArrowDown' &&\n      key !== 'Enter' &&\n      key !== ' ' &&\n      key !== 'Home' &&\n      key !== 'End' &&\n      key !== 'PageUp' &&\n      key !== 'PageDown'\n    ) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const currentFocused = this._focusedDay ?? 1;\n    const daysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n\n    if (key === 'Enter' || key === ' ') {\n      const date = new Date(this._viewYear, this._viewMonth, currentFocused);\n      if (!this._isDateDisabled(date)) {\n        this._selectDay(date);\n      }\n      return;\n    }\n\n    if (key === 'PageUp') {\n      this._prevMonth();\n      return;\n    }\n\n    if (key === 'PageDown') {\n      this._nextMonth();\n      return;\n    }\n\n    if (key === 'Home') {\n      // Move to start of current week (Sunday)\n      const currentDate = new Date(this._viewYear, this._viewMonth, currentFocused);\n      const dayOfWeek = currentDate.getDay();\n      const newDay = currentFocused - dayOfWeek;\n      if (newDay >= 1) {\n        this._focusedDay = newDay;\n        this.updateComplete.then(() => {\n          this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n        });\n      }\n      return;\n    }\n\n    if (key === 'End') {\n      // Move to end of current week (Saturday)\n      const currentDate = new Date(this._viewYear, this._viewMonth, currentFocused);\n      const dayOfWeek = currentDate.getDay();\n      const daysToSaturday = 6 - dayOfWeek;\n      const newDay = currentFocused + daysToSaturday;\n      if (newDay <= daysInMonth) {\n        this._focusedDay = newDay;\n        this.updateComplete.then(() => {\n          this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n        });\n      }\n      return;\n    }\n\n    let newDay = currentFocused;\n\n    if (key === 'ArrowLeft') newDay = currentFocused - 1;\n    if (key === 'ArrowRight') newDay = currentFocused + 1;\n    if (key === 'ArrowUp') newDay = currentFocused - 7;\n    if (key === 'ArrowDown') newDay = currentFocused + 7;\n\n    if (newDay < 1) {\n      // Wrap to previous month\n      this._prevMonth();\n      const prevDaysInMonth = new Date(this._viewYear, this._viewMonth + 1, 0).getDate();\n      this._focusedDay = prevDaysInMonth + newDay;\n      this.updateComplete.then(() => {\n        const day = this._focusedDay;\n        this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${day}\"]`)?.focus();\n      });\n      return;\n    }\n\n    if (newDay > daysInMonth) {\n      // Wrap to next month\n      const overflow = newDay - daysInMonth;\n      this._nextMonth();\n      this._focusedDay = overflow;\n      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    this.updateComplete.then(() => {\n      this._calendar?.querySelector<HTMLButtonElement>(`[data-day=\"${newDay}\"]`)?.focus();\n    });\n  }\n\n  // ─── Navigation Boundary Checks ───\n\n  /** @internal */\n  private _isPrevMonthDisabled(): boolean {\n    if (!this.min) return false;\n    const firstOfCurrentView = new Date(this._viewYear, this._viewMonth, 1);\n    const minDate = this._parseISODate(this.min);\n    if (!minDate) return false;\n    return firstOfCurrentView <= minDate;\n  }\n\n  /** @internal */\n  private _isNextMonthDisabled(): boolean {\n    if (!this.max) return false;\n    const lastOfCurrentView = new Date(this._viewYear, this._viewMonth + 1, 0);\n    const maxDate = this._parseISODate(this.max);\n    if (!maxDate) return false;\n    return lastOfCurrentView >= maxDate;\n  }\n\n  // ─── Focus Trap ───\n\n  /** @internal */\n  private _handleCalendarTab(e: KeyboardEvent): void {\n    if (e.key !== 'Tab' || !this._isOpen) return;\n\n    const focusableEls = this._calendar?.querySelectorAll<HTMLElement>(\n      'button:not([disabled]), [tabindex=\"0\"]',\n    );\n    if (!focusableEls || focusableEls.length === 0) return;\n\n    const first = focusableEls[0];\n    const last = focusableEls[focusableEls.length - 1];\n\n    // In shadow DOM, document.activeElement returns the host element, not the\n    // focused inner element. Use shadowRoot.activeElement exclusively so the\n    // comparison is accurate and the trap cannot malfunction and strand users.\n    const shadowActive = this.shadowRoot?.activeElement;\n\n    if (e.shiftKey) {\n      if (shadowActive === first) {\n        e.preventDefault();\n        last?.focus();\n      }\n    } else {\n      if (shadowActive === last) {\n        e.preventDefault();\n        first?.focus();\n      }\n    }\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderWeekdayHeaders() {\n    // Use pre-cached weekday names (only locale-dependent, never changes within a session)\n    const names = this._getWeekdayNames();\n    const headers = names.map(\n      (name) =>\n        html`<div class=\"calendar__weekday\" role=\"columnheader\" aria-label=${name}>\n          ${name.slice(0, 2)}\n        </div>`,\n    );\n    return html`<div class=\"calendar__row\" role=\"row\">${headers}</div>`;\n  }\n\n  /** @internal */\n  private _renderDayGrid() {\n    const cells = this._getDaysInGrid();\n    const selectedDate = this._parseISODate(this.value);\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._isToday(date);\n        const isDisabled = this._isDateDisabled(date);\n        const isFocused = this._focusedDay === date.getDate();\n        const dayNumber = date.getDate();\n\n        const ariaLabel = date.toLocaleDateString(this.locale, {\n          weekday: 'long',\n          year: 'numeric',\n          month: 'long',\n          day: 'numeric',\n        });\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 class=\"calendar__day-cell\">\n          <button\n            part=\"day\"\n            class=${classMap(dayClasses)}\n            type=\"button\"\n            role=\"gridcell\"\n            data-day=${dayNumber}\n            aria-label=${ariaLabel}\n            aria-selected=${isSelected ? 'true' : 'false'}\n            aria-disabled=${isDisabled ? 'true' : nothing}\n            aria-current=${isToday ? 'date' : nothing}\n            tabindex=${isFocused ? '0' : '-1'}\n            ?disabled=${isDisabled}\n            @click=${() => {\n              this._selectDay(date);\n            }}\n          >\n            ${dayNumber}\n          </button>\n        </div>`;\n      });\n\n      rows.push(html`<div class=\"calendar__row\" role=\"row\">${rowCells}</div>`);\n    }\n\n    return rows;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const hasError = !!this.error || this._hasErrorSlot;\n    const displayValue = this._formatForDisplay(this.value);\n    const monthName = this._getMonthName(this._viewMonth);\n\n    const fieldClasses = {\n      field: true,\n      'field--error': hasError,\n      'field--disabled': this.disabled,\n      'field--required': this.required,\n    };\n\n    const describedBy =\n      [hasError ? this._errorId : null, this.helpText ? this._helpTextId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    return html`\n      <div part=\"field\" class=${classMap(fieldClasses)}>\n        <!-- Label -->\n        <div class=\"field__label-wrapper\">\n          <slot name=\"label\" @slotchange=${this._handleLabelSlotChange}>\n            ${this.label\n              ? html`\n                  <label part=\"label\" class=\"field__label\" for=${this._inputId}>\n                    ${this.label}\n                    ${this.required\n                      ? html`<span class=\"field__required-marker\" aria-hidden=\"true\">*</span>`\n                      : nothing}\n                  </label>\n                `\n              : nothing}\n          </slot>\n        </div>\n\n        <!-- Input + Trigger -->\n        <div part=\"input-wrapper\" class=\"field__input-wrapper\">\n          <input\n            part=\"input\"\n            class=\"field__input\"\n            id=${this._inputId}\n            type=\"text\"\n            readonly\n            .value=${displayValue}\n            placeholder=${ifDefined(this.format || undefined)}\n            ?disabled=${this.disabled}\n            aria-labelledby=${ifDefined(\n              this._hasLabelSlot ? `${this._inputId}-slotted-label` : undefined,\n            )}\n            aria-invalid=${hasError ? 'true' : nothing}\n            aria-describedby=${ifDefined(describedBy)}\n            aria-required=${this.required ? 'true' : nothing}\n            aria-haspopup=\"dialog\"\n            @click=${this._openCalendar}\n          />\n          <button\n            part=\"trigger\"\n            class=\"field__trigger\"\n            type=\"button\"\n            aria-label=${this._isOpen ? this.closeCalendarLabel : this.openCalendarLabel}\n            aria-haspopup=\"dialog\"\n            aria-expanded=${this._isOpen ? 'true' : 'false'}\n            aria-controls=${this._calendarId}\n            ?disabled=${this.disabled}\n            @click=${this._toggleCalendar}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\n            </svg>\n          </button>\n        </div>\n\n        <!-- Calendar Popup -->\n        ${this._isOpen\n          ? html`\n              <div\n                part=\"calendar\"\n                class=\"calendar\"\n                id=${this._calendarId}\n                role=\"dialog\"\n                aria-modal=\"true\"\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 class=\"calendar__grid\" role=\"grid\" aria-label=\"${monthName} ${this._viewYear}\">\n                  ${this._renderWeekdayHeaders()} ${this._renderDayGrid()}\n                </div>\n              </div>\n            `\n          : nothing}\n\n        <!-- Error -->\n        <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n          ${this.error\n            ? html`\n                <div part=\"error\" class=\"field__error\" id=${this._errorId} role=\"alert\">\n                  ${this.error}\n                </div>\n              `\n            : nothing}\n        </slot>\n\n        <!-- Help Text -->\n        ${this.helpText && !hasError\n          ? html`\n              <div part=\"help-text\" class=\"field__help-text\" id=${this._helpTextId}>\n                <slot name=\"help-text\">${this.helpText}</slot>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-date-picker': HelixDatePicker;\n  }\n}\n"],"names":["helixDatePickerStyles","css","_instanceCounter","HelixDatePicker","LitElement","e","slot","slottedLabel","changedProperties","selected","monthName","state","_mode","disabled","options","_a","iso","d","date","y","m","a","b","month","dayIndex","_","i","leadingBlanks","daysInMonth","cells","remainder","selectedISO","targetDay","today","todayDate","btn","key","currentFocused","dayOfWeek","newDay","_b","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","classMap","nothing","hasError","displayValue","fieldClasses","describedBy","ifDefined","tokenStyles","__decorateClass","property","query","customElement"],"mappings":"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"}

package/dist/shared/{hx-dialog-M7so0sRT.js → hx-dialog-U5d3s0Ps.js}

@@ -1,8 +1,8 @@
-import { css as f, LitElement as m, nothing as s, html as h } from "lit";
-import { query as _, state as b, property as c, customElement as x } from "lit/decorators.js";
-import { tokenStyles as y } from "@helixui/tokens/lit";
-import { l as k, u as p } from "./body-scroll-lock-VBa5TFP-.js";
-const E = f`
+import { css as x, LitElement as y, nothing as d, html as c } from "lit";
+import { query as E, state as m, property as h, customElement as k } from "lit/decorators.js";
+import { tokenStyles as w } from "@helixui/tokens/lit";
+import { l as C, u as b } from "./body-scroll-lock-VBa5TFP-.js";
+const S = x`
   :host {
     display: contents;
   }
@@ -19,7 +19,7 @@ const E = f`
     overflow: visible;
     /* D5 — ensure native dialog element renders above the non-modal backdrop sibling */
     position: relative;
-    z-index: calc(var(--hx-z-index-modal, 100) + 1);
+    z-index: calc(var(--hx-z-index-modal, 1400) + 1);
   }
 
   /* ─── Dialog container ─── */
@@ -32,18 +32,18 @@ const E = f`
     color: var(--hx-dialog-color, var(--hx-color-neutral-900));
     border-radius: var(--hx-dialog-border-radius, var(--hx-border-radius-lg));
     box-shadow: var(--hx-dialog-shadow, var(--hx-shadow-xl));
-    width: var(--hx-dialog-width, var(--hx-size-128, 32rem));
-    max-width: calc(100vw - var(--hx-spacing-8, 2rem));
-    max-height: calc(100vh - var(--hx-spacing-8, 2rem));
+    width: var(--hx-dialog-width, var(--hx-container-narrow, 32rem));
+    max-width: calc(100vw - var(--hx-space-8, 2rem));
+    max-height: calc(100vh - var(--hx-space-8, 2rem));
     overflow: hidden;
     outline: none;
 
     /* Open/close animation */
     opacity: 0;
-    transform: translateY(var(--hx-spacing-4, 1rem)) scale(0.97);
+    transform: translateY(var(--hx-space-4, 1rem)) scale(0.97);
     transition:
-      opacity var(--hx-duration-200, 200ms) var(--hx-ease-out, ease-out),
-      transform var(--hx-duration-200, 200ms) var(--hx-ease-out, ease-out);
+      opacity var(--hx-duration-normal, 200ms) var(--hx-easing-out, ease-out),
+      transform var(--hx-duration-normal, 200ms) var(--hx-easing-out, ease-out);
   }
 
   dialog[open] .dialog {
@@ -55,6 +55,10 @@ const E = f`
     .dialog {
       transition: none;
     }
+
+    .dialog__close-btn {
+      transition: none;
+    }
   }
 
   /* ─── Native backdrop (modal mode) ─── */
@@ -62,7 +66,7 @@ const E = f`
   dialog::backdrop {
     background-color: var(--hx-dialog-backdrop-color, var(--hx-color-neutral-900));
     opacity: 0;
-    transition: opacity var(--hx-duration-200, 200ms) var(--hx-ease-out, ease-out);
+    transition: opacity var(--hx-duration-normal, 200ms) var(--hx-easing-out, ease-out);
   }
 
   dialog[open]::backdrop {
@@ -83,7 +87,7 @@ const E = f`
     background-color: var(--hx-dialog-backdrop-color, var(--hx-color-neutral-900));
     opacity: var(--hx-dialog-backdrop-opacity, 0.5);
     /* D5 — backdrop z-index must be lower than the dialog element's z-index */
-    z-index: var(--hx-z-index-modal, 100);
+    z-index: var(--hx-z-index-modal, 1400);
   }
 
   /* ─── Header ─── */
@@ -92,10 +96,10 @@ const E = f`
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: var(--hx-dialog-header-padding, var(--hx-spacing-5) var(--hx-spacing-6));
-    border-bottom: var(--hx-border-width-1) solid
+    padding: var(--hx-dialog-header-padding, var(--hx-space-5) var(--hx-space-6));
+    border-bottom: var(--hx-border-width-thin) solid
       var(--hx-dialog-header-border-color, var(--hx-color-neutral-200));
-    gap: var(--hx-spacing-4);
+    gap: var(--hx-space-4);
     flex-shrink: 0;
   }
 
@@ -104,7 +108,7 @@ const E = f`
     font-family: var(--hx-font-family-sans);
     font-size: var(--hx-font-size-lg);
     font-weight: var(--hx-font-weight-semibold);
-    line-height: var(--hx-line-height-snug);
+    line-height: var(--hx-line-height-tight);
     color: var(--hx-dialog-heading-color, var(--hx-color-neutral-900));
     flex: 1 1 auto;
   }
@@ -122,17 +126,17 @@ const E = f`
     width: var(--hx-touch-target-min, 2.75rem);
     height: var(--hx-touch-target-min, 2.75rem);
     padding: 0;
-    margin-left: auto;
+    margin-inline-start: auto;
     background: transparent;
     border: none;
     border-radius: var(--hx-border-radius-sm, 0.25rem);
     cursor: pointer;
     color: var(--hx-color-neutral-500, #6b7280);
     font-size: var(--hx-font-size-xl, 1.25rem);
-    line-height: var(--hx-line-height-none, 1);
+    line-height: 1; /* intentional literal: icon button needs line-height 1; no token maps to exactly 1 */
     transition:
-      color var(--hx-duration-100, 100ms) ease,
-      background-color var(--hx-duration-100, 100ms) ease;
+      color var(--hx-duration-fast, 100ms) ease,
+      background-color var(--hx-duration-fast, 100ms) ease;
   }
 
   .dialog__close-btn::before {
@@ -140,8 +144,8 @@ const E = f`
   }
 
   .dialog__close-btn:hover {
-    color: var(--hx-color-neutral-900, #111827);
-    background-color: var(--hx-color-neutral-100, #f3f4f6);
+    color: var(--hx-color-neutral-900);
+    background-color: var(--hx-color-neutral-100);
   }
 
   .dialog__close-btn:focus-visible {
@@ -157,7 +161,7 @@ const E = f`
 
   .dialog__body {
     flex: 1 1 auto;
-    padding: var(--hx-dialog-body-padding, var(--hx-spacing-6));
+    padding: var(--hx-dialog-body-padding, var(--hx-space-6));
     overflow-y: auto;
     overscroll-behavior: contain;
   }
@@ -168,9 +172,9 @@ const E = f`
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    gap: var(--hx-spacing-3);
-    padding: var(--hx-dialog-footer-padding, var(--hx-spacing-4) var(--hx-spacing-6));
-    border-top: var(--hx-border-width-1) solid
+    gap: var(--hx-space-3);
+    padding: var(--hx-dialog-footer-padding, var(--hx-space-4) var(--hx-space-6));
+    border-top: var(--hx-border-width-thin) solid
       var(--hx-dialog-footer-border-color, var(--hx-color-neutral-200));
     flex-shrink: 0;
   }
@@ -189,14 +193,25 @@ const E = f`
     border: 0;
   }
 `;
-var w = Object.defineProperty, D = Object.getOwnPropertyDescriptor, n = (e, t, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? D(t, o) : t, l = e.length - 1, d; l >= 0; l--)
-    (d = e[l]) && (a = (r ? d(t, o, a) : d(a)) || a);
-  return r && a && w(t, o, a), a;
+var D = Object.defineProperty, F = Object.getOwnPropertyDescriptor, l = (e, t, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? F(t, o) : t, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (a = (n ? s(t, o, a) : s(a)) || a);
+  return n && a && D(t, o, a), a;
 };
-let v = 0, i = class extends m {
+let _ = 0;
+const f = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])',
+  "details > summary"
+].join(",");
+let r = class extends y {
   constructor() {
-    super(...arguments), this._hasHeaderSlot = !1, this._hasFooterSlot = !1, this._cachedFocusableElements = [], this._triggerElement = null, this._pendingReturnValue = void 0, this._headingId = `hx-dialog-heading-${++v}`, this._descriptionId = `hx-dialog-description-${v}`, this.open = !1, this.modal = !0, this.closeOnBackdrop = !0, this.heading = "", this.variant = "dialog", this.description = "", this._handleKeyDown = (e) => {
+    super(...arguments), this._hasHeaderSlot = !1, this._hasFooterSlot = !1, this._cachedFocusableElements = [], this._isTransitioning = !1, this._triggerElement = null, this._pendingReturnValue = void 0, this._headingId = `hx-dialog-heading-${++_}`, this._descriptionId = `hx-dialog-description-${_}`, this.open = !1, this.modal = !0, this.closeOnBackdrop = !0, this.heading = "", this.variant = "dialog", this.description = "", this.labelClose = "Close dialog", this._handleKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault(), this._cancel();
         return;
@@ -229,10 +244,10 @@ let v = 0, i = class extends m {
     super.attributeChangedCallback(e, t, o), e === "aria-label" && t !== o && this.requestUpdate("aria-label", t);
   }
   firstUpdated() {
-    this._hasHeaderSlot = this.querySelector('[slot="header"]') !== null;
+    this._hasHeaderSlot = this.querySelector('[slot="header"]') !== null, !this.heading.trim() && this._hasHeaderSlot;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._removeGlobalListeners(), this.modal && this.open && p();
+    super.disconnectedCallback(), this._removeGlobalListeners(), this.modal && this.open && b();
   }
   updated(e) {
     super.updated(e), e.has("open") && (this.open ? this._openDialog() : this._closeDialog());
@@ -254,24 +269,27 @@ let v = 0, i = class extends m {
     e !== void 0 && (this._pendingReturnValue = e), this.open = !1;
   }
   // ─── Private: Open / Close ───
+  /** @internal */
   _openDialog() {
     const e = this._dialogEl;
-    e && (this._triggerElement = document.activeElement, this.modal ? (e.open || e.showModal(), k()) : e.open || e.show(), this._addGlobalListeners(), this.updateComplete.then(() => {
+    e && (this._isTransitioning || (this._isTransitioning = !0, this._triggerElement = document.activeElement, this.modal ? (e.open || e.showModal(), C()) : e.open || e.show(), this._addGlobalListeners(), this.updateComplete.then(() => {
       var t;
-      this._cachedFocusableElements = this._getFocusableElements(), (t = this._cachedFocusableElements[0]) == null || t.focus();
+      this._cachedFocusableElements = this._getFocusableElements(), (t = this._cachedFocusableElements[0]) == null || t.focus(), this._isTransitioning = !1;
     }), this.dispatchEvent(
       new CustomEvent("hx-open", {
         bubbles: !0,
         composed: !0
       })
-    ));
+    )));
   }
+  /** @internal */
   _closeDialog() {
     var o;
     const e = this._dialogEl;
-    if (!e) return;
+    if (!e || this._isTransitioning) return;
+    this._isTransitioning = !0;
     const t = e.open;
-    e.open && (this._pendingReturnValue !== void 0 ? (e.close(this._pendingReturnValue), this._pendingReturnValue = void 0) : e.close()), p(), this._removeGlobalListeners(), this._cachedFocusableElements = [], (o = this._triggerElement) == null || o.focus(), this._triggerElement = null, t && this.dispatchEvent(
+    e.open && (this._pendingReturnValue !== void 0 ? (e.close(this._pendingReturnValue), this._pendingReturnValue = void 0) : e.close()), b(), this._removeGlobalListeners(), this._cachedFocusableElements = [], (o = this._triggerElement) == null || o.focus(), this._triggerElement = null, this._isTransitioning = !1, t && this.dispatchEvent(
       new CustomEvent("hx-close", {
         bubbles: !0,
         composed: !0
@@ -279,50 +297,52 @@ let v = 0, i = class extends m {
     );
   }
   // ─── Event Listeners ───
+  /** @internal */
   _addGlobalListeners() {
     var e, t, o;
     (e = this._dialogEl) == null || e.addEventListener("keydown", this._handleKeyDown), (t = this._dialogEl) == null || t.addEventListener("click", this._handleDialogClick), (o = this._dialogEl) == null || o.addEventListener("cancel", this._handleNativeCancel);
   }
+  /** @internal */
   _removeGlobalListeners() {
     var e, t, o;
     (e = this._dialogEl) == null || e.removeEventListener("keydown", this._handleKeyDown), (t = this._dialogEl) == null || t.removeEventListener("click", this._handleDialogClick), (o = this._dialogEl) == null || o.removeEventListener("cancel", this._handleNativeCancel);
   }
   // ─── Focus Trap ───
+  /** @internal */
   _getFocusableElements() {
-    var r;
-    const e = [
-      "a[href]",
-      "area[href]",
-      "button:not([disabled])",
-      "input:not([disabled])",
-      "select:not([disabled])",
-      "textarea:not([disabled])",
-      '[tabindex]:not([tabindex="-1"])',
-      "details > summary"
-    ].join(","), t = ((r = this.shadowRoot) == null ? void 0 : r.querySelectorAll("slot")) ?? [], o = [];
-    return t.forEach((a) => {
-      a.assignedElements({ flatten: !0 }).forEach((l) => {
-        l instanceof HTMLElement && (l.matches(e) && o.push(l), l.querySelectorAll(e).forEach((d) => {
-          o.push(d);
+    var n, a;
+    const e = ((n = this.shadowRoot) == null ? void 0 : n.querySelectorAll("slot")) ?? [], t = [];
+    e.forEach((i) => {
+      i.assignedElements({ flatten: !0 }).forEach((s) => {
+        s instanceof HTMLElement && (s.matches(f) && t.push(s), s.querySelectorAll(f).forEach((g) => {
+          t.push(g);
         }));
       });
-    }), o.filter(
-      (a) => !a.hasAttribute("disabled") && a.getAttribute("tabindex") !== "-1"
+    });
+    const o = t.filter(
+      (i) => !i.hasAttribute("disabled") && i.getAttribute("tabindex") !== "-1"
     );
+    if (o.length === 0) {
+      const i = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".dialog__close-btn");
+      i && o.push(i);
+    }
+    return o;
   }
+  /** @internal */
   _trapFocus(e) {
-    var u;
+    var p, v;
     const t = this._cachedFocusableElements.length > 0 ? this._cachedFocusableElements : this._getFocusableElements();
     if (t.length === 0) {
       e.preventDefault();
       return;
     }
-    const [o, ...r] = t, a = r.length > 0 ? r[r.length - 1] : o;
+    const [o, ...n] = t, a = n.length > 0 ? n[n.length - 1] : o;
     if (!o || !a) return;
-    const l = document.activeElement, g = ((u = this.shadowRoot) == null ? void 0 : u.activeElement) ?? l;
-    e.shiftKey ? g === o && (e.preventDefault(), a.focus()) : g === a && (e.preventDefault(), o.focus());
+    const i = document.activeElement, s = (p = this.shadowRoot) == null ? void 0 : p.activeElement, g = s ?? i, u = (v = this.shadowRoot) == null ? void 0 : v.querySelector(".dialog__close-btn");
+    e.shiftKey ? (g === o || u !== null && s === u && o === u) && (e.preventDefault(), a.focus()) : g === a && (e.preventDefault(), o.focus());
   }
   // ─── Cancel logic ───
+  /** @internal */
   _cancel() {
     this.dispatchEvent(
       new CustomEvent("hx-cancel", {
@@ -332,40 +352,45 @@ let v = 0, i = class extends m {
     ), this.open = !1;
   }
   // ─── Slot change handlers ───
+  /** @internal */
   _handleHeaderSlotChange(e) {
     const t = e.target;
     this._hasHeaderSlot = t.assignedNodes({ flatten: !0 }).length > 0;
   }
+  /** @internal */
   _handleFooterSlotChange(e) {
     const t = e.target;
     this._hasFooterSlot = t.assignedNodes({ flatten: !0 }).length > 0;
   }
   // ─── Render Helpers ───
+  /** @internal */
   _renderHeader() {
     const e = this.heading.trim().length > 0;
-    return h`
+    return c`
       <div part="header" class="dialog__header">
-        ${e ? h`<h2 id=${this._headingId} class="dialog__heading">${this.heading}</h2>` : s}
+        ${e ? c`<h2 id=${this._headingId} class="dialog__heading">${this.heading}</h2>` : d}
         <slot name="header" @slotchange=${this._handleHeaderSlotChange}></slot>
         <button
           part="close-button"
           class="dialog__close-btn"
           type="button"
-          aria-label=${`Close ${this.heading.trim() || "dialog"}`}
+          aria-label=${this.labelClose}
           @click=${() => this.close()}
         ></button>
       </div>
     `;
   }
+  /** @internal */
   _renderFooter() {
-    return h`
+    return c`
       <div part="footer" class="dialog__footer" ?hidden=${!this._hasFooterSlot}>
         <slot name="footer" @slotchange=${this._handleFooterSlotChange}></slot>
       </div>
     `;
   }
+  /** @internal */
   _renderNonModalBackdrop() {
-    return this.modal || !this.open ? s : h`
+    return this.modal || !this.open ? d : c`
       <div
         part="backdrop"
         class="dialog-backdrop"
@@ -375,22 +400,23 @@ let v = 0, i = class extends m {
     `;
   }
   // D8 — render visually-hidden description for aria-describedby
+  /** @internal */
   _renderDescription() {
-    return this.description ? h`<span id=${this._descriptionId} class="dialog__description"
+    return this.description ? c`<span id=${this._descriptionId} class="dialog__description"
       >${this.description}</span
-    >` : s;
+    >` : d;
   }
   // ─── Render ───
   render() {
     const e = this.heading.trim().length > 0, t = this.getAttribute("aria-label");
-    return h`
+    return c`
       ${this._renderNonModalBackdrop()}
       <dialog
-        role=${this.variant !== "dialog" ? this.variant : s}
-        aria-labelledby=${e ? this._headingId : s}
-        aria-label=${e ? s : t ?? "Dialog"}
-        aria-describedby=${this.description ? this._descriptionId : s}
-        aria-modal=${this.modal ? "true" : s}
+        role=${this.variant !== "dialog" ? this.variant : d}
+        aria-labelledby=${e ? this._headingId : d}
+        aria-label=${e ? d : t ?? "Dialog"}
+        aria-describedby=${this.description ? this._descriptionId : d}
+        aria-modal=${this.modal ? "true" : d}
       >
         <div part="dialog" class="dialog">
           ${this._renderHeader()} ${this._renderDescription()}
@@ -403,24 +429,24 @@ let v = 0, i = class extends m {
     `;
   }
 };
-i.styles = [y, E];
-n([
-  _("dialog")
-], i.prototype, "_dialogEl", 2);
-n([
-  b()
-], i.prototype, "_hasHeaderSlot", 2);
-n([
-  b()
-], i.prototype, "_hasFooterSlot", 2);
-n([
-  c({ type: Boolean, reflect: !0 })
-], i.prototype, "open", 2);
-n([
-  c({ type: Boolean, reflect: !0 })
-], i.prototype, "modal", 2);
-n([
-  c({
+r.styles = [w, S];
+l([
+  E("dialog")
+], r.prototype, "_dialogEl", 2);
+l([
+  m()
+], r.prototype, "_hasHeaderSlot", 2);
+l([
+  m()
+], r.prototype, "_hasFooterSlot", 2);
+l([
+  h({ type: Boolean, reflect: !0 })
+], r.prototype, "open", 2);
+l([
+  h({ type: Boolean, reflect: !0 })
+], r.prototype, "modal", 2);
+l([
+  h({
     attribute: "close-on-backdrop",
     reflect: !0,
     converter: {
@@ -428,20 +454,23 @@ n([
       toAttribute: (e) => String(e)
     }
   })
-], i.prototype, "closeOnBackdrop", 2);
-n([
-  c({ type: String })
-], i.prototype, "heading", 2);
-n([
-  c({ type: String, reflect: !0 })
-], i.prototype, "variant", 2);
-n([
-  c({ type: String })
-], i.prototype, "description", 2);
-i = n([
-  x("hx-dialog")
-], i);
+], r.prototype, "closeOnBackdrop", 2);
+l([
+  h({ type: String })
+], r.prototype, "heading", 2);
+l([
+  h({ type: String, reflect: !0 })
+], r.prototype, "variant", 2);
+l([
+  h({ type: String })
+], r.prototype, "description", 2);
+l([
+  h({ type: String, attribute: "label-close" })
+], r.prototype, "labelClose", 2);
+r = l([
+  k("hx-dialog")
+], r);
 export {
-  i as H
+  r as H
 };
-//# sourceMappingURL=hx-dialog-M7so0sRT.js.map
+//# sourceMappingURL=hx-dialog-U5d3s0Ps.js.map