@helixui/library 0.1.0

package/dist/components/hx-data-table/hx-data-table.d.ts

@@ -0,0 +1,125 @@
+import { LitElement } from 'lit';
+/**
+ * Column definition for `hx-data-table`.
+ */
+export interface HxDataTableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: string;
+}
+/**
+ * Sort state exported for TypeScript consumers and CEM event types.
+ */
+export interface HxDataTableSortState {
+    key: string;
+    direction: 'asc' | 'desc';
+}
+/**
+ * An enterprise data table with sorting, row selection, and keyboard navigation.
+ *
+ * @summary Enterprise data table with sorting, selection, and responsive scroll.
+ *
+ * @tag hx-data-table
+ *
+ * @slot toolbar - Content rendered above the table (e.g., search, actions).
+ * @slot empty - Custom empty-state content rendered when `rows` is empty and not loading.
+ * @slot loading - Custom loading content rendered when `loading` is true.
+ *
+ * @fires {CustomEvent<HxDataTableSortState>} hx-sort - Dispatched when a sortable column header is clicked.
+ * @fires {CustomEvent<{selectedRows: Record<string, unknown>[]}>} hx-select - Dispatched when row selection changes.
+ * @fires {CustomEvent<{row: Record<string, unknown>, index: number}>} hx-row-click - Dispatched when a data row is clicked.
+ *
+ * @csspart table - The `<table>` element.
+ * @csspart thead - The `<thead>` element.
+ * @csspart tbody - The `<tbody>` element.
+ * @csspart tr - Each `<tr>` element.
+ * @csspart th - Each `<th>` element.
+ * @csspart td - Each `<td>` element.
+ * @csspart sort-icon - The sort indicator icon `<span>` inside sortable headers.
+ * @csspart checkbox - Each `<input type="checkbox">` element.
+ *
+ * @cssprop [--hx-data-table-header-bg=var(--hx-color-neutral-50)] - Header background color.
+ * @cssprop [--hx-data-table-header-color=var(--hx-color-neutral-700)] - Header text color.
+ * @cssprop [--hx-data-table-cell-color=var(--hx-color-neutral-900)] - Cell text color.
+ * @cssprop [--hx-data-table-border-color=var(--hx-color-neutral-200)] - Row border color.
+ * @cssprop [--hx-data-table-row-hover-bg=var(--hx-color-neutral-50)] - Row hover background.
+ * @cssprop [--hx-data-table-row-selected-bg=var(--hx-color-primary-50)] - Selected row background.
+ * @cssprop [--hx-data-table-empty-color=var(--hx-color-neutral-600)] - Empty state text color.
+ * @cssprop [--hx-data-table-min-width=600px] - Minimum table width before horizontal scrolling.
+ */
+export declare class HelixDataTable extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Column definitions. Each item: `{ key, label, sortable?, width? }`.
+     * Can be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).
+     * @attr columns
+     */
+    columns: HxDataTableColumn[];
+    /**
+     * Row data. Each item is a plain object keyed by column `key` values.
+     * Can be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).
+     * @attr rows
+     */
+    rows: Record<string, unknown>[];
+    /**
+     * When true, renders a checkbox column for row selection.
+     * @attr selectable
+     */
+    selectable: boolean;
+    /**
+     * The column key currently used for sorting.
+     * @attr sort-key
+     */
+    sortKey: string;
+    /**
+     * Current sort direction.
+     * @attr sort-direction
+     */
+    sortDirection: 'asc' | 'desc';
+    /**
+     * When true, renders a loading skeleton and sets `aria-busy="true"` on the host.
+     * @attr loading
+     */
+    loading: boolean;
+    /**
+     * Text displayed in the default empty state when `rows` is empty and not loading.
+     * @attr empty-label
+     */
+    emptyLabel: string;
+    /**
+     * When true, the header row is sticky (position: sticky; top: 0).
+     * @attr sticky-header
+     */
+    stickyHeader: boolean;
+    /**
+     * Current page (1-based). Set to 0 or leave at default (0) to disable pagination.
+     * @attr page
+     */
+    page: number;
+    /**
+     * Number of rows per page. Set to 0 to disable pagination (show all rows).
+     * @attr page-size
+     */
+    pageSize: number;
+    private _selectedRows;
+    willUpdate(changed: Map<string, unknown>): void;
+    private _handleSort;
+    private _handleRowClick;
+    private _handleSelect;
+    private _handleSelectAll;
+    private _dispatchSelect;
+    private _handleKeydown;
+    private _renderSortIcon;
+    private _renderHeaderRow;
+    private _renderSkeletonRows;
+    private _renderEmptyRow;
+    private _renderDataRows;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-data-table': HelixDataTable;
+    }
+}
+//# sourceMappingURL=hx-data-table.d.ts.map

package/dist/components/hx-data-table/hx-data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-data-table.d.ts","sourceRoot":"","sources":["../../../src/components/hx-data-table/hx-data-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAAuC;IAI7D;;;;OAIG;IAEH,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAElC;;;;OAIG;IAEH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAErC;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;;OAGG;IAEH,OAAO,SAAM;IAEb;;;OAGG;IAEH,aAAa,EAAE,KAAK,GAAG,MAAM,CAAS;IAEtC;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,UAAU,SAAa;IAEvB;;;OAGG;IAEH,YAAY,UAAS;IAErB;;;OAGG;IAEH,IAAI,SAAK;IAET;;;OAGG;IAEH,QAAQ,SAAK;IAKb,OAAO,CAAC,aAAa,CAA0B;IAItC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAqCxD,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,cAAc;IAmEtB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,gBAAgB;IAqDxB,OAAO,CAAC,mBAAmB;IAsB3B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,eAAe;IAgDd,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,cAAc,CAAC;KACjC;CACF"}

package/dist/components/hx-data-table/hx-data-table.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const helixDataTableStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-data-table.styles.d.ts.map

package/dist/components/hx-data-table/hx-data-table.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-data-table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-data-table/hx-data-table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAgMhC,CAAC"}

package/dist/components/hx-data-table/index.d.ts

@@ -0,0 +1,3 @@
+export { HelixDataTable } from './hx-data-table.js';
+export type { HxDataTableColumn, HxDataTableSortState } from './hx-data-table.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/hx-data-table/index.js

@@ -0,0 +1,5 @@
+import { H as l } from "../../shared/hx-data-table-D5huonFo.js";
+export {
+  l as HelixDataTable
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-data-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/hx-date-picker/hx-date-picker.d.ts

@@ -0,0 +1,129 @@
+import { LitElement } from 'lit';
+export declare class HelixDatePicker extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static formAssociated: boolean;
+    private _internals;
+    constructor();
+    /**
+     * The name of the field, used for form submission.
+     * @attr name
+     */
+    name: string;
+    /**
+     * The current value as an ISO 8601 date string (e.g. 2026-03-04).
+     * @attr value
+     */
+    value: string;
+    /**
+     * The minimum selectable date as an ISO 8601 string.
+     * @attr min
+     */
+    min: string;
+    /**
+     * The maximum selectable date as an ISO 8601 string.
+     * @attr max
+     */
+    max: string;
+    /**
+     * The visible label text.
+     * @attr label
+     */
+    label: string;
+    /**
+     * Whether the field is required for form submission.
+     * @attr required
+     */
+    required: boolean;
+    /**
+     * Whether the field is disabled.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Error message to display. When set, the field enters an error state.
+     * @attr error
+     */
+    error: string;
+    /**
+     * Help text displayed below the field for guidance.
+     * @attr help-text
+     */
+    helpText: string;
+    /**
+     * Display format hint shown as placeholder (e.g. MM/DD/YYYY).
+     * @attr format
+     */
+    format: string;
+    /**
+     * Locale string used for formatting the display value.
+     * @attr locale
+     */
+    locale: string;
+    private _isOpen;
+    private _viewYear;
+    private _viewMonth;
+    private _focusedDay;
+    private _liveMessage;
+    private _input;
+    private _trigger;
+    private _calendar;
+    private _id;
+    private _inputId;
+    private _helpTextId;
+    private _errorId;
+    private _calendarId;
+    private _liveRegionId;
+    private _hasLabelSlot;
+    private _hasErrorSlot;
+    private _handleLabelSlotChange;
+    private _handleErrorSlotChange;
+    private _boundHandleOutsideClick;
+    private _boundHandleDocumentKeydown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _handleOutsideClick;
+    private _handleDocumentKeydown;
+    get form(): HTMLFormElement | null;
+    get validationMessage(): string;
+    get validity(): ValidityState;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    private _updateValidity;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    focus(options?: FocusOptions): void;
+    private _parseISODate;
+    private _toISO;
+    private _formatForDisplay;
+    private _isDateDisabled;
+    private _isSameDay;
+    private _isToday;
+    private _getMonthName;
+    private _getDayName;
+    /**
+     * Returns an array of Date objects (or null for padding cells) representing
+     * the 6-week grid for the current view month.
+     */
+    private _getDaysInGrid;
+    private _openCalendar;
+    private _closeCalendar;
+    private _toggleCalendar;
+    private _focusActiveDay;
+    private _prevMonth;
+    private _nextMonth;
+    private _selectDay;
+    private _handleCalendarKeydown;
+    private _isPrevMonthDisabled;
+    private _isNextMonthDisabled;
+    private _handleCalendarTab;
+    private _renderWeekdayHeaders;
+    private _renderDayGrid;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-date-picker': HelixDatePicker;
+    }
+}
+//# sourceMappingURL=hx-date-picker.d.ts.map

package/dist/components/hx-date-picker/hx-date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-date-picker/hx-date-picker.ts"],"names":[],"mappings":"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"}

package/dist/components/hx-date-picker/hx-date-picker.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const helixDatePickerStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-date-picker.styles.d.ts.map

package/dist/components/hx-date-picker/hx-date-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-date-picker/hx-date-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAyZjC,CAAC"}

package/dist/components/hx-date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { HelixDatePicker } from './hx-date-picker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/hx-date-picker/index.js

@@ -0,0 +1,5 @@
+import { H as a } from "../../shared/hx-date-picker-Ckvm0yi9.js";
+export {
+  a as HelixDatePicker
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/hx-dialog/hx-dialog.d.ts

@@ -0,0 +1,156 @@
+import { LitElement } from 'lit';
+/**
+ * A modal and non-modal dialog component built on the native HTML `<dialog>` element.
+ * Provides focus trapping, backdrop interaction, keyboard navigation, and full
+ * ARIA labelling for enterprise healthcare accessibility requirements.
+ *
+ * @summary Accessible dialog overlay for confirmations, forms, and detailed content.
+ *
+ * @tag hx-dialog
+ *
+ * @slot - Default slot for the dialog body content.
+ * @slot header - Slot for custom header content. When provided, replaces the built-in heading.
+ * @slot footer - Slot for action buttons or footer content.
+ *
+ * @fires {CustomEvent<void>} hx-open - Fired when the dialog opens.
+ * @fires {CustomEvent<void>} hx-close - Fired when the dialog closes for any reason.
+ * @fires {CustomEvent<void>} hx-cancel - Fired when the dialog is dismissed via Escape key or cancel action.
+ *
+ * @csspart dialog - The inner container div that holds the dialog content.
+ * @csspart backdrop - The non-modal backdrop overlay element.
+ * @csspart header - The header region containing the heading and header slot.
+ * @csspart close-button - The built-in close button in the dialog header.
+ * @csspart body - The scrollable body region containing the default slot.
+ * @csspart footer - The footer region containing the footer slot.
+ *
+ * @cssprop [--hx-dialog-bg=var(--hx-color-neutral-0)] - Dialog background color.
+ * @cssprop [--hx-dialog-color=var(--hx-color-neutral-900)] - Dialog text color.
+ * @cssprop [--hx-dialog-border-radius=var(--hx-border-radius-lg)] - Dialog corner radius.
+ * @cssprop [--hx-dialog-shadow=var(--hx-shadow-xl)] - Dialog box shadow.
+ * @cssprop [--hx-dialog-width=32rem] - Dialog width.
+ * @cssprop [--hx-dialog-backdrop-color=var(--hx-color-neutral-900)] - Backdrop overlay color.
+ * @cssprop [--hx-dialog-backdrop-opacity=0.5] - Backdrop overlay opacity (set to 0 to hide; note
+ *   that opacity:0 makes the backdrop invisible but still present in the layout — use pointer-events
+ *   carefully if you need a fully non-blocking backdrop).
+ * @cssprop [--hx-dialog-header-padding] - Padding inside the dialog header.
+ * @cssprop [--hx-dialog-header-border-color=var(--hx-color-neutral-200)] - Header bottom border color.
+ * @cssprop [--hx-dialog-heading-color=var(--hx-color-neutral-900)] - Heading text color.
+ * @cssprop [--hx-dialog-body-padding] - Padding inside the dialog body.
+ * @cssprop [--hx-dialog-footer-padding] - Padding inside the dialog footer.
+ * @cssprop [--hx-dialog-footer-border-color=var(--hx-color-neutral-200)] - Footer top border color.
+ *
+ * @remarks
+ * **Browser support for `::backdrop`:** The `dialog::backdrop` pseudo-element inside Shadow DOM
+ * is well-supported in Chrome/Chromium and Firefox 122+. For Firefox < 122, modal backdrop
+ * animation will silently fall back to no animation. A non-modal backdrop fallback is rendered
+ * for non-modal dialogs.
+ *
+ * **Drupal integration:** This component is Twig-renderable via attributes (`heading`, `open`,
+ * `modal`, `close-on-backdrop`). For trigger-button wiring in Drupal behaviors:
+ * ```js
+ * Drupal.behaviors.hxDialog = {
+ *   attach(context) {
+ *     context.querySelectorAll('[data-hx-dialog-trigger]').forEach((btn) => {
+ *       btn.addEventListener('click', () => {
+ *         const id = btn.getAttribute('data-hx-dialog-trigger');
+ *         document.getElementById(id)?.showModal();
+ *       });
+ *     });
+ *   },
+ * };
+ * ```
+ * Focus restoration to the trigger element is handled automatically by the component.
+ */
+export declare class HelixDialog extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static get observedAttributes(): string[];
+    private _dialogEl;
+    /** Tracks whether a header slot has been assigned content. */
+    private _hasHeaderSlot;
+    /** Tracks whether a footer slot has been assigned content. */
+    private _hasFooterSlot;
+    /** Cached focusable elements — populated on open, cleared on close. */
+    private _cachedFocusableElements;
+    /** The element that had focus when the dialog opened — restored on close (D1). */
+    private _triggerElement;
+    /** Pending returnValue to pass to native dialog.close() (D11). */
+    private _pendingReturnValue;
+    private readonly _headingId;
+    private readonly _descriptionId;
+    /**
+     * Controls whether the dialog is open.
+     * @attr open
+     */
+    open: boolean;
+    /**
+     * When true, renders as a modal dialog with a backdrop and focus trap.
+     * When false, renders as a non-modal dialog.
+     * @attr modal
+     */
+    modal: boolean;
+    /**
+     * When true, clicking the backdrop closes the dialog.
+     * @attr close-on-backdrop
+     */
+    closeOnBackdrop: boolean;
+    /**
+     * Text content for the dialog heading. Used as the accessible label via aria-labelledby.
+     * @attr heading
+     */
+    heading: string;
+    /**
+     * ARIA role variant. Use `'alertdialog'` for urgent dialogs requiring immediate attention
+     * (e.g., drug interaction warnings, critical lab alerts). Defaults to `'dialog'`.
+     * @attr variant
+     */
+    variant: 'dialog' | 'alertdialog';
+    /**
+     * Optional description text linked to the dialog via `aria-describedby`.
+     * When provided, screen readers will announce this text when the dialog receives focus.
+     * Recommended for dialogs that surface critical clinical information.
+     * @attr description
+     */
+    description: string;
+    /**
+     * Returns the dialog's return value — the string passed to `close(returnValue)`.
+     * Mirrors `HTMLDialogElement.returnValue`.
+     */
+    get returnValue(): string;
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    /** Opens the dialog in the mode determined by the `modal` property. */
+    show(): void;
+    /** Opens the dialog as a modal regardless of the `modal` property setting. */
+    showModal(): void;
+    /**
+     * Closes the dialog.
+     * @param returnValue - Optional return value string stored as `dialog.returnValue`.
+     */
+    close(returnValue?: string): void;
+    private _openDialog;
+    private _closeDialog;
+    private _addGlobalListeners;
+    private _removeGlobalListeners;
+    private _handleKeyDown;
+    private _getFocusableElements;
+    private _trapFocus;
+    private _handleDialogClick;
+    private _handleBackdropClick;
+    private _handleNativeCancel;
+    private _cancel;
+    private _handleHeaderSlotChange;
+    private _handleFooterSlotChange;
+    private _renderHeader;
+    private _renderFooter;
+    private _renderNonModalBackdrop;
+    private _renderDescription;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-dialog': HelixDialog;
+    }
+}
+//# sourceMappingURL=hx-dialog.d.ts.map

package/dist/components/hx-dialog/hx-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/hx-dialog/hx-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAQhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAoC;IAG1D,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAKD,OAAO,CAAC,SAAS,CAA4B;IAI7C,8DAA8D;IAE9D,OAAO,CAAC,cAAc,CAAS;IAE/B,8DAA8D;IAE9D,OAAO,CAAC,cAAc,CAAS;IAE/B,uEAAuE;IACvE,OAAO,CAAC,wBAAwB,CAAqB;IAErD,kFAAkF;IAClF,OAAO,CAAC,eAAe,CAA4B;IAEnD,kEAAkE;IAClE,OAAO,CAAC,mBAAmB,CAAiC;IAI5D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA2C;IACtE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6C;IAI5E;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;;OAIG;IAEH,KAAK,UAAQ;IAEb;;;OAGG;IASH,eAAe,UAAQ;IAEvB;;;OAGG;IAEH,OAAO,SAAM;IAEb;;;;OAIG;IAEH,OAAO,EAAE,QAAQ,GAAG,aAAa,CAAY;IAE7C;;;;;OAKG;IAEH,WAAW,SAAM;IAEjB;;;OAGG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAKQ,wBAAwB,CAC/B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,EAAE,MAAM,GAAG,IAAI,GACpB,IAAI;IAOE,YAAY,IAAI,IAAI;IAKpB,oBAAoB,IAAI,IAAI;IAS5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAc/D,uEAAuE;IACvE,IAAI,IAAI,IAAI;IAIZ,8EAA8E;IAC9E,SAAS,IAAI,IAAI;IAKjB;;;OAGG;IACH,KAAK,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI;IASjC,OAAO,CAAC,WAAW;IAqCnB,OAAO,CAAC,YAAY;IAqCpB,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,cAAc,CAapB;IAIF,OAAO,CAAC,qBAAqB;IAsC7B,OAAO,CAAC,UAAU;IAqClB,OAAO,CAAC,kBAAkB,CAUxB;IAIF,OAAO,CAAC,oBAAoB,CAG1B;IAIF,OAAO,CAAC,mBAAmB,CAGzB;IAIF,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,uBAAuB;IAa/B,OAAO,CAAC,kBAAkB;IASjB,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;CACF"}

package/dist/components/hx-dialog/hx-dialog.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const helixDialogStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-dialog.styles.d.ts.map

package/dist/components/hx-dialog/hx-dialog.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-dialog/hx-dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAmL7B,CAAC"}

package/dist/components/hx-dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { HelixDialog } from './hx-dialog.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/hx-dialog/index.js

@@ -0,0 +1,5 @@
+import { H as e } from "../../shared/hx-dialog-D_NXy5rB.js";
+export {
+  e as HelixDialog
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/hx-divider/hx-divider.d.ts

@@ -0,0 +1,58 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * A visual separator element for dividing content sections. Supports
+ * horizontal and vertical orientations, configurable spacing, and an optional
+ * centered label rendered between two lines.
+ *
+ * @summary Horizontal or vertical separator line with optional label.
+ *
+ * @tag hx-divider
+ *
+ * @slot - Optional label text rendered centered between two lines.
+ *
+ * @csspart base - The root divider element.
+ * @csspart label - The optional centered label wrapper.
+ *
+ * @cssprop [--hx-divider-color=var(--hx-color-neutral-200)] - Line color.
+ * @cssprop [--hx-divider-width=var(--hx-border-width-thin)] - Line thickness.
+ * @cssprop [--hx-divider-label-color=var(--hx-color-neutral-500)] - Label text color.
+ * @cssprop [--hx-divider-label-font-size=var(--hx-font-size-sm)] - Label font size.
+ * @cssprop [--hx-divider-label-gap=var(--hx-space-3)] - Gap between lines and label.
+ */
+export declare class HelixDivider extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Orientation of the divider.
+     * @attr orientation
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Spacing applied to the block axis (horizontal) or inline axis (vertical).
+     * @attr spacing
+     */
+    spacing: 'none' | 'sm' | 'md' | 'lg';
+    /**
+     * When true, renders the divider as decorative only (role="presentation").
+     * Screen readers will not announce decorative dividers.
+     * @attr decorative
+     */
+    decorative: boolean;
+    /**
+     * Optional text label rendered centered between the divider lines.
+     * Also sets aria-label on the separator for assistive technologies.
+     * @attr label
+     */
+    label?: string;
+    private _hasLabel;
+    private _checkSlot;
+    private _slotChangeHandler;
+    firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'hx-divider': HelixDivider;
+    }
+}
+export type WcDivider = HelixDivider;
+//# sourceMappingURL=hx-divider.d.ts.map

package/dist/components/hx-divider/hx-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-divider.d.ts","sourceRoot":"","sources":["../../../src/components/hx-divider/hx-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAqC;IAE3D;;;OAGG;IAEH,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEtD;;;OAGG;IAEH,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE5C;;;;OAIG;IAEH,UAAU,UAAS;IAEnB;;;;OAIG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,kBAAkB,CAExB;IAEO,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAMtD,MAAM;CAuBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC"}

package/dist/components/hx-divider/hx-divider.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const helixDividerStyles: import('lit').CSSResult;
+//# sourceMappingURL=hx-divider.styles.d.ts.map

package/dist/components/hx-divider/hx-divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-divider.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-divider/hx-divider.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAuF9B,CAAC"}

package/dist/components/hx-divider/index.d.ts

@@ -0,0 +1,3 @@
+export { HelixDivider } from './hx-divider.js';
+export type { WcDivider } from './hx-divider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hx-divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hx-divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/hx-divider/index.js

@@ -0,0 +1,5 @@
+import { H as r } from "../../shared/hx-divider-BDMW3H-1.js";
+export {
+  r as HelixDivider
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hx-divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}