@gravionlabs/helix-ui 22.2.5 → 22.2.7

package/types/gravionlabs-helix-ui.d.ts

@@ -857,137 +857,6 @@ export declare class HxCarousel<T = unknown> {
     "page": "pageChange";
   }, ["itemTemplate"], ["[hxCarouselHeader]", "[hxCarouselFooter]"], true, never>;
 }
-type HxChartType = 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
-/** What `(dataSelect)` carries: the click and what chart.js found under it. */
-interface HxChartSelectEvent {
-  originalEvent: Event;
-  /** The nearest element under the pointer (chart.js `{ datasetIndex, index, element }`). */
-  element: unknown;
-  /** The elements of that dataset. */
-  dataset: unknown[];
-}
-/** The part of chart.js this component uses; the real module is `chart.js/auto`. */
-interface HxChartModule {
-  default: new (canvas: HTMLCanvasElement, config: unknown) => HxChartInstance;
-}
-interface HxChartInstance {
-  data: unknown;
-  options: unknown;
-  update(mode?: string): void;
-  destroy(): void;
-  getElementsAtEventForMode(event: Event, mode: string, options: object, useFinalPosition: boolean): unknown[];
-}
-/**
- * Loads chart.js. The default is a dynamic `import('chart.js/auto')`, so chart.js is only fetched by apps that show
- * a chart; provide another function to register a smaller set of chart.js parts or to replace it in tests.
- */
-export declare const HX_CHART_LOADER: InjectionToken<() => Promise<HxChartModule>>;
-type Json = Record<string, unknown>;
-/** The parts of chart.js data and datasets that are read here; everything else is passed on untouched. */
-interface ChartDataLike extends Json {
-  datasets?: unknown;
-}
-/**
- * A chart.js chart whose colours, grid and font come from the Helix tokens.
- *
- * ```html
- * <hx-chart type="bar" [data]="data" [options]="options" height="20rem" ariaLabel="Sales per month">
- *   <table hxChartFallback>…the same numbers as text…</table>
- * </hx-chart>
- * ```
- *
- * chart.js is an optional peer dependency, loaded with a dynamic import (see `HX_CHART_LOADER`) the first time a
- * chart is shown. Datasets without colours get the Helix palette; text, grid and legend colours come from
- * `--h-text-muted-color` and `--h-content-border-color` of the element. Your `options` win over these defaults.
- * The chart is redrawn when `class` or `style` of `<html>` change (dark mode, the primary colour).
- *
- * The canvas is an `img` named by `ariaLabel` / `ariaLabelledBy`; content marked `hxChartFallback` becomes the
- * canvas fallback content, which assistive technology reads: put the numbers there as text or as a table.
- */
-export declare class HxChart {
-  #private;
-  private readonly canvas;
-  readonly type: import("@angular/core").InputSignal<HxChartType>;
-  /** chart.js data: `{ labels, datasets }`. Pass a new object to update the chart. */
-  readonly data: import("@angular/core").InputSignal<ChartDataLike>;
-  /** chart.js options, on top of the token defaults. Pass a new object to update the chart. */
-  readonly options: import("@angular/core").InputSignal<Json>;
-  /** Extra chart.js plugins for this chart. */
-  readonly plugins: import("@angular/core").InputSignal<readonly unknown[]>;
-  /** CSS width of the frame, e.g. `30rem`; the chart fills its container by default. */
-  readonly width: import("@angular/core").InputSignal<string | undefined>;
-  /** CSS height of the frame; without it chart.js keeps its aspect ratio. */
-  readonly height: import("@angular/core").InputSignal<string | undefined>;
-  /** Resize with the container. */
-  readonly responsive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
-  readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
-  /** Delay of a redraw after the theme changed, in ms; the style change is usually followed by more. */
-  readonly themeDelay: import("@angular/core").InputSignalWithTransform<number, unknown>;
-  /** A data point or dataset was clicked. */
-  readonly dataSelect: import("@angular/core").OutputEmitterRef<HxChartSelectEvent>;
-  constructor();
-  /** The chart.js instance, once it exists; `undefined` before chart.js has loaded. */
-  get chart(): HxChartInstance | undefined;
-  /** Redraws the chart, e.g. after the theme changed in a way the component cannot see. */
-  refresh(): void;
-  protected onClick(event: MouseEvent): void;
-  static ɵfac: i0.ɵɵFactoryDeclaration<HxChart, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<HxChart, "hx-chart", never, {
-    "type": {
-      "alias": "type";
-      "required": false;
-      "isSignal": true;
-    };
-    "data": {
-      "alias": "data";
-      "required": false;
-      "isSignal": true;
-    };
-    "options": {
-      "alias": "options";
-      "required": false;
-      "isSignal": true;
-    };
-    "plugins": {
-      "alias": "plugins";
-      "required": false;
-      "isSignal": true;
-    };
-    "width": {
-      "alias": "width";
-      "required": false;
-      "isSignal": true;
-    };
-    "height": {
-      "alias": "height";
-      "required": false;
-      "isSignal": true;
-    };
-    "responsive": {
-      "alias": "responsive";
-      "required": false;
-      "isSignal": true;
-    };
-    "ariaLabel": {
-      "alias": "ariaLabel";
-      "required": false;
-      "isSignal": true;
-    };
-    "ariaLabelledBy": {
-      "alias": "ariaLabelledBy";
-      "required": false;
-      "isSignal": true;
-    };
-    "themeDelay": {
-      "alias": "themeDelay";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "dataSelect": "dataSelect";
-  }, never, ["[hxChartFallback]"], true, never>;
-}
 type HxCheckboxSize = 'small' | 'medium' | 'large';
 /**
  * A native `<input type="checkbox">` drawn as a Helix checkbox (CSS only). It is a real checkbox: `checked`,
@@ -1156,6 +1025,8 @@ interface HxPageEvent {
   /** The page, 0-based. */
   page: number;
   pageCount: number;
+  /** Set when the "All" size is chosen: `rows` is then the number of all records (at least 1). */
+  all?: true;
 }
 /**
  * Page navigation for a list or table: first, previous, page links, next, last, and a rows-per-page select.
@@ -1176,7 +1047,7 @@ export declare class HxPaginator {
   /** Index of the first record shown. */
   readonly first: import("@angular/core").ModelSignal<number>;
   /** Offers a rows-per-page select when given. */
-  readonly rowsPerPageOptions: import("@angular/core").InputSignal<readonly number[] | undefined>;
+  readonly rowsPerPageOptions: import("@angular/core").InputSignal<readonly (number | "all")[] | undefined>;
   /** Page links shown at most (the current page stays in the middle). */
   readonly pageLinkSize: import("@angular/core").InputSignalWithTransform<number, unknown>;
   readonly showCurrentPageReport: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -1191,6 +1062,15 @@ export declare class HxPaginator {
   /** `{page}` is replaced by the page number (1-based). */
   readonly pageLabelTemplate: import("@angular/core").InputSignal<string>;
   readonly rowsPerPageLabel: import("@angular/core").InputSignal<string>;
+  /** The label of the `'all'` entry of `rowsPerPageOptions`. */
+  readonly allLabel: import("@angular/core").InputSignal<string>;
+  /** The "All" size is chosen: one page with every record; `rows` is left as it was. */
+  readonly showAll: import("@angular/core").ModelSignal<boolean>;
+  /** "All" is chosen and still offered by `rowsPerPageOptions`. */
+  private readonly allSelected;
+  /** The records per page in effect: all of them when "All" is chosen. */
+  private readonly perPage;
+  protected readonly rowsValue: import("@angular/core").Signal<number | "all">;
   readonly pageChange: import("@angular/core").OutputEmitterRef<HxPageEvent>;
   protected readonly pageCount: import("@angular/core").Signal<number>;
   protected readonly page: import("@angular/core").Signal<number>;
@@ -1200,7 +1080,7 @@ export declare class HxPaginator {
   protected readonly links: import("@angular/core").Signal<number[]>;
   protected readonly rowsOptions: import("@angular/core").Signal<{
     label: string;
-    value: number;
+    value: number | "all";
   }[]>;
   protected readonly report: import("@angular/core").Signal<string>;
   protected pageLabel(page: number): string;
@@ -1285,9 +1165,20 @@ export declare class HxPaginator {
       "required": false;
       "isSignal": true;
     };
+    "allLabel": {
+      "alias": "allLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "showAll": {
+      "alias": "showAll";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "rows": "rowsChange";
     "first": "firstChange";
+    "showAll": "showAllChange";
     "pageChange": "pageChange";
   }, never, never, true, never>;
 }
@@ -1359,6 +1250,8 @@ interface HxColumn {
   field: string;
   /** The header text. */
   header: string;
+  /** The `title` attribute of the header cell (a tooltip). */
+  title?: string;
   /** CSS width of the column (`8rem`, `20%`). */
   width?: string;
   /** Horizontal alignment of header and cells (the start edge by default). */
@@ -1367,7 +1260,13 @@ interface HxColumn {
   sortable?: boolean;
   /** The column gets a text filter in the filter row (`filterDisplay="row"`). */
   filter?: boolean;
+  /** The direction of the first click on the sort button (the table's `sortFirstOrder` by default). */
+  sortFirstOrder?: HxSortFirstOrder;
 }
+/** The direction a sort starts with. */
+type HxSortFirstOrder = 'asc' | 'desc';
+/** What `rowClass` may return: anything `[class]` accepts. */
+type HxRowClass = string | readonly string[] | Record<string, boolean | null | undefined> | null | undefined;
 /** One sorted column: `order` 1 is ascending, -1 descending. */
 interface HxSortMeta {
   field: string;
@@ -1409,6 +1308,26 @@ export declare class HxCell {
     };
   }, {}, never, never, true, never>;
 }
+/**
+ * Extra content in the header of one column, beside the label and outside the sort button:
+ * `<ng-template hxColumnHeader="price" let-column>…</ng-template>`. The context has the column (`$implicit`).
+ */
+export declare class HxColumnHeader {
+  /** The `field` of the column. */
+  readonly field: import("@angular/core").InputSignal<string>;
+  readonly template: TemplateRef<HxColumnHeaderContext>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<HxColumnHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<HxColumnHeader, "ng-template[hxColumnHeader]", never, {
+    "field": {
+      "alias": "hxColumnHeader";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+interface HxColumnHeaderContext {
+  $implicit: HxColumn;
+}
 interface HxCellContext {
   $implicit: unknown;
   value: unknown;
@@ -1485,6 +1404,12 @@ export declare class HxDataTable implements OnInit {
   /** Rows change colour under the pointer (default on). */
   readonly hoverRows: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly emptyMessage: import("@angular/core").InputSignal<string>;
+  /** Classes for the `<tr>` of a row: a string, an array or an object, as for `[class]`. */
+  readonly rowClass: import("@angular/core").InputSignal<((row: never) => HxRowClass) | undefined>;
+  /** Text shown in a cell whose value is `null` or `undefined` (not for `0`, `false` or `''`). */
+  readonly emptyValue: import("@angular/core").InputSignal<string>;
+  /** The label of the `'all'` entry of `rowsPerPageOptions`. */
+  readonly allLabel: import("@angular/core").InputSignal<string>;
   /** Covers the table with a spinner and sets `aria-busy`. */
   readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Visible caption text above the table. */
@@ -1505,11 +1430,13 @@ export declare class HxDataTable implements OnInit {
   readonly multiSortMeta: import("@angular/core").ModelSignal<HxSortMeta[]>;
   /** Replaces the client-side sort. */
   readonly sortFunction: import("@angular/core").InputSignal<HxSortFunction | undefined>;
+  /** The direction of the first click on a sortable column; a column's own `sortFirstOrder` wins. */
+  readonly sortFirstOrder: import("@angular/core").InputSignal<HxSortFirstOrder>;
   /** Shows a paginator below the table. */
   readonly paginator: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly rows: import("@angular/core").ModelSignal<number>;
   readonly first: import("@angular/core").ModelSignal<number>;
-  readonly rowsPerPageOptions: import("@angular/core").InputSignal<readonly number[] | undefined>;
+  readonly rowsPerPageOptions: import("@angular/core").InputSignal<readonly (number | "all")[] | undefined>;
   readonly showCurrentPageReport: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** The rows are paged and sorted elsewhere: the table only shows `value` and emits `lazyLoad`. */
   readonly lazy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -1541,7 +1468,13 @@ export declare class HxDataTable implements OnInit {
   readonly collapseLabel: import("@angular/core").InputSignal<string>;
   protected readonly announcement: import("@angular/core").WritableSignal<string>;
   private readonly globalText;
+  /** The paginator's "All" size is chosen: every row is shown, whatever `rows` says. */
+  private readonly showAll;
+  /** A `rows` set from outside (or by the user) ends "All". */
+  private readonly resetAll;
+  private readonly allActive;
   protected readonly cellTemplates: import("@angular/core").Signal<readonly HxCell[]>;
+  protected readonly columnHeaderTemplates: import("@angular/core").Signal<readonly HxColumnHeader[]>;
   protected readonly headerTemplate: import("@angular/core").Signal<HxTableHeader | undefined>;
   protected readonly bodyTemplate: import("@angular/core").Signal<HxTableBody | undefined>;
   protected readonly footerTemplate: import("@angular/core").Signal<HxTableFooter | undefined>;
@@ -1557,6 +1490,8 @@ export declare class HxDataTable implements OnInit {
   /** The rows the table draws: sorted, then the current page. */
   protected readonly visibleRows: import("@angular/core").Signal<readonly unknown[]>;
   protected readonly cells: import("@angular/core").Signal<Map<string, TemplateRef<HxCellContext>>>;
+  private readonly warnedFields;
+  protected readonly columnHeaders: import("@angular/core").Signal<Map<string, TemplateRef<HxColumnHeaderContext>>>;
   protected readonly scrolls: import("@angular/core").Signal<boolean>;
   protected readonly hasCaption: import("@angular/core").Signal<boolean>;
   protected readonly captionHidden: import("@angular/core").Signal<boolean>;
@@ -1588,11 +1523,12 @@ export declare class HxDataTable implements OnInit {
   protected ariaSort(column: HxColumn): 'ascending' | 'descending' | 'none' | null;
   /** The position (1-based) of a column in a multi-column sort, when more than one column is sorted. */
   protected sortRank(column: HxColumn): number | null;
-  /** Sorts by a column: ascending, then descending, then not at all. */
+  /** Sorts by a column: the first order, then the opposite, then not at all (ascending first by default). */
   sort(column: HxColumn): void;
   protected onPage(event: HxPageEvent): void;
   private emitLazy;
   protected trackRow(row: unknown, index: number): unknown;
+  protected rowClassOf(row: unknown): HxRowClass;
   protected valueOf(row: unknown, column: HxColumn): unknown;
   static ɵfac: i0.ɵɵFactoryDeclaration<HxDataTable, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<HxDataTable, "hx-data-table", never, {
@@ -1636,6 +1572,21 @@ export declare class HxDataTable implements OnInit {
       "required": false;
       "isSignal": true;
     };
+    "rowClass": {
+      "alias": "rowClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyValue": {
+      "alias": "emptyValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "allLabel": {
+      "alias": "allLabel";
+      "required": false;
+      "isSignal": true;
+    };
     "loading": {
       "alias": "loading";
       "required": false;
@@ -1651,287 +1602,1092 @@ export declare class HxDataTable implements OnInit {
       "required": false;
       "isSignal": true;
     };
-    "scrollHeight": {
-      "alias": "scrollHeight";
+    "scrollHeight": {
+      "alias": "scrollHeight";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollable": {
+      "alias": "scrollable";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortMode": {
+      "alias": "sortMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortField": {
+      "alias": "sortField";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortOrder": {
+      "alias": "sortOrder";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiSortMeta": {
+      "alias": "multiSortMeta";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortFunction": {
+      "alias": "sortFunction";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortFirstOrder": {
+      "alias": "sortFirstOrder";
+      "required": false;
+      "isSignal": true;
+    };
+    "paginator": {
+      "alias": "paginator";
+      "required": false;
+      "isSignal": true;
+    };
+    "rows": {
+      "alias": "rows";
+      "required": false;
+      "isSignal": true;
+    };
+    "first": {
+      "alias": "first";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsPerPageOptions": {
+      "alias": "rowsPerPageOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "showCurrentPageReport": {
+      "alias": "showCurrentPageReport";
+      "required": false;
+      "isSignal": true;
+    };
+    "lazy": {
+      "alias": "lazy";
+      "required": false;
+      "isSignal": true;
+    };
+    "totalRecords": {
+      "alias": "totalRecords";
+      "required": false;
+      "isSignal": true;
+    };
+    "lazyLoadOnInit": {
+      "alias": "lazyLoadOnInit";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectionMode": {
+      "alias": "selectionMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "selection": {
+      "alias": "selection";
+      "required": false;
+      "isSignal": true;
+    };
+    "metaKeySelection": {
+      "alias": "metaKeySelection";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectAllLabel": {
+      "alias": "selectAllLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectRowLabel": {
+      "alias": "selectRowLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "globalFilterFields": {
+      "alias": "globalFilterFields";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterDisplay": {
+      "alias": "filterDisplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "filters": {
+      "alias": "filters";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterLabel": {
+      "alias": "filterLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "expandedRowKeys": {
+      "alias": "expandedRowKeys";
+      "required": false;
+      "isSignal": true;
+    };
+    "expandLabel": {
+      "alias": "expandLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapseLabel": {
+      "alias": "collapseLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "sortField": "sortFieldChange";
+    "sortOrder": "sortOrderChange";
+    "multiSortMeta": "multiSortMetaChange";
+    "rows": "rowsChange";
+    "first": "firstChange";
+    "lazyLoad": "lazyLoad";
+    "selection": "selectionChange";
+    "filters": "filtersChange";
+    "expandedRowKeys": "expandedRowKeysChange";
+  }, ["cellTemplates", "columnHeaderTemplates", "headerTemplate", "bodyTemplate", "footerTemplate", "captionTemplate", "expansionTemplate", "emptyTemplate"], never, true, never>;
+}
+type CalendarView = 'day' | 'month' | 'year';
+interface DisabledRules {
+  min?: Date | null;
+  max?: Date | null;
+  disabledDates?: readonly Date[];
+}
+/** `2026-9-5`, the `data-date` of a day button. */
+declare function dateKey(date: Date): string;
+/** Whether a day lies outside `min`..`max` (by day) or is one of `disabledDates`. */
+declare function isDateDisabled(date: Date, rules: DisabledRules): boolean;
+/** Whether a day lies strictly between the two dates of a complete range. */
+declare function isInRange(date: Date, selected: readonly Date[], mode: string): boolean;
+/** The focused day after the previous (`-1`) or next (`1`) button of the header: a month, a year or 12 years. */
+declare function stepFocus(view: CalendarView, current: Date, direction: 1 | -1): Date;
+/** The focused day after choosing a month (`0` to `11`) in the month view. */
+declare function focusMonth(current: Date, month: number): Date;
+/** The focused day after choosing a year in the year view. */
+declare function focusYear(current: Date, year: number): Date;
+/** The 12 years of the page that holds `year`. */
+declare function decadeOf(year: number): number[];
+/** The day a key of the day grid moves the focus to, or `null` for a key that does nothing. */
+declare function dayKeyTarget(key: string, date: Date, firstDayOfWeek: number, shift?: boolean): Date | null;
+type HxDatePickerSelectionMode = 'single' | 'range' | 'multiple';
+type HxDatePickerValue = Date | Date[] | null;
+/**
+ * A date field that opens a calendar, or with `[inline]="true"` the calendar alone, to choose a day, a range or
+ * several days. Typing a date in the field parses it; month and year views are one click on the title. Day, month and weekday names come from `Intl.DateTimeFormat` for the `locale`.
+ *
+ * ```html
+ * <hx-date-picker inputId="arrival" showIcon showButtonBar [(ngModel)]="arrival" />
+ * <hx-date-picker inline ariaLabel="Arrival" [(ngModel)]="arrival" />
+ * <hx-date-picker inline selectionMode="range" [minDate]="today" [firstDayOfWeek]="1" [(value)]="stay" />
+ * ```
+ *
+ * The value is a `Date` (`single`) or a `Date[]` (`multiple`; `range`: one date while the range is open, two when
+ * it is complete). It works with `ngModel`, reactive forms and signal forms (`[formField]`).
+ *
+ * The field shows the value formatted with `Intl.DateTimeFormat` (`dateFormat` options, numeric by default so a
+ * typed date parses back). The popup is a non-modal dialog: focus moves to the selected or today's day and returns
+ * to the field on close; a range keeps it open until the second date.
+ *
+ * Keyboard in the day grid: arrows move by a day or a week, Home and End to the start and end of the week,
+ * Page Up and Page Down by a month (with Shift by a year), Enter or Space selects.
+ */
+export declare class HxDatePicker implements ControlValueAccessor, FormValueControl<HxDatePickerValue> {
+  #private;
+  /** The text field's placeholder. */
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  /** A calendar button at the end of the field. */
+  readonly showIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Today and Clear buttons under the calendar of the popup. */
+  readonly showButtonBar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * `Intl.DateTimeFormat` options of the text in the field. By default numeric, so a typed date parses back.
+   */
+  readonly dateFormat: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions | undefined>;
+  readonly todayLabel: import("@angular/core").InputSignal<string>;
+  readonly clearLabel: import("@angular/core").InputSignal<string>;
+  readonly chooseLabel: import("@angular/core").InputSignal<string>;
+  /** The `id` of the text field, for a `<label for>`. */
+  readonly inputId: import("@angular/core").InputSignal<string | undefined>;
+  /** Shows the calendar in the page. */
+  readonly inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly selectionMode: import("@angular/core").InputSignal<HxDatePickerSelectionMode>;
+  /** The earliest and latest day that can be chosen. */
+  readonly minDate: import("@angular/core").InputSignal<Date | null>;
+  readonly maxDate: import("@angular/core").InputSignal<Date | null>;
+  /** Days that cannot be chosen. */
+  readonly disabledDates: import("@angular/core").InputSignal<readonly Date[]>;
+  /** `0` Sunday … `6` Saturday. */
+  readonly firstDayOfWeek: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** A BCP 47 tag for the names (default: the browser's). */
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
+  readonly value: import("@angular/core").ModelSignal<HxDatePickerValue>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly titleId: string;
+  protected readonly popupId: string;
+  protected readonly positions: ConnectedPosition[];
+  private readonly field;
+  private readonly calendar;
+  protected readonly view: import("@angular/core").WritableSignal<CalendarView>;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  /** The day with the focus in the grid, and the month the grid shows. */
+  protected readonly focusedDate: import("@angular/core").WritableSignal<Date>;
+  protected readonly today: Date;
+  protected readonly selectedDates: import("@angular/core").Signal<Date[]>;
+  protected readonly text: import("@angular/core").Signal<string>;
+  constructor();
+  writeValue(value: HxDatePickerValue): void;
+  registerOnChange(fn: (value: HxDatePickerValue) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(disabled: boolean): void;
+  /** Focuses the text field, or the day of an inline calendar (signal forms call this to focus the control). */
+  focus(): void;
+  protected isDateDisabled(date: Date): boolean;
+  protected isSelected(date: Date): boolean;
+  protected pick(date: Date): void;
+  protected show(): void;
+  protected toggle(): void;
+  protected close(refocus?: boolean): void;
+  protected onAttach(): void;
+  protected onOverlayKeydown(event: KeyboardEvent): void;
+  protected onOutsideClick(event: MouseEvent): void;
+  protected onFieldKeydown(event: KeyboardEvent): void;
+  protected onTyping(event: Event): void;
+  /** Parses the typed text; an unreadable or disabled date puts the value back. */
+  protected commitTyping(): void;
+  protected selectToday(): void;
+  protected clear(): void;
+  protected onHostFocusOut(event: FocusEvent): void;
+  protected onFocusOut(event: FocusEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<HxDatePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<HxDatePicker, "hx-date-picker", never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "showIcon": {
+      "alias": "showIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "showButtonBar": {
+      "alias": "showButtonBar";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateFormat": {
+      "alias": "dateFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "todayLabel": {
+      "alias": "todayLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearLabel": {
+      "alias": "clearLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "chooseLabel": {
+      "alias": "chooseLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "required": false;
+      "isSignal": true;
+    };
+    "inline": {
+      "alias": "inline";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectionMode": {
+      "alias": "selectionMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "minDate": {
+      "alias": "minDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxDate": {
+      "alias": "maxDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledDates": {
+      "alias": "disabledDates";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledby": {
+      "alias": "ariaLabelledby";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "touch": "touch";
+  }, never, never, true, never>;
+}
+type TimeUnit = 'hour' | 'minute' | 'second' | 'period';
+interface TimeColumn {
+  unit: TimeUnit;
+  label: string;
+  now: number;
+  min: number;
+  max: number;
+  text: string;
+  valueText: string;
+}
+interface TimeOfDay {
+  hours: number;
+  minutes: number;
+  seconds: number;
+}
+interface TimeColumnOptions {
+  hour12: boolean;
+  showMinutes: boolean;
+  showSeconds: boolean;
+  locale?: string;
+  labels: {
+    hour: string;
+    minute: string;
+    second: string;
+    period: string;
+  };
+}
+interface TimeSteps {
+  hour: number;
+  minute: number;
+  second: number;
+}
+/** The spinbutton columns of a time row: hour, minute, second, AM/PM as the options ask. */
+declare function buildTimeColumns(time: TimeOfDay, options: TimeColumnOptions): TimeColumn[];
+/** The values a time unit can take: from its minimum in steps, up to its maximum. */
+declare function unitValues(column: TimeColumn, steps: TimeSteps): number[];
+/** The next (`1`) or previous (`-1`) value of a column's steps, wrapping around. */
+declare function nextUnitValue(column: TimeColumn, steps: TimeSteps, direction: 1 | -1): number;
+/** The time with one unit set (in the units shown: 1 to 12 with AM/PM). */
+declare function applyUnit(time: TimeOfDay, unit: TimeUnit, value: number, hour12: boolean): TimeOfDay;
+/** The value a key of a spinbutton jumps to (Page Up/Down, Home, End), or `null` for another key. */
+declare function jumpKeyTarget(key: string, column: TimeColumn, steps: TimeSteps): number | null;
+type HxDateTimePickerValue = Date | null;
+/**
+ * A date and time field that opens a calendar with a time row under it (hour, minute, optionally second and AM/PM),
+ * or with `[inline]="true"` the calendar and the time row alone. The value is one `Date`; clearing the field gives
+ * `null`. Typing parses `10/09/2026, 14:30` or `10/09/2026 2:30 PM`.
+ *
+ * ```html
+ * <hx-date-time-picker inputId="start" showIcon showButtonBar [stepMinute]="15" [(ngModel)]="start" />
+ * <hx-date-time-picker inline ariaLabel="Start" [(value)]="start" />
+ * ```
+ *
+ * It works with `ngModel`, reactive forms and signal forms (`[formField]`). Choosing a day keeps the time already set;
+ * setting a time with no date takes today. `minDate` and `maxDate` are compared including the time. The popup is a
+ * non-modal dialog that stays open until Escape, the focus leaves the control or a button of the button bar.
+ *
+ * Each time column is a `spinbutton`: Arrow Up and Down change it by the step, Page Up and Page Down by a larger step,
+ * Home and End go to the first and last value. Keyboard in the day grid: arrows move by a day or a week, Home and End
+ * to the start and end of the week, Page Up and Page Down by a month (with Shift by a year), Enter or Space selects.
+ */
+export declare class HxDateTimePicker implements ControlValueAccessor, FormValueControl<HxDateTimePickerValue> {
+  #private;
+  /** The text field's placeholder. */
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  /** A calendar button at the end of the field. */
+  readonly showIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Today and Clear buttons under the time row of the popup. */
+  readonly showButtonBar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * `Intl.DateTimeFormat` options of the text in the field. By default numeric, so a typed date parses back: day,
+   * month and year, plus hour and minute (and second), with the `hourCycle` of `hourFormat`.
+   */
+  readonly dateFormat: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions | undefined>;
+  readonly todayLabel: import("@angular/core").InputSignal<string>;
+  readonly clearLabel: import("@angular/core").InputSignal<string>;
+  readonly chooseLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible names of the time row and its columns. */
+  readonly timeLabel: import("@angular/core").InputSignal<string>;
+  readonly hourLabel: import("@angular/core").InputSignal<string>;
+  readonly minuteLabel: import("@angular/core").InputSignal<string>;
+  readonly secondLabel: import("@angular/core").InputSignal<string>;
+  readonly periodLabel: import("@angular/core").InputSignal<string>;
+  /** The `id` of the text field, for a `<label for>`. */
+  readonly inputId: import("@angular/core").InputSignal<string | undefined>;
+  /** `'12'` shows hours from 1 to 12 and an AM/PM column. */
+  readonly hourFormat: import("@angular/core").InputSignal<"24" | "12">;
+  /** A minutes column; `false` picks the hour only (minutes and seconds are `0`, `showSeconds` is ignored). */
+  readonly showMinutes: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** A seconds column. */
+  readonly showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Step of the arrow keys and buttons of the hour column. */
+  readonly stepHour: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** Step of the minute column. */
+  readonly stepMinute: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** Step of the second column. */
+  readonly stepSecond: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** Shows the calendar and the time row in the page. */
+  readonly inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** The earliest and latest moment that can be chosen, compared including the time. */
+  readonly minDate: import("@angular/core").InputSignal<Date | null>;
+  readonly maxDate: import("@angular/core").InputSignal<Date | null>;
+  /** Days that cannot be chosen. */
+  readonly disabledDates: import("@angular/core").InputSignal<readonly Date[]>;
+  /** `0` Sunday … `6` Saturday. */
+  readonly firstDayOfWeek: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** A BCP 47 tag for the names (default: the browser's). */
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
+  readonly value: import("@angular/core").ModelSignal<HxDateTimePickerValue>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly titleId: string;
+  protected readonly popupId: string;
+  protected readonly positions: ConnectedPosition[];
+  private readonly field;
+  private readonly calendar;
+  protected readonly view: import("@angular/core").WritableSignal<CalendarView>;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  /** The day with the focus in the grid, and the month the grid shows. */
+  protected readonly focusedDate: import("@angular/core").WritableSignal<Date>;
+  protected readonly today: Date;
+  protected readonly selectedDate: import("@angular/core").Signal<Date | null>;
+  protected readonly selectedDates: import("@angular/core").Signal<Date[]>;
+  protected readonly hour12: import("@angular/core").Signal<boolean>;
+  /** The time of day shown in the time row: the value's, or midnight while there is none. */
+  protected readonly time: import("@angular/core").Signal<TimeOfDay>;
+  protected readonly text: import("@angular/core").Signal<string>;
+  constructor();
+  writeValue(value: HxDateTimePickerValue): void;
+  registerOnChange(fn: (value: HxDateTimePickerValue) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(disabled: boolean): void;
+  /** Focuses the text field, or the day of an inline calendar (signal forms call this to focus the control). */
+  focus(): void;
+  protected isDateDisabled(date: Date): boolean;
+  /** Chooses a day, keeping the time; `false` when the day is not accepted. */
+  protected pick(date: Date): boolean;
+  /** The time row changed a unit: keep the day, or take today. */
+  protected setTime(time: TimeOfDay): void;
+  protected show(): void;
+  protected toggle(): void;
+  protected close(refocus?: boolean): void;
+  protected onAttach(): void;
+  protected onOverlayKeydown(event: KeyboardEvent): void;
+  protected onOutsideClick(event: MouseEvent): void;
+  protected onFieldKeydown(event: KeyboardEvent): void;
+  protected onTyping(event: Event): void;
+  /** Parses the typed text; an unreadable, disabled or out of range date and time puts the value back. */
+  protected commitTyping(): void;
+  protected selectToday(): void;
+  protected clear(): void;
+  protected onHostFocusOut(event: FocusEvent): void;
+  /** The focus left the popup for something outside the control. */
+  protected onPopupFocusOut(event: FocusEvent): void;
+  /** The focus left an inline calendar and time row for something outside the control. */
+  protected onInlineFocusOut(event: FocusEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<HxDateTimePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<HxDateTimePicker, "hx-date-time-picker", never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "showIcon": {
+      "alias": "showIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "showButtonBar": {
+      "alias": "showButtonBar";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateFormat": {
+      "alias": "dateFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "todayLabel": {
+      "alias": "todayLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearLabel": {
+      "alias": "clearLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "chooseLabel": {
+      "alias": "chooseLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "timeLabel": {
+      "alias": "timeLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "hourLabel": {
+      "alias": "hourLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "minuteLabel": {
+      "alias": "minuteLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "secondLabel": {
+      "alias": "secondLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "periodLabel": {
+      "alias": "periodLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "required": false;
+      "isSignal": true;
+    };
+    "hourFormat": {
+      "alias": "hourFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "showMinutes": {
+      "alias": "showMinutes";
+      "required": false;
+      "isSignal": true;
+    };
+    "showSeconds": {
+      "alias": "showSeconds";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepHour": {
+      "alias": "stepHour";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepMinute": {
+      "alias": "stepMinute";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepSecond": {
+      "alias": "stepSecond";
+      "required": false;
+      "isSignal": true;
+    };
+    "inline": {
+      "alias": "inline";
+      "required": false;
+      "isSignal": true;
+    };
+    "minDate": {
+      "alias": "minDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxDate": {
+      "alias": "maxDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledDates": {
+      "alias": "disabledDates";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledby": {
+      "alias": "ariaLabelledby";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "touch": "touch";
+  }, never, never, true, never>;
+}
+type HxTimePickerValue = Date | null;
+/**
+ * A time field that opens a time row (hour, minute, optionally second and AM/PM), or with `[inline]="true"` the
+ * time row alone. The value is a `Date` that is today at the chosen time; clearing the field gives `null`. Typing
+ * parses `14:30`, `2:30 PM` and, with `[showMinutes]="false"`, `14`.
+ *
+ * ```html
+ * <hx-time-picker inputId="alarm" hourFormat="12" showIcon [(ngModel)]="alarm" />
+ * <hx-time-picker [showMinutes]="false" [(value)]="opens" />
+ * <hx-time-picker inline [stepMinute]="15" ariaLabel="Start" [(value)]="start" />
+ * ```
+ *
+ * It works with `ngModel`, reactive forms and signal forms (`[formField]`). Each column is a `spinbutton`: Arrow Up
+ * and Down change it by the step, Page Up and Page Down by a larger step, Home and End go to the first and last
+ * value. `minTime` and `maxTime` limit the time of day (only the time of the dates counts). The popup is a non-modal
+ * dialog that stays open until Escape, the focus leaves the control or a button of the button bar.
+ */
+export declare class HxTimePicker implements ControlValueAccessor, FormValueControl<HxTimePickerValue> {
+  #private;
+  /** The text field's placeholder. */
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  /** A clock button at the end of the field. */
+  readonly showIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Now and Clear buttons under the time row of the popup. */
+  readonly showButtonBar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** `Intl.DateTimeFormat` options of the text in the field (default: numeric hour, minute, second with the `hourCycle`). */
+  readonly dateFormat: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions | undefined>;
+  readonly nowLabel: import("@angular/core").InputSignal<string>;
+  readonly clearLabel: import("@angular/core").InputSignal<string>;
+  readonly chooseLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible names of the time row and its columns. */
+  readonly timeLabel: import("@angular/core").InputSignal<string>;
+  readonly hourLabel: import("@angular/core").InputSignal<string>;
+  readonly minuteLabel: import("@angular/core").InputSignal<string>;
+  readonly secondLabel: import("@angular/core").InputSignal<string>;
+  readonly periodLabel: import("@angular/core").InputSignal<string>;
+  /** The `id` of the text field, for a `<label for>`. */
+  readonly inputId: import("@angular/core").InputSignal<string | undefined>;
+  /** `'12'` shows hours from 1 to 12 and an AM/PM column. */
+  readonly hourFormat: import("@angular/core").InputSignal<"24" | "12">;
+  /** A minutes column; `false` picks the hour only (minutes and seconds are `0`, `showSeconds` is ignored). */
+  readonly showMinutes: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** A seconds column. */
+  readonly showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly stepHour: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly stepMinute: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly stepSecond: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** The earliest and latest time of day; only the time of the dates counts. */
+  readonly minTime: import("@angular/core").InputSignal<Date | null>;
+  readonly maxTime: import("@angular/core").InputSignal<Date | null>;
+  /** Shows the time row in the page. */
+  readonly inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** A BCP 47 tag for the format and the AM/PM names (default: the browser's). */
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
+  readonly value: import("@angular/core").ModelSignal<HxTimePickerValue>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly popupId: string;
+  protected readonly positions: ConnectedPosition[];
+  private readonly field;
+  private readonly timeRow;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly hour12: import("@angular/core").Signal<boolean>;
+  /** The time of day shown in the time row: the value's, or midnight while there is none. */
+  protected readonly time: import("@angular/core").Signal<TimeOfDay>;
+  protected readonly text: import("@angular/core").Signal<string>;
+  writeValue(value: HxTimePickerValue): void;
+  registerOnChange(fn: (value: HxTimePickerValue) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(disabled: boolean): void;
+  /** Focuses the text field, or the first column of an inline time row (signal forms call this to focus the control). */
+  focus(): void;
+  /** The time row changed a unit: today at that time. */
+  protected setTime(time: TimeOfDay): void;
+  protected show(): void;
+  protected toggle(): void;
+  protected close(refocus?: boolean): void;
+  protected onAttach(): void;
+  protected onOverlayKeydown(event: KeyboardEvent): void;
+  protected onOutsideClick(event: MouseEvent): void;
+  protected onFieldKeydown(event: KeyboardEvent): void;
+  protected onTyping(event: Event): void;
+  /** Parses the typed text; an unreadable time or one outside `minTime`..`maxTime` puts the value back. */
+  protected commitTyping(): void;
+  protected selectNow(): void;
+  protected clear(): void;
+  protected onHostFocusOut(event: FocusEvent): void;
+  /** The focus left an inline time row for something outside the control. */
+  protected onInlineFocusOut(event: FocusEvent): void;
+  /** The focus left the popup for something outside the control. */
+  protected onPopupFocusOut(event: FocusEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<HxTimePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<HxTimePicker, "hx-time-picker", never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "showIcon": {
+      "alias": "showIcon";
       "required": false;
       "isSignal": true;
     };
-    "scrollable": {
-      "alias": "scrollable";
+    "showButtonBar": {
+      "alias": "showButtonBar";
       "required": false;
       "isSignal": true;
     };
-    "sortMode": {
-      "alias": "sortMode";
+    "dateFormat": {
+      "alias": "dateFormat";
       "required": false;
       "isSignal": true;
     };
-    "sortField": {
-      "alias": "sortField";
+    "nowLabel": {
+      "alias": "nowLabel";
       "required": false;
       "isSignal": true;
     };
-    "sortOrder": {
-      "alias": "sortOrder";
+    "clearLabel": {
+      "alias": "clearLabel";
       "required": false;
       "isSignal": true;
     };
-    "multiSortMeta": {
-      "alias": "multiSortMeta";
+    "chooseLabel": {
+      "alias": "chooseLabel";
       "required": false;
       "isSignal": true;
     };
-    "sortFunction": {
-      "alias": "sortFunction";
+    "timeLabel": {
+      "alias": "timeLabel";
       "required": false;
       "isSignal": true;
     };
-    "paginator": {
-      "alias": "paginator";
+    "hourLabel": {
+      "alias": "hourLabel";
       "required": false;
       "isSignal": true;
     };
-    "rows": {
-      "alias": "rows";
+    "minuteLabel": {
+      "alias": "minuteLabel";
       "required": false;
       "isSignal": true;
     };
-    "first": {
-      "alias": "first";
+    "secondLabel": {
+      "alias": "secondLabel";
       "required": false;
       "isSignal": true;
     };
-    "rowsPerPageOptions": {
-      "alias": "rowsPerPageOptions";
+    "periodLabel": {
+      "alias": "periodLabel";
       "required": false;
       "isSignal": true;
     };
-    "showCurrentPageReport": {
-      "alias": "showCurrentPageReport";
+    "inputId": {
+      "alias": "inputId";
       "required": false;
       "isSignal": true;
     };
-    "lazy": {
-      "alias": "lazy";
+    "hourFormat": {
+      "alias": "hourFormat";
       "required": false;
       "isSignal": true;
     };
-    "totalRecords": {
-      "alias": "totalRecords";
+    "showMinutes": {
+      "alias": "showMinutes";
       "required": false;
       "isSignal": true;
     };
-    "lazyLoadOnInit": {
-      "alias": "lazyLoadOnInit";
+    "showSeconds": {
+      "alias": "showSeconds";
       "required": false;
       "isSignal": true;
     };
-    "selectionMode": {
-      "alias": "selectionMode";
+    "stepHour": {
+      "alias": "stepHour";
       "required": false;
       "isSignal": true;
     };
-    "selection": {
-      "alias": "selection";
+    "stepMinute": {
+      "alias": "stepMinute";
       "required": false;
       "isSignal": true;
     };
-    "metaKeySelection": {
-      "alias": "metaKeySelection";
+    "stepSecond": {
+      "alias": "stepSecond";
       "required": false;
       "isSignal": true;
     };
-    "selectAllLabel": {
-      "alias": "selectAllLabel";
+    "minTime": {
+      "alias": "minTime";
       "required": false;
       "isSignal": true;
     };
-    "selectRowLabel": {
-      "alias": "selectRowLabel";
+    "maxTime": {
+      "alias": "maxTime";
       "required": false;
       "isSignal": true;
     };
-    "globalFilterFields": {
-      "alias": "globalFilterFields";
+    "inline": {
+      "alias": "inline";
       "required": false;
       "isSignal": true;
     };
-    "filterDisplay": {
-      "alias": "filterDisplay";
+    "locale": {
+      "alias": "locale";
       "required": false;
       "isSignal": true;
     };
-    "filters": {
-      "alias": "filters";
+    "ariaLabel": {
+      "alias": "ariaLabel";
       "required": false;
       "isSignal": true;
     };
-    "filterLabel": {
-      "alias": "filterLabel";
+    "ariaLabelledby": {
+      "alias": "ariaLabelledby";
       "required": false;
       "isSignal": true;
     };
-    "expandedRowKeys": {
-      "alias": "expandedRowKeys";
+    "value": {
+      "alias": "value";
       "required": false;
       "isSignal": true;
     };
-    "expandLabel": {
-      "alias": "expandLabel";
+    "disabled": {
+      "alias": "disabled";
       "required": false;
       "isSignal": true;
     };
-    "collapseLabel": {
-      "alias": "collapseLabel";
+    "invalid": {
+      "alias": "invalid";
       "required": false;
       "isSignal": true;
     };
   }, {
-    "sortField": "sortFieldChange";
-    "sortOrder": "sortOrderChange";
-    "multiSortMeta": "multiSortMetaChange";
-    "rows": "rowsChange";
-    "first": "firstChange";
-    "lazyLoad": "lazyLoad";
-    "selection": "selectionChange";
-    "filters": "filtersChange";
-    "expandedRowKeys": "expandedRowKeysChange";
-  }, ["cellTemplates", "headerTemplate", "bodyTemplate", "footerTemplate", "captionTemplate", "expansionTemplate", "emptyTemplate"], never, true, never>;
+    "value": "valueChange";
+    "touch": "touch";
+  }, never, never, true, never>;
+}
+interface HxDateTimeRangeValue {
+  from: Date | null;
+  to: Date | null;
+}
+/** A relative range in the popup's preset list; `from` and `to` are read when it is chosen (`now` stays current). */
+interface HxDateTimeRangePreset {
+  label: string;
+  from: () => Date;
+  to: () => Date;
 }
-type HxDatePickerSelectionMode = 'single' | 'range' | 'multiple';
-type HxDatePickerValue = Date | Date[] | null;
-type CalendarView = 'day' | 'month' | 'year';
 /**
- * A date field that opens a calendar, or with `[inline]="true"` the calendar alone, to choose a day, a range or
- * several days. Typing a date in the field parses it; month and year views are one click on the title. Day, month and weekday names come from `Intl.DateTimeFormat` for the `locale`.
+ * A from and a to date-time range in one field with one button. The field shows the range as one text
+ * (`1/1/2026 00:00 - 1/2/2026 00:15`); the popup holds one calendar (an inline range `hx-date-picker`) and a time picker for each end,
+ * from and to. The value is `{ from, to }` (`null` while a side is empty); `to` is never before `from`: the `to`
+ * time picker starts at `from` (including the time), the `from` time picker ends at `to`, and a choice that crosses the
+ * other side moves it. The field is read-only unless `typeable`, which lets the range be typed in the field's
+ * format (Enter or leaving the field commits it, an unreadable range puts the value back); the popup stays open
+ * until Escape, an outside click or the focus leaving it.
  *
  * ```html
- * <hx-date-picker inputId="arrival" showIcon showButtonBar [(ngModel)]="arrival" />
- * <hx-date-picker inline ariaLabel="Arrival" [(ngModel)]="arrival" />
- * <hx-date-picker inline selectionMode="range" [minDate]="today" [firstDayOfWeek]="1" [(value)]="stay" />
+ * <hx-date-time-range-picker [stepMinute]="15" [(ngModel)]="shift" />
+ * <hx-date-time-range-picker timeOnly [showMinutes]="false" [(value)]="opening" />
  * ```
  *
- * The value is a `Date` (`single`) or a `Date[]` (`multiple`; `range`: one date while the range is open, two when
- * it is complete). It works with `ngModel`, reactive forms and signal forms (`[formField]`).
- *
- * The field shows the value formatted with `Intl.DateTimeFormat` (`dateFormat` options, numeric by default so a
- * typed date parses back). The popup is a non-modal dialog: focus moves to the selected or today's day and returns
- * to the field on close; a range keeps it open until the second date.
- *
- * Keyboard in the day grid: arrows move by a day or a week, Home and End to the start and end of the week,
- * Page Up and Page Down by a month (with Shift by a year), Enter or Space selects.
+ * It works with `ngModel`, reactive forms and signal forms (`[formField]`). The time options are those of
+ * `hx-time-picker`. The popup is a dialog named by `ariaLabel` / `ariaLabelledby`; its time pickers are named
+ * `fromLabel` / `toLabel`.
  */
-export declare class HxDatePicker implements ControlValueAccessor, FormValueControl<HxDatePickerValue> {
+export declare class HxDateTimeRangePicker implements ControlValueAccessor, FormValueControl<HxDateTimeRangeValue> {
   #private;
-  /** The text field's placeholder. */
+  /** The names of the two time pickers in the popup. */
+  readonly fromLabel: import("@angular/core").InputSignal<string>;
+  readonly toLabel: import("@angular/core").InputSignal<string>;
+  /** The text between the two dates in the field. */
+  readonly separator: import("@angular/core").InputSignal<string>;
   readonly placeholder: import("@angular/core").InputSignal<string>;
-  /** A calendar button at the end of the field. */
-  readonly showIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /** Today and Clear buttons under the calendar of the popup. */
-  readonly showButtonBar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /** `Intl.DateTimeFormat` options of the text in the field (numeric by default, so a typed date parses back). */
-  readonly dateFormat: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions>;
-  readonly todayLabel: import("@angular/core").InputSignal<string>;
+  /** The name of the group of preset buttons. */
+  readonly presetsLabel: import("@angular/core").InputSignal<string>;
+  /** Ready-made ranges listed in the popup; choosing one fills the draft, Submit applies it. */
+  readonly presets: import("@angular/core").InputSignal<readonly HxDateTimeRangePreset[]>;
   readonly clearLabel: import("@angular/core").InputSignal<string>;
+  readonly cancelLabel: import("@angular/core").InputSignal<string>;
+  readonly submitLabel: import("@angular/core").InputSignal<string>;
   readonly chooseLabel: import("@angular/core").InputSignal<string>;
   /** The `id` of the text field, for a `<label for>`. */
   readonly inputId: import("@angular/core").InputSignal<string | undefined>;
-  /** Shows the calendar in the page. */
-  readonly inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  readonly selectionMode: import("@angular/core").InputSignal<HxDatePickerSelectionMode>;
-  /** The earliest and latest day that can be chosen. */
+  /** The range can be typed into the field (`from separator to`); otherwise the field is read-only. */
+  readonly typeable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** The time picker options, for both ends. */
+  readonly showTime: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly timeOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly hourFormat: import("@angular/core").InputSignal<"24" | "12">;
+  readonly showMinutes: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly stepHour: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly stepMinute: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly stepSecond: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly dateFormat: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions | undefined>;
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  readonly firstDayOfWeek: import("@angular/core").InputSignalWithTransform<number, unknown>;
   readonly minDate: import("@angular/core").InputSignal<Date | null>;
   readonly maxDate: import("@angular/core").InputSignal<Date | null>;
-  /** Days that cannot be chosen. */
   readonly disabledDates: import("@angular/core").InputSignal<readonly Date[]>;
-  /** `0` Sunday … `6` Saturday. */
-  readonly firstDayOfWeek: import("@angular/core").InputSignalWithTransform<number, unknown>;
-  /** A BCP 47 tag for the names (default: the browser's). */
-  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  /** A Clear button next to Cancel and Submit. */
+  readonly showButtonBar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
-  readonly value: import("@angular/core").ModelSignal<HxDatePickerValue>;
+  readonly value: import("@angular/core").ModelSignal<HxDateTimeRangeValue>;
   readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly touch: import("@angular/core").OutputEmitterRef<void>;
   readonly open: import("@angular/core").WritableSignal<boolean>;
-  protected readonly titleId: string;
+  /** The range being edited in the popup; Submit makes it the value, Cancel drops it. */
+  protected readonly draft: import("@angular/core").WritableSignal<HxDateTimeRangeValue>;
   protected readonly popupId: string;
   protected readonly positions: ConnectedPosition[];
   private readonly field;
-  protected readonly view: import("@angular/core").WritableSignal<CalendarView>;
-  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
-  /** The day with the focus in the grid, and the month the grid shows. */
-  protected readonly focusedDate: import("@angular/core").WritableSignal<Date>;
-  protected readonly viewYear: import("@angular/core").Signal<number>;
-  protected readonly selectedDates: import("@angular/core").Signal<Date[]>;
+  private readonly daysPicker;
+  private readonly timePicker;
+  /** `1/1/2026 00:00 - 1/2/2026 00:15`: the date and the time are separated by a space, not a comma. */
   protected readonly text: import("@angular/core").Signal<string>;
-  protected readonly monthName: import("@angular/core").Signal<string>;
-  protected readonly monthNames: import("@angular/core").Signal<string[]>;
-  protected readonly weekdays: import("@angular/core").Signal<{
-    short: string;
-    long: string;
-  }[]>;
-  protected readonly weeks: import("@angular/core").Signal<(Date | null)[][]>;
-  protected readonly decade: import("@angular/core").Signal<number[]>;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  /** `from` ends at `to`, `to` starts at `from`, each inside `minDate`..`maxDate`. */
+  protected readonly fromMax: import("@angular/core").Signal<Date | null>;
+  protected readonly toMin: import("@angular/core").Signal<Date | null>;
+  /** The values of the two time pickers: a fresh `Date` per draft change (midnight while a side is empty). */
+  protected readonly fromValue: import("@angular/core").Signal<HxTimePickerValue>;
+  protected readonly toValue: import("@angular/core").Signal<HxTimePickerValue>;
   constructor();
-  writeValue(value: HxDatePickerValue): void;
-  registerOnChange(fn: (value: HxDatePickerValue) => void): void;
+  writeValue(value: HxDateTimeRangeValue | null): void;
+  registerOnChange(fn: (value: HxDateTimeRangeValue) => void): void;
   registerOnTouched(fn: () => void): void;
   setDisabledState(disabled: boolean): void;
-  /** Focuses the text field, or the day of an inline calendar (signal forms call this to focus the control). */
+  /** Focuses the text field (signal forms call this to focus the control). */
   focus(): void;
-  protected dateKey(date: Date): string;
-  protected dayLabel(date: Date): string;
-  protected isToday(date: Date): boolean;
-  protected isSelected(date: Date): boolean;
-  protected isInRange(date: Date): boolean;
-  protected isDateDisabled(date: Date): boolean;
-  /** One day of the grid takes the tab stop: the focused day, or the first day when the focus is elsewhere. */
-  protected isFocusTarget(date: Date): boolean;
-  protected step(direction: 1 | -1): void;
-  protected chooseMonth(month: number): void;
-  protected chooseYear(year: number): void;
-  protected pick(date: Date): void;
-  protected onDayKeydown(event: KeyboardEvent, date: Date): void;
   protected show(): void;
   protected toggle(): void;
   protected close(refocus?: boolean): void;
   protected onAttach(): void;
-  protected onOverlayKeydown(event: KeyboardEvent): void;
-  protected onOutsideClick(event: MouseEvent): void;
+  /** A typeable field opens with the button, Arrow Down or Alt+Arrow Up (click, Enter and Space are for typing). */
+  protected onFieldClick(): void;
   protected onFieldKeydown(event: KeyboardEvent): void;
   protected onTyping(event: Event): void;
-  /** Parses the typed text; an unreadable or disabled date puts the value back. */
+  /** Parses the typed range; an unreadable side, a disabled day or a time outside the limits puts the value back. */
   protected commitTyping(): void;
-  protected selectToday(): void;
+  protected onOverlayKeydown(event: KeyboardEvent): void;
+  protected onOutsideClick(event: MouseEvent): void;
   protected clear(): void;
+  /** Puts a preset into the draft (the calendar and the time pickers show it); Submit commits it. */
+  protected applyPreset(preset: HxDateTimeRangePreset): void;
+  protected submit(): void;
+  /** The focus left the control (field, button and popup): the popup closes and the control is touched. */
   protected onHostFocusOut(event: FocusEvent): void;
-  protected onFocusOut(event: FocusEvent): void;
-  static ɵfac: i0.ɵɵFactoryDeclaration<HxDatePicker, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<HxDatePicker, "hx-date-picker", never, {
-    "placeholder": {
-      "alias": "placeholder";
+  protected onPopupFocusOut(event: FocusEvent): void;
+  /** The days of the calendar: `[from]` while the range is open, `[from, to]` when complete. */
+  protected readonly days: import("@angular/core").Signal<Date[]>;
+  /** A choice in the calendar sets the days and keeps the times already chosen (midnight while there is none). */
+  protected setDays(picked: HxDatePickerValue): void;
+  /** The `from` picker changed: the day of `from` (else of `to`, else today) at the new time, not after `to`. */
+  protected setFromTime(picked: HxTimePickerValue): void;
+  /** The `to` picker changed: the day of `to` (else of `from`, else today) at the new time, not before `from`. */
+  protected setToTime(picked: HxTimePickerValue): void;
+  protected markTouched(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<HxDateTimeRangePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<HxDateTimeRangePicker, "hx-date-time-range-picker", never, {
+    "fromLabel": {
+      "alias": "fromLabel";
       "required": false;
       "isSignal": true;
     };
-    "showIcon": {
-      "alias": "showIcon";
+    "toLabel": {
+      "alias": "toLabel";
       "required": false;
       "isSignal": true;
     };
-    "showButtonBar": {
-      "alias": "showButtonBar";
+    "separator": {
+      "alias": "separator";
       "required": false;
       "isSignal": true;
     };
-    "dateFormat": {
-      "alias": "dateFormat";
+    "placeholder": {
+      "alias": "placeholder";
       "required": false;
       "isSignal": true;
     };
-    "todayLabel": {
-      "alias": "todayLabel";
+    "presetsLabel": {
+      "alias": "presetsLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "presets": {
+      "alias": "presets";
       "required": false;
       "isSignal": true;
     };
@@ -1940,6 +2696,16 @@ export declare class HxDatePicker implements ControlValueAccessor, FormValueCont
       "required": false;
       "isSignal": true;
     };
+    "cancelLabel": {
+      "alias": "cancelLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "submitLabel": {
+      "alias": "submitLabel";
+      "required": false;
+      "isSignal": true;
+    };
     "chooseLabel": {
       "alias": "chooseLabel";
       "required": false;
@@ -1950,13 +2716,63 @@ export declare class HxDatePicker implements ControlValueAccessor, FormValueCont
       "required": false;
       "isSignal": true;
     };
-    "inline": {
-      "alias": "inline";
+    "typeable": {
+      "alias": "typeable";
       "required": false;
       "isSignal": true;
     };
-    "selectionMode": {
-      "alias": "selectionMode";
+    "showTime": {
+      "alias": "showTime";
+      "required": false;
+      "isSignal": true;
+    };
+    "timeOnly": {
+      "alias": "timeOnly";
+      "required": false;
+      "isSignal": true;
+    };
+    "hourFormat": {
+      "alias": "hourFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "showMinutes": {
+      "alias": "showMinutes";
+      "required": false;
+      "isSignal": true;
+    };
+    "showSeconds": {
+      "alias": "showSeconds";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepHour": {
+      "alias": "stepHour";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepMinute": {
+      "alias": "stepMinute";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepSecond": {
+      "alias": "stepSecond";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateFormat": {
+      "alias": "dateFormat";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
       "required": false;
       "isSignal": true;
     };
@@ -1975,13 +2791,8 @@ export declare class HxDatePicker implements ControlValueAccessor, FormValueCont
       "required": false;
       "isSignal": true;
     };
-    "firstDayOfWeek": {
-      "alias": "firstDayOfWeek";
-      "required": false;
-      "isSignal": true;
-    };
-    "locale": {
-      "alias": "locale";
+    "showButtonBar": {
+      "alias": "showButtonBar";
       "required": false;
       "isSignal": true;
     };
@@ -5314,6 +6125,11 @@ interface HxThemeOptions {
    * `tokens.css`) or an attribute (`[data-theme="dark"]`).
    */
   darkSelector?: string;
+  /**
+   * `false`: the host app owns the dark class/attribute (e.g. from `prefers-color-scheme`), HxTheme never writes it
+   * to `<html>`. `dark()` still follows `setDark()` for the colour overrides. Default `true`.
+   */
+  manageDark?: boolean;
   /** Where the choice is remembered (localStorage). `null` (the default) remembers nothing. */
   storageKey?: string | null;
   /** Dark mode when nothing is remembered; by default the system setting (`prefers-color-scheme`). */
@@ -5881,4 +6697,4 @@ export declare class HxTree {
     "nodeCollapse": "nodeCollapse";
   }, ["template"], never, true, never>;
 }
-export type { HxAccordionValue, HxAutoCompleteEvent, HxAutoCompleteSize, HxAvatarShape, HxAvatarSize, HxBadgeSeverity, HxBadgeSize, HxBreadcrumbItem, HxButtonSeverity, HxButtonSize, HxButtonVariant, HxCarouselItemContext, HxCarouselOrientation, HxCarouselResponsiveOption, HxCellContext, HxChartInstance, HxChartModule, HxChartSelectEvent, HxChartType, HxCheckboxSize, HxColumn, HxColumnAlign, HxConfirmation, HxDatePickerSelectionMode, HxDatePickerValue, HxDialogConfig, HxDialogPosition, HxDividerAlign, HxDividerLayout, HxDividerType, HxDrawerPosition, HxFileUploadMode, HxFloatLabelVariant, HxGalleriaItem, HxGalleriaItemContext, HxGalleriaThumbnailsPosition, HxIconPosition, HxInputNumberButtonLayout, HxInputNumberMode, HxInputNumberSize, HxInputNumberVariant, HxInputSize, HxInputVariant, HxLazyLoadEvent, HxMenuItem, HxMenuItemCommandEvent, HxMessageSeverity, HxMessageSize, HxMessageVariant, HxMultiSelectDisplay, HxMultiSelectSize, HxMultiSelectVariant, HxPageEvent, HxPrimaryColor, HxProgressMode, HxRadioSize, HxSelectButtonSize, HxSelectItem, HxSelectSize, HxSelectVariant, HxSelectionMode, HxSkeletonAnimation, HxSkeletonShape, HxSliderOrientation, HxSliderValue, HxSortFunction, HxSortMeta, HxSortMode, HxStepContentContext, HxStepValue, HxSurface, HxTableColumnsContext, HxTableRowContext, HxTableSize, HxTagSeverity, HxThemeOptions, HxTimelineAlign, HxTimelineContext, HxTimelineLayout, HxToastMessage, HxToastMessageInput, HxToastPosition, HxToastSeverity, HxToggleButtonSize, HxTooltipEvent, HxTooltipPosition, HxTreeFilterMode, HxTreeNode, HxTreeNodeContext, HxTreeNodeEvent, HxTreeSelection, HxTreeSelectionMode };
+export type { HxAccordionValue, HxAutoCompleteEvent, HxAutoCompleteSize, HxAvatarShape, HxAvatarSize, HxBadgeSeverity, HxBadgeSize, HxBreadcrumbItem, HxButtonSeverity, HxButtonSize, HxButtonVariant, HxCarouselItemContext, HxCarouselOrientation, HxCarouselResponsiveOption, HxCellContext, HxCheckboxSize, HxColumn, HxColumnAlign, HxColumnHeaderContext, HxConfirmation, HxDatePickerSelectionMode, HxDatePickerValue, HxDateTimePickerValue, HxDateTimeRangePreset, HxDateTimeRangeValue, HxDialogConfig, HxDialogPosition, HxDividerAlign, HxDividerLayout, HxDividerType, HxDrawerPosition, HxFileUploadMode, HxFloatLabelVariant, HxGalleriaItem, HxGalleriaItemContext, HxGalleriaThumbnailsPosition, HxIconPosition, HxInputNumberButtonLayout, HxInputNumberMode, HxInputNumberSize, HxInputNumberVariant, HxInputSize, HxInputVariant, HxLazyLoadEvent, HxMenuItem, HxMenuItemCommandEvent, HxMessageSeverity, HxMessageSize, HxMessageVariant, HxMultiSelectDisplay, HxMultiSelectSize, HxMultiSelectVariant, HxPageEvent, HxPrimaryColor, HxProgressMode, HxRadioSize, HxRowClass, HxSelectButtonSize, HxSelectItem, HxSelectSize, HxSelectVariant, HxSelectionMode, HxSkeletonAnimation, HxSkeletonShape, HxSliderOrientation, HxSliderValue, HxSortFirstOrder, HxSortFunction, HxSortMeta, HxSortMode, HxStepContentContext, HxStepValue, HxSurface, HxTableColumnsContext, HxTableRowContext, HxTableSize, HxTagSeverity, HxThemeOptions, HxTimePickerValue, HxTimelineAlign, HxTimelineContext, HxTimelineLayout, HxToastMessage, HxToastMessageInput, HxToastPosition, HxToastSeverity, HxToggleButtonSize, HxTooltipEvent, HxTooltipPosition, HxTreeFilterMode, HxTreeNode, HxTreeNodeContext, HxTreeNodeEvent, HxTreeSelection, HxTreeSelectionMode };