@area8975/ui 0.1.0

package/types/area8975-ui.d.ts

@@ -0,0 +1,3135 @@
+import ApexCharts$1 from "apexcharts";
+import * as i0 from "@angular/core";
+import { ElementRef, OnDestroy, OnInit, TemplateRef, WritableSignal } from "@angular/core";
+import { Placement } from "@floating-ui/dom";
+import { Observable } from "rxjs";
+/**
+ * Categorical colours for chart series, in a fixed order that was checked for
+ * colour blindness (adjacent pairs stay apart for protan, deutan and tritan).
+ * Keep the order, a series takes the next slot, never a generated colour.
+ */
+declare const CHART_PALETTE: readonly ["#2a78d6", "#eb6834", "#1baf7a", "#eda100", "#e87ba4", "#008300", "#4a3aa7", "#e34948"];
+/** Past eight series, fold the rest into "Other" instead of reusing a colour. */
+declare const CHART_MAX_SERIES: 8;
+/** Lines can go to sixteen, the second eight reuse the colours dashed. */
+declare const CHART_MAX_LINE_SERIES: number;
+declare const CHART_INK: {
+  readonly text: "#1e2939";
+  readonly muted: "#6a7282";
+  readonly grid: "#e5e7eb";
+  readonly surface: "#ffffff";
+  readonly context: "#d1d5dc";
+};
+interface ChartSeriesStyle {
+  colour: string;
+  dashed: boolean;
+}
+/** Past the eighth slot a series goes grey, reusing a colour would make two series look the same. */
+declare function chartColour(index: number): string;
+/**
+ * Colour plus line style for a slot. With `dashes` the ninth to sixteenth
+ * slots reuse the colours as dashed lines, colour and dash together keep
+ * them apart. Anything past that is grey.
+ */
+declare function chartSeriesStyle(index: number, dashes: boolean): ChartSeriesStyle;
+export type ChartOptions = ApexCharts$1.ApexOptions;
+/** One named set of values, one per category. */
+export interface ChartSeries {
+  name: string;
+  data: (number | null)[];
+  /** Overrides the palette slot, keep it for when a series must match something else. */
+  colour?: string;
+}
+/** Turns a raw value into what the axis, tooltip and table show, e.g. money. */
+export type ChartValueFormatter = (value: number) => string;
+/** Inputs every chart with categories along one axis and values up the other shares. */
+declare abstract class UiAxisChartBase {
+  readonly series: import("@angular/core").InputSignal<ChartSeries[]>;
+  readonly categories: import("@angular/core").InputSignal<string[]>;
+  /** Says what the chart shows, e.g. "Spending by month". */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly height: import("@angular/core").InputSignal<number>;
+  /** Used on the value axis, the tooltip and the table, e.g. to show money. */
+  readonly valueFormatter: import("@angular/core").InputSignal<ChartValueFormatter>;
+  /** Heading for the category column in the data table. */
+  readonly categoryLabel: import("@angular/core").InputSignal<string>;
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly emptyText: import("@angular/core").InputSignal<string>;
+  /** Shows the data table under the chart instead of only to screen readers. */
+  readonly showTable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Raw ApexCharts options merged over the defaults, for anything not covered here. */
+  readonly options: import("@angular/core").InputSignal<ApexCharts.ApexOptions | null>;
+  /**
+   * Only these series get palette colours, the rest go grey so the few that
+   * matter stand out. The way to show more series than there are colours.
+   */
+  readonly highlight: import("@angular/core").InputSignal<string[] | null>;
+  /** Series switched off in the legend. */
+  protected readonly hiddenSeries: import("@angular/core").WritableSignal<string[]>;
+  /** Charts that draw lines can tell series apart by dashes too, bars can't. */
+  protected readonly supportsDashes: boolean;
+  protected readonly isEmpty: import("@angular/core").Signal<boolean>;
+  protected readonly isMuted: import("@angular/core").Signal<boolean[]>;
+  protected readonly styles: import("@angular/core").Signal<ChartSeriesStyle[]>;
+  protected readonly colours: import("@angular/core").Signal<string[]>;
+  protected readonly dashed: import("@angular/core").Signal<boolean[]>;
+  /** Grey context series stay out of the legend, the note says how many there are. */
+  protected readonly legendItems: import("@angular/core").Signal<{
+    colour: string;
+    dashed: boolean;
+    name: string;
+  }[]>;
+  protected readonly legendNote: import("@angular/core").Signal<string>;
+  protected formatValue(value: number | null | undefined): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAxisChartBase, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAxisChartBase, never, never, {
+    "series": {
+      "alias": "series";
+      "required": true;
+      "isSignal": true;
+    };
+    "categories": {
+      "alias": "categories";
+      "required": true;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": true;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+    "valueFormatter": {
+      "alias": "valueFormatter";
+      "required": false;
+      "isSignal": true;
+    };
+    "categoryLabel": {
+      "alias": "categoryLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyText": {
+      "alias": "emptyText";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTable": {
+      "alias": "showTable";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+    "highlight": {
+      "alias": "highlight";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Bars or columns for comparing amounts across categories. Several series
+ * sit side by side, or on top of each other with `stacked`.
+ */
+export declare class UiBarChartComponent extends UiAxisChartBase {
+  readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+  readonly stacked: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly chartOptions: import("@angular/core").Signal<ApexCharts.ApexOptions>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBarChartComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiBarChartComponent, "ui-bar-chart", never, {
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "stacked": {
+      "alias": "stacked";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** vertical draws columns rising from the bottom, horizontal draws bars from the left. */
+export declare const BarChartOrientations: readonly ["vertical", "horizontal"];
+/** @see {@link BarChartOrientations} */
+export type BarChartOrientation = typeof BarChartOrientations[number];
+/**
+ * Draws raw ApexCharts options. The typed charts (bar, line and so on) are
+ * built on this, reach for it directly only when they can't do what you need.
+ */
+export declare class UiChartComponent {
+  readonly options: import("@angular/core").InputSignal<ApexCharts$1.ApexOptions>;
+  /** What the chart shows, e.g. "Spending by month". Screen readers get this instead of the SVG. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  /** Series names to keep off the plot, e.g. switched off in the legend. */
+  readonly hiddenSeries: import("@angular/core").InputSignal<string[]>;
+  /** Fades every other series so this one stands out, e.g. while its legend item is hovered. */
+  readonly emphasis: import("@angular/core").InputSignal<string | null>;
+  private readonly canvas;
+  private readonly chart;
+  private destroyed;
+  constructor();
+  private applyHidden;
+  private applyEmphasis;
+  private seriesNames;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiChartComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiChartComponent, "ui-chart", never, {
+    "options": {
+      "alias": "options";
+      "required": true;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": true;
+      "isSignal": true;
+    };
+    "hiddenSeries": {
+      "alias": "hiddenSeries";
+      "required": false;
+      "isSignal": true;
+    };
+    "emphasis": {
+      "alias": "emphasis";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** One entry in a legend, the colour ties it to its marks. */
+export interface ChartLegendItem {
+  name: string;
+  colour: string;
+  /** Shows the key as a dashed line, for series told apart by line style. */
+  dashed?: boolean;
+}
+/** The loading, empty and data table states around a chart, shared by every chart type. */
+export declare class UiChartFrameComponent {
+  readonly options: import("@angular/core").InputSignal<ApexCharts.ApexOptions>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly categories: import("@angular/core").InputSignal<string[]>;
+  readonly series: import("@angular/core").InputSignal<ChartSeries[]>;
+  readonly legendItems: import("@angular/core").InputSignal<ChartLegendItem[]>;
+  readonly legendNote: import("@angular/core").InputSignal<string>;
+  readonly hiddenSeries: import("@angular/core").ModelSignal<string[]>;
+  readonly valueFormatter: import("@angular/core").InputSignal<ChartValueFormatter>;
+  readonly categoryLabel: import("@angular/core").InputSignal<string>;
+  readonly height: import("@angular/core").InputSignal<number>;
+  readonly emptyText: import("@angular/core").InputSignal<string>;
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly empty: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly showTable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** The series the legend is pointing at, the others fade while it's set. */
+  protected readonly emphasis: import("@angular/core").WritableSignal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiChartFrameComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiChartFrameComponent, "ui-chart-frame", never, {
+    "options": {
+      "alias": "options";
+      "required": true;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": true;
+      "isSignal": true;
+    };
+    "categories": {
+      "alias": "categories";
+      "required": true;
+      "isSignal": true;
+    };
+    "series": {
+      "alias": "series";
+      "required": true;
+      "isSignal": true;
+    };
+    "legendItems": {
+      "alias": "legendItems";
+      "required": true;
+      "isSignal": true;
+    };
+    "legendNote": {
+      "alias": "legendNote";
+      "required": false;
+      "isSignal": true;
+    };
+    "hiddenSeries": {
+      "alias": "hiddenSeries";
+      "required": false;
+      "isSignal": true;
+    };
+    "valueFormatter": {
+      "alias": "valueFormatter";
+      "required": true;
+      "isSignal": true;
+    };
+    "categoryLabel": {
+      "alias": "categoryLabel";
+      "required": true;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": true;
+      "isSignal": true;
+    };
+    "emptyText": {
+      "alias": "emptyText";
+      "required": true;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "empty": {
+      "alias": "empty";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTable": {
+      "alias": "showTable";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "hiddenSeries": "hiddenSeriesChange";
+  }, never, never, true, never>;
+}
+/**
+ * The numbers behind a chart as a table. Hidden visually by default so screen
+ * readers still get the data, `visible` shows it for everyone.
+ */
+export declare class UiChartTableComponent {
+  readonly caption: import("@angular/core").InputSignal<string>;
+  readonly categories: import("@angular/core").InputSignal<string[]>;
+  readonly series: import("@angular/core").InputSignal<ChartSeries[]>;
+  readonly valueFormatter: import("@angular/core").InputSignal<ChartValueFormatter>;
+  readonly categoryLabel: import("@angular/core").InputSignal<string>;
+  readonly visible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected format(value: number | null | undefined): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiChartTableComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiChartTableComponent, "ui-chart-table", never, {
+    "caption": {
+      "alias": "caption";
+      "required": true;
+      "isSignal": true;
+    };
+    "categories": {
+      "alias": "categories";
+      "required": true;
+      "isSignal": true;
+    };
+    "series": {
+      "alias": "series";
+      "required": true;
+      "isSignal": true;
+    };
+    "valueFormatter": {
+      "alias": "valueFormatter";
+      "required": true;
+      "isSignal": true;
+    };
+    "categoryLabel": {
+      "alias": "categoryLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "visible": {
+      "alias": "visible";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * A row of colour keys naming what each colour means. Charts use it above
+ * the plot, but it works next to anything coloured by series.
+ */
+export declare class UiChartLegendComponent {
+  readonly items: import("@angular/core").InputSignal<ChartLegendItem[]>;
+  /** Names of items switched off, bound two-way when `toggleable`. */
+  readonly hidden: import("@angular/core").ModelSignal<string[]>;
+  /** Lets each item be clicked to hide or show its series. */
+  readonly toggleable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** The item being hovered or focused, null when it leaves. Charts fade the other series. */
+  readonly focusChange: import("@angular/core").OutputEmitterRef<string | null>;
+  private readonly hovered;
+  private readonly focused;
+  private readonly pointedAt;
+  protected readonly visibleCount: import("@angular/core").Signal<number>;
+  constructor();
+  protected hover(name: string | null): void;
+  protected focus(name: string | null): void;
+  protected isHidden(item: ChartLegendItem): boolean;
+  protected isLocked(item: ChartLegendItem): boolean;
+  protected toggle(item: ChartLegendItem): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiChartLegendComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiChartLegendComponent, "ui-chart-legend", never, {
+    "items": {
+      "alias": "items";
+      "required": true;
+      "isSignal": true;
+    };
+    "hidden": {
+      "alias": "hidden";
+      "required": false;
+      "isSignal": true;
+    };
+    "toggleable": {
+      "alias": "toggleable";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "hidden": "hiddenChange";
+    "focusChange": "focusChange";
+  }, never, never, true, never>;
+}
+/**
+ * Lines for showing how values change over something ordered, usually time.
+ * Hovering anywhere shows every series at that point.
+ */
+export declare class UiLineChartComponent extends UiAxisChartBase {
+  protected readonly supportsDashes = true;
+  readonly curve: import("@angular/core").InputSignal<"straight" | "smooth" | "stepline">;
+  /** Draws a dot on every point, not just the hovered one. Handy with few points. */
+  readonly showPoints: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly chartOptions: import("@angular/core").Signal<ApexCharts.ApexOptions>;
+  private tooltipOrder;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiLineChartComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiLineChartComponent, "ui-line-chart", never, {
+    "curve": {
+      "alias": "curve";
+      "required": false;
+      "isSignal": true;
+    };
+    "showPoints": {
+      "alias": "showPoints";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** How points are joined, straight segments, a smooth curve, or steps. */
+export declare const LineChartCurves: readonly ["straight", "smooth", "stepline"];
+/** @see {@link LineChartCurves} */
+export type LineChartCurve = typeof LineChartCurves[number];
+/** Native type values ui-input supports. File/checkbox/radio/range need their own components. */
+export declare const InputTypes: readonly ["text", "email", "tel", "url", "search", "password", "number", "date", "time", "datetime-local", "month", "week", "color"];
+/** @see {@link InputTypes} */
+export type InputType = typeof InputTypes[number];
+/** Native inputmode values, hinting at the virtual keyboard to show. */
+export declare const InputModes: readonly ["none", "text", "decimal", "numeric", "tel", "search", "email", "url"];
+/** @see {@link InputModes} */
+export type InputMode = typeof InputModes[number];
+/** true is valid, false is invalid, null is not yet validated. */
+export type InputValidation = boolean | null;
+/** Native aria-autocomplete values, for inputs that suggest as you type. */
+export declare const InputAriaAutocompletes: readonly ["none", "inline", "list", "both"];
+/** @see {@link InputAriaAutocompletes} */
+export type InputAriaAutocomplete = typeof InputAriaAutocompletes[number];
+/** Native aria-haspopup values, for inputs that open something. */
+export declare const InputAriaHasPopups: readonly ["listbox", "dialog", "grid", "menu", "tree"];
+/** @see {@link InputAriaHasPopups} */
+export type InputAriaHasPopup = typeof InputAriaHasPopups[number];
+export declare class UiCheckboxComponent {
+  readonly value: import("@angular/core").ModelSignal<boolean>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCheckboxComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiCheckboxComponent, "ui-checkbox", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "indeterminate": {
+      "alias": "indeterminate";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "validationState": "validationStateChange";
+  }, never, never, true, never>;
+}
+/** Why a file was turned away by a file picker. */
+export declare const FileRejectionReasons: readonly ["type", "size"];
+/** @see {@link FileRejectionReasons} */
+export type FileRejectionReason = typeof FileRejectionReasons[number];
+export interface FileRejection {
+  file: File;
+  reason: FileRejectionReason;
+}
+export interface FileSelection {
+  accepted: File[];
+  rejected: FileRejection[];
+}
+export declare class UiDropzoneComponent {
+  readonly value: import("@angular/core").ModelSignal<File[]>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly accept: import("@angular/core").InputSignal<string>;
+  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  /** Max size per file in bytes. */
+  readonly maxSize: import("@angular/core").InputSignal<number | null>;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly hint: import("@angular/core").InputSignal<string>;
+  readonly icon: import("@angular/core").InputSignal<string>;
+  readonly rejected: import("@angular/core").OutputEmitterRef<FileRejection[]>;
+  private readonly picker;
+  private dragDepth;
+  protected readonly isDragging: import("@angular/core").WritableSignal<boolean>;
+  protected readonly hasRejection: import("@angular/core").WritableSignal<boolean>;
+  protected readonly displayTitle: import("@angular/core").Signal<string>;
+  protected readonly files: import("@angular/core").Signal<{
+    name: string;
+    size: string;
+  }[]>;
+  protected openPicker(): void;
+  protected handleKeydown(event: KeyboardEvent): void;
+  protected handlePick(event: Event): void;
+  protected handleDragEnter(event: DragEvent): void;
+  protected handleDragOver(event: DragEvent): void;
+  protected handleDragLeave(): void;
+  protected handleDrop(event: DragEvent): void;
+  protected clear(): void;
+  private addFiles;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropzoneComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropzoneComponent, "ui-dropzone", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "accept": {
+      "alias": "accept";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxSize": {
+      "alias": "maxSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "rejected": "rejected";
+  }, never, never, true, never>;
+}
+export declare class UiFieldComponent {
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly hint: import("@angular/core").InputSignal<string>;
+  /**
+   * Shows a "*" marker next to the label.
+   */
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * An error message, shown instead of `hint` when present.
+   */
+  readonly error: import("@angular/core").InputSignal<string>;
+  readonly for: import("@angular/core").InputSignal<string>;
+  readonly hintId: import("@angular/core").InputSignal<string>;
+  readonly errorId: import("@angular/core").InputSignal<string>;
+  protected get forAttr(): string | null;
+  protected get hintAttr(): string | null;
+  protected get errorAttr(): string | null;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiFieldComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiFieldComponent, "ui-field", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "error": {
+      "alias": "error";
+      "required": false;
+      "isSignal": true;
+    };
+    "for": {
+      "alias": "for";
+      "required": false;
+      "isSignal": true;
+    };
+    "hintId": {
+      "alias": "hintId";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorId": {
+      "alias": "errorId";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+export declare class UiInputComponent<ValueType = string> {
+  readonly value: import("@angular/core").ModelSignal<ValueType>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly type: import("@angular/core").InputSignal<"number" | "color" | "text" | "search" | "time" | "email" | "tel" | "url" | "password" | "date" | "datetime-local" | "month" | "week">;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly autocomplete: import("@angular/core").InputSignal<string>;
+  readonly inputmode: import("@angular/core").InputSignal<"" | "none" | "text" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  readonly min: import("@angular/core").InputSignal<string | number>;
+  readonly max: import("@angular/core").InputSignal<string | number>;
+  readonly step: import("@angular/core").InputSignal<string | number>;
+  readonly pattern: import("@angular/core").InputSignal<string>;
+  readonly minlength: import("@angular/core").InputSignal<number | null>;
+  readonly maxlength: import("@angular/core").InputSignal<number | null>;
+  readonly autofocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly spellcheck: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly list: import("@angular/core").InputSignal<string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  readonly inputRole: import("@angular/core").InputSignal<string>;
+  readonly ariaExpanded: import("@angular/core").InputSignal<boolean | null>;
+  readonly ariaControls: import("@angular/core").InputSignal<string>;
+  readonly ariaActiveDescendant: import("@angular/core").InputSignal<string | null>;
+  readonly ariaAutocomplete: import("@angular/core").InputSignal<"" | "none" | "inline" | "list" | "both">;
+  readonly ariaHasPopup: import("@angular/core").InputSignal<"" | "dialog" | "menu" | "listbox" | "grid" | "tree">;
+  readonly focused: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly blurred: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly leadingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly trailingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  protected handleInput(event: Event): void;
+  protected handleFocus(event: FocusEvent): void;
+  protected handleBlur(event: FocusEvent): void;
+  private parseValue;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInputComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiInputComponent<any>, "ui-input", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "autocomplete": {
+      "alias": "autocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputmode": {
+      "alias": "inputmode";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "pattern": {
+      "alias": "pattern";
+      "required": false;
+      "isSignal": true;
+    };
+    "minlength": {
+      "alias": "minlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxlength": {
+      "alias": "maxlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "autofocus": {
+      "alias": "autofocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "spellcheck": {
+      "alias": "spellcheck";
+      "required": false;
+      "isSignal": true;
+    };
+    "list": {
+      "alias": "list";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputRole": {
+      "alias": "inputRole";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaExpanded": {
+      "alias": "ariaExpanded";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaControls": {
+      "alias": "ariaControls";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaActiveDescendant": {
+      "alias": "ariaActiveDescendant";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaAutocomplete": {
+      "alias": "ariaAutocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaHasPopup": {
+      "alias": "ariaHasPopup";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "validationState": "validationStateChange";
+    "focused": "focused";
+    "blurred": "blurred";
+  }, ["leadingElement", "trailingElement"], never, true, never>;
+}
+/**
+ * A static and non-interactable text or symbol that can be combined with
+ * a `ui-input` inside of a `ui-input-group`. Example: this could represent
+ * a currency symbol or unit of measurement.
+ */
+export declare class UiInputAddonComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInputAddonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiInputAddonComponent, "ui-input-addon", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class UiInputGroupComponent {
+  readonly inputs: import("@angular/core").Signal<readonly UiInputComponent<any>[]>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInputGroupComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiInputGroupComponent, "ui-input-group", never, {
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "validationState": "validationStateChange";
+  }, ["inputs"], ["*"], true, never>;
+}
+export declare class UiRadioComponent<ValueType = unknown> {
+  readonly value: import("@angular/core").ModelSignal<ValueType>;
+  readonly option: import("@angular/core").InputSignal<ValueType>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  readonly compareWith: import("@angular/core").InputSignal<(a: ValueType, b: ValueType) => boolean>;
+  readonly checked: import("@angular/core").Signal<boolean>;
+  select(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiRadioComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiRadioComponent<any>, "ui-radio", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "option": {
+      "alias": "option";
+      "required": true;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "compareWith": {
+      "alias": "compareWith";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "validationState": "validationStateChange";
+  }, never, never, true, never>;
+}
+/** Defines if and when a `ui-overlay` should close when the user clicks. */
+export type UiOverlayCloseBehaviour = 'none' | 'whenClickOutside' | 'whenClickAnywhere';
+export interface UiOverlayOptions {
+  placement: Placement;
+  offset: number;
+  viewportPadding: number;
+}
+export interface SelectDataSourceParameters {
+  query: string;
+  page: number;
+  size: number;
+}
+export interface SelectDataSourceContent<Model> {
+  items: Model[];
+  hasMore: boolean;
+}
+export interface SelectDataSource<Model> {
+  load(params: SelectDataSourceParameters): Observable<SelectDataSourceContent<Model>>;
+}
+export declare class SelectLocalDataSource<Model> implements SelectDataSource<Model> {
+  private readonly items;
+  private readonly search;
+  constructor(items: Model[], search: (item: Model, query: string) => boolean);
+  load(params: SelectDataSourceParameters): Observable<SelectDataSourceContent<Model>>;
+}
+export declare class SelectRemoteDataSource<Model> implements SelectDataSource<Model> {
+  private readonly fetch;
+  constructor(fetch: (params: SelectDataSourceParameters) => Observable<SelectDataSourceContent<Model>>);
+  load(params: SelectDataSourceParameters): Observable<SelectDataSourceContent<Model>>;
+}
+export type SearchMode = 'none' | 'inline' | 'dropdown';
+/** How a multiple select shows its selection when closed. */
+export declare const SelectMultipleDisplays: readonly ["text", "tags"];
+/** @see {@link SelectMultipleDisplays} */
+export type SelectMultipleDisplay = typeof SelectMultipleDisplays[number];
+/** Context for a projected `#option` template. */
+export interface SelectOptionContext<Model> {
+  $implicit: Model;
+  selected: boolean;
+  active: boolean;
+}
+/** Context for a projected `#trigger` template, single select only. */
+export interface SelectTriggerContext<Model> {
+  $implicit: Model;
+}
+/** One line in the open list. Groups are headings, the rest can be picked. */
+export type SelectRow<Model> = {
+  kind: 'group';
+  id: string;
+  label: string;
+} | {
+  kind: 'clear';
+  id: string;
+  index: number;
+} | {
+  kind: 'create';
+  id: string;
+  index: number;
+  query: string;
+} | {
+  kind: 'item';
+  id: string;
+  index: number;
+  item: Model;
+  label: string;
+  selected: boolean;
+};
+export declare class UiSelectComponent<Model = unknown> {
+  readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+  readonly placement: import("@angular/core").InputSignal<Placement>;
+  readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
+  readonly dataSource: import("@angular/core").InputSignal<SelectDataSource<Model>>;
+  readonly items: import("@angular/core").WritableSignal<Model[]>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  /** Goes on the trigger (or the inline search box), pass it to ui-field's `for`. */
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  readonly pageSize: import("@angular/core").InputSignal<number>;
+  readonly searchMode: import("@angular/core").InputSignal<SearchMode>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  readonly clearable: import("@angular/core").InputSignal<boolean>;
+  readonly clearLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Offers a "Create" row when a search matches nothing. Needs a
+   * searchMode, the parent handles `create` and adds the new item.
+   */
+  readonly creatable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly createLabel: import("@angular/core").InputSignal<(query: string) => string>;
+  /** Puts a heading above each run of items in the same group. Expects items sorted by group. */
+  readonly groupBy: import("@angular/core").InputSignal<((item: Model) => string | null) | null>;
+  /** Scrolls the selected option into view when the list opens. */
+  readonly scrollToSelected: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Lets several items be picked, bound through `selectedItems`. */
+  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly multipleDisplay: import("@angular/core").InputSignal<"text" | "tags">;
+  /** In text display, swaps the list of names for a count past this many. 0 always counts. */
+  readonly counterAfter: import("@angular/core").InputSignal<number | null>;
+  readonly counterLabel: import("@angular/core").InputSignal<(count: number) => string>;
+  readonly compareWith: import("@angular/core").InputSignal<(a: Model, b: Model) => boolean>;
+  readonly displayWith: import("@angular/core").InputSignal<(item: Model) => string>;
+  readonly selectionChange: import("@angular/core").OutputEmitterRef<Model | null>;
+  /** Emits the search text when the "Create" row is picked. */
+  readonly create: import("@angular/core").OutputEmitterRef<string>;
+  readonly selectedItem: import("@angular/core").ModelSignal<Model | null>;
+  readonly selectedItems: import("@angular/core").ModelSignal<Model[]>;
+  readonly query: import("@angular/core").WritableSignal<string>;
+  readonly loading: import("@angular/core").WritableSignal<boolean>;
+  readonly hasMore: import("@angular/core").WritableSignal<boolean>;
+  readonly optionTemplate: import("@angular/core").Signal<TemplateRef<SelectOptionContext<Model>> | undefined>;
+  readonly triggerTemplate: import("@angular/core").Signal<TemplateRef<SelectTriggerContext<Model>> | undefined>;
+  /** Index into the pickable rows, the one keyboard focus sits on. */
+  readonly activeIndex: import("@angular/core").WritableSignal<number>;
+  readonly listId: string;
+  readonly hasSelection: import("@angular/core").Signal<boolean>;
+  readonly triggerLabel: import("@angular/core").Signal<string>;
+  /** Tags only replace the trigger text when there's no inline search box. */
+  readonly showTags: import("@angular/core").Signal<boolean>;
+  /** The text to create from, or null when there's nothing to offer. */
+  readonly createQuery: import("@angular/core").Signal<string | null>;
+  readonly rows: import("@angular/core").Signal<SelectRow<Model>[]>;
+  private readonly pickable;
+  readonly activeId: import("@angular/core").Signal<string | null>;
+  private page;
+  private readonly load$;
+  private readonly host;
+  private readonly injector;
+  private readonly destroyRef;
+  private readonly cdr;
+  constructor();
+  private fetchPage;
+  private applyResult;
+  open(): void;
+  toggle(): void;
+  select(item: Model): void;
+  isSelected(item: Model): boolean;
+  toggleItem(item: Model): void;
+  removeItem(item: Model): void;
+  clear(): void;
+  onItemClick(item: Model): void;
+  onCreate(): void;
+  onKeydown(event: KeyboardEvent): void;
+  onFocusOut(event: FocusEvent): void;
+  setActive(index: number): void;
+  loadFirstPage(): void;
+  loadNextPage(): void;
+  onQueryChange(query: string): void;
+  onScroll(scrollContainer: HTMLElement): void;
+  private pickActive;
+  private moveActive;
+  private scrollActiveIntoView;
+  private focusTrigger;
+  private searchInput;
+  private rowId;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSelectComponent<any>, "ui-select", never, {
+    "placement": {
+      "alias": "placement";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeBehaviour": {
+      "alias": "closeBehaviour";
+      "required": false;
+      "isSignal": true;
+    };
+    "dataSource": {
+      "alias": "dataSource";
+      "required": true;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "pageSize": {
+      "alias": "pageSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "searchMode": {
+      "alias": "searchMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearable": {
+      "alias": "clearable";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearLabel": {
+      "alias": "clearLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "creatable": {
+      "alias": "creatable";
+      "required": false;
+      "isSignal": true;
+    };
+    "createLabel": {
+      "alias": "createLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "groupBy": {
+      "alias": "groupBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollToSelected": {
+      "alias": "scrollToSelected";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+    "multipleDisplay": {
+      "alias": "multipleDisplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "counterAfter": {
+      "alias": "counterAfter";
+      "required": false;
+      "isSignal": true;
+    };
+    "counterLabel": {
+      "alias": "counterLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "compareWith": {
+      "alias": "compareWith";
+      "required": false;
+      "isSignal": true;
+    };
+    "displayWith": {
+      "alias": "displayWith";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedItem": {
+      "alias": "selectedItem";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedItems": {
+      "alias": "selectedItems";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "validationState": "validationStateChange";
+    "selectionChange": "selectionChange";
+    "create": "create";
+    "selectedItem": "selectedItemChange";
+    "selectedItems": "selectedItemsChange";
+  }, ["optionTemplate", "triggerTemplate"], never, true, never>;
+}
+/** Native resize values for the textarea element. */
+export declare const TextareaResizeOptions: readonly ["none", "both", "horizontal", "vertical"];
+/** @see {@link TextareaResizeOptions} */
+export type TextareaResize = typeof TextareaResizeOptions[number];
+/** true is valid, false is invalid, null is not yet validated. */
+export type TextareaValidation = boolean | null;
+export declare class UiTextareaComponent {
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly rows: import("@angular/core").InputSignal<number>;
+  readonly resize: import("@angular/core").InputSignal<"none" | "vertical" | "horizontal" | "both">;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<TextareaValidation>;
+  readonly minlength: import("@angular/core").InputSignal<number | null>;
+  readonly maxlength: import("@angular/core").InputSignal<number | null>;
+  readonly autofocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly spellcheck: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  readonly focused: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly blurred: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  protected handleInput(event: Event): void;
+  protected handleFocus(event: FocusEvent): void;
+  protected handleBlur(event: FocusEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTextareaComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTextareaComponent, "ui-textarea", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "rows": {
+      "alias": "rows";
+      "required": false;
+      "isSignal": true;
+    };
+    "resize": {
+      "alias": "resize";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "minlength": {
+      "alias": "minlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxlength": {
+      "alias": "maxlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "autofocus": {
+      "alias": "autofocus";
+      "required": false;
+      "isSignal": true;
+    };
+    "spellcheck": {
+      "alias": "spellcheck";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "validationState": "validationStateChange";
+    "focused": "focused";
+    "blurred": "blurred";
+  }, never, never, true, never>;
+}
+export declare class UiAlertComponent {
+  readonly appearance: import("@angular/core").InputSignal<"soft" | "bordered">;
+  readonly intent: import("@angular/core").InputSignal<string>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly icon: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAlertComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiAlertComponent, "ui-alert", never, {
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "intent": {
+      "alias": "intent";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["icon"], ["*"], true, never>;
+}
+export declare const AlertIntents: string[];
+export declare const AlertAppearances: readonly ["soft", "bordered"];
+export type AlertIntent = typeof AlertIntents[number];
+export type AlertAppearance = typeof AlertAppearances[number];
+export declare class UiBadgeComponent {
+  readonly appearance: import("@angular/core").InputSignal<"solid" | "outline" | "soft">;
+  readonly intent: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger">;
+  readonly size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | "lg">;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBadgeComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiBadgeComponent, "ui-badge", never, {
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "intent": {
+      "alias": "intent";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+export declare const BadgeIntents: readonly ["primary", "secondary", "success", "warning", "danger"];
+export declare const BadgeAppearances: readonly ["solid", "outline", "soft"];
+export declare const BadgeSizes: readonly ["xs", "sm", "md", "lg"];
+export type BadgeIntent = typeof BadgeIntents[number];
+export type BadgeAppearance = typeof BadgeAppearances[number];
+export type BadgeSize = typeof BadgeSizes[number];
+/**
+ * A general-purpose button.
+ */
+export declare class UiButtonComponent {
+  readonly appearance: import("@angular/core").InputSignal<"solid" | "none" | "link" | "outline" | "ghost" | "white">;
+  readonly intent: import("@angular/core").InputSignal<"none" | "primary" | "secondary" | "success" | "warning" | "danger">;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly type: import("@angular/core").InputSignal<"button" | "reset" | "submit">;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  readonly loading: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Whether the underlying `<button>` element should be disabled - true when
+   * `disabled` is set explicitly, or implicitly while `loading` is true.
+   */
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  private readonly intentAndAppearanceClasses;
+  private readonly sizeClasses;
+  private readonly textClasses;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiButtonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiButtonComponent, "ui-button", never, {
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "intent": {
+      "alias": "intent";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/**
+ * The semantic colour of a button. `"none"` opts out of intent/appearance
+ * styling entirely - see `UiButtonComponent.intent`.
+ */
+export declare const ButtonIntents: readonly ["primary", "secondary", "success", "warning", "danger", "none"];
+/**
+ * The visual treatment of a button (fill, outline, etc.), combined with its
+ * `intent` to select a variant class. `"none"` opts out of intent/appearance
+ * styling entirely - see `UiButtonComponent.appearance`.
+ */
+export declare const ButtonAppearances: readonly ["solid", "outline", "ghost", "white", "link", "none"];
+/** The size of a button, controlling its padding and typography scale. */
+export declare const ButtonSizes: readonly ["sm", "md", "lg"];
+/** The native `type` attribute a button can render with. */
+export declare const ButtonTypes: readonly ["button", "submit", "reset"];
+/** @see {@link ButtonIntents} */
+export type ButtonIntent = typeof ButtonIntents[number];
+/** @see {@link ButtonAppearances} */
+export type ButtonAppearance = typeof ButtonAppearances[number];
+/** @see {@link ButtonSizes} */
+export type ButtonSize = typeof ButtonSizes[number];
+/** @see {@link ButtonTypes} */
+export type ButtonType = typeof ButtonTypes[number];
+/**
+ * @example
+ * ```html
+ * <ui-button-group>
+ *   <ui-button intent="secondary" appearance="white">First</ui-button>
+ *   <ui-button intent="secondary" appearance="white">Second</ui-button>
+ *   <ui-button intent="secondary" appearance="white">Last</ui-button>
+ * </ui-button-group>
+ * ```
+ */
+export declare class UiButtonGroupComponent {
+  readonly buttons: import("@angular/core").Signal<readonly UiButtonComponent[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiButtonGroupComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiButtonGroupComponent, "ui-button-group", never, {}, {}, ["buttons"], ["*"], true, never>;
+}
+/** Which day each calendar row starts on. 0 is Sunday, 1 is Monday. */
+export declare const WeekStarts: readonly [0, 1];
+/** @see {@link WeekStarts} */
+export type WeekStart = typeof WeekStarts[number];
+/** A date-only ISO string, e.g. "2026-09-29". */
+export type IsoDate = string;
+export interface CalendarDay {
+  iso: IsoDate;
+  day: number;
+  label: string;
+  isOutside: boolean;
+  isToday: boolean;
+  isSelected: boolean;
+  isDisabled: boolean;
+  isInRange: boolean;
+  isRangeStart: boolean;
+  isRangeEnd: boolean;
+}
+/** A local date and time ISO string, e.g. "2026-09-29T14:30". */
+export type IsoDateTime = string;
+/** Whether a calendar picks one date or a start and end. */
+export declare const CalendarModes: readonly ["single", "range"];
+/** @see {@link CalendarModes} */
+export type CalendarMode = typeof CalendarModes[number];
+export interface DateRange {
+  start: IsoDate | null;
+  end: IsoDate | null;
+}
+export declare class UiCalendarComponent {
+  private readonly host;
+  private readonly injector;
+  readonly mode: import("@angular/core").InputSignal<"single" | "range">;
+  /** The picked date in single mode. */
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  /** The picked start and end in range mode. */
+  readonly range: import("@angular/core").ModelSignal<DateRange>;
+  readonly min: import("@angular/core").InputSignal<string | null>;
+  readonly max: import("@angular/core").InputSignal<string | null>;
+  readonly isDateDisabled: import("@angular/core").InputSignal<(date: IsoDate) => boolean>;
+  readonly weekStart: import("@angular/core").InputSignal<0 | 1>;
+  readonly locale: import("@angular/core").InputSignal<string>;
+  protected readonly today: string;
+  private readonly anchorDate;
+  private readonly activeDate;
+  private readonly hoveredDate;
+  protected readonly viewMonth: import("@angular/core").WritableSignal<number>;
+  protected readonly viewYear: import("@angular/core").WritableSignal<number>;
+  protected readonly monthNames: import("@angular/core").Signal<string[]>;
+  protected readonly weekdays: import("@angular/core").Signal<string[]>;
+  protected readonly monthSource: import("@angular/core").Signal<SelectLocalDataSource<number>>;
+  protected readonly yearSource: import("@angular/core").Signal<SelectLocalDataSource<number>>;
+  protected readonly displayMonth: (month: number) => string;
+  protected readonly days: import("@angular/core").Signal<CalendarDay[]>;
+  private readonly rangeBounds;
+  /** Only one day is tabbable, arrow keys move between the rest. */
+  protected readonly tabbableDate: import("@angular/core").Signal<string>;
+  protected readonly canGoBack: import("@angular/core").Signal<boolean>;
+  protected readonly canGoForward: import("@angular/core").Signal<boolean>;
+  /** Moves focus onto the active day, e.g. when a datepicker opens. */
+  focusActiveDate(): void;
+  protected showMonth(offset: number): void;
+  protected select(day: CalendarDay): void;
+  protected preview(date: IsoDate | null): void;
+  protected handleKeydown(event: KeyboardEvent): void;
+  private keyTarget;
+  private isUnavailable;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCalendarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiCalendarComponent, "ui-calendar", never, {
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "range": {
+      "alias": "range";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "isDateDisabled": {
+      "alias": "isDateDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "weekStart": {
+      "alias": "weekStart";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "range": "rangeChange";
+  }, never, never, true, never>;
+}
+export declare class UiContainerComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContainerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiContainerComponent, "ui-container", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class UiDrawerComponent {
+  readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+  readonly enableBackdrop: import("@angular/core").InputSignal<boolean>;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly subLabel: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDrawerComponent, "ui-drawer", never, {
+    "enableBackdrop": {
+      "alias": "enableBackdrop";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "subLabel": {
+      "alias": "subLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class UiDropdownDirective {
+  readonly element: ElementRef<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownDirective, "[uiDropdownContent]", never, {}, {}, never, never, true, never>;
+}
+export type DropdownMatchWidth = 'minWidth' | 'maxWidth' | 'both';
+export declare class UiDropdownComponent {
+  protected readonly anchor: ElementRef<any>;
+  readonly content: import("@angular/core").Signal<UiDropdownDirective | undefined>;
+  readonly isOpen: import("@angular/core").InputSignal<WritableSignal<boolean>>;
+  readonly placement: import("@angular/core").InputSignal<Placement>;
+  readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
+  readonly offset: import("@angular/core").InputSignal<number>;
+  readonly viewportPadding: import("@angular/core").InputSignal<number>;
+  /** Gives the floating content a min-width matching the dropdown's own width. */
+  readonly matchWidth: import("@angular/core").InputSignal<DropdownMatchWidth | null>;
+  readonly toggle: () => void;
+  readonly close: () => void;
+  readonly open: () => void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownComponent, "ui-dropdown", ["uiDropdown"], {
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
+      "isSignal": true;
+    };
+    "placement": {
+      "alias": "placement";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeBehaviour": {
+      "alias": "closeBehaviour";
+      "required": false;
+      "isSignal": true;
+    };
+    "offset": {
+      "alias": "offset";
+      "required": false;
+      "isSignal": true;
+    };
+    "viewportPadding": {
+      "alias": "viewportPadding";
+      "required": false;
+      "isSignal": true;
+    };
+    "matchWidth": {
+      "alias": "matchWidth";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["content"], ["*"], true, never>;
+}
+export declare class UiKpiComponent {
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly hint: import("@angular/core").InputSignal<string>;
+  readonly icon: import("@angular/core").InputSignal<string | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiKpiComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiKpiComponent, "ui-kpi", never, {
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[kpi-value]", "[kpi-badge]"], true, never>;
+}
+export declare class UiLoadingComponent {
+  readonly type: import("@angular/core").InputSignal<"spinner" | "throbber" | "pulse-ring" | "pulse-dot" | "wave" | "equaliser" | "terminal" | "blinking-caret" | "shimmer-text" | "loading-dots" | "bouncing-dots" | "fading-dots">;
+  protected readonly hasText: import("@angular/core").Signal<boolean>;
+  protected readonly throbberSpokes: number[];
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiLoadingComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiLoadingComponent, "ui-loading", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_LOADING_TYPES: ["spinner", "throbber", "pulse-ring", "pulse-dot", "wave", "equaliser", "terminal", "blinking-caret", "shimmer-text", "loading-dots", "bouncing-dots", "fading-dots"];
+export type UiLoadingType = typeof UI_LOADING_TYPES[number];
+export declare class UiModalComponent {
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+  readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly headerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly footerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly panelElement: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiModalComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiModalComponent, "ui-modal", never, {
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
+      "isSignal": true;
+    };
+    "closeBehaviour": {
+      "alias": "closeBehaviour";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "isOpen": "isOpenChange";
+  }, ["headerElement", "footerElement"], ["*"], true, never>;
+}
+/**
+ * Formats a money value, e.g. -42.1 as "-£42.10".
+ */
+export declare class UiMoneyComponent {
+  readonly value: import("@angular/core").InputSignal<number | null>;
+  readonly currency: import("@angular/core").InputSignal<string>;
+  readonly locale: import("@angular/core").InputSignal<string>;
+  readonly signDisplay: import("@angular/core").InputSignal<"auto" | "always" | "exceptZero" | "never">;
+  /** Green for money in, red for money out. */
+  readonly colourBySign: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Short form like "£12K", the full amount goes in the title. */
+  readonly compact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Shown when there's no value. */
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  private readonly amount;
+  protected readonly formatted: import("@angular/core").Signal<string>;
+  protected readonly title: import("@angular/core").Signal<string | null>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  private readonly signClass;
+  private format;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMoneyComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMoneyComponent, "ui-money", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "currency": {
+      "alias": "currency";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "signDisplay": {
+      "alias": "signDisplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "colourBySign": {
+      "alias": "colourBySign";
+      "required": false;
+      "isSignal": true;
+    };
+    "compact": {
+      "alias": "compact";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** Intl signDisplay values, controls when a + or - is shown. */
+export declare const MoneySignDisplays: readonly ["auto", "always", "exceptZero", "never"];
+/** @see {@link MoneySignDisplays} */
+export type MoneySignDisplay = typeof MoneySignDisplays[number];
+/** A page index, or a gap between page numbers. */
+export type PaginationItem = number | 'ellipsis';
+export declare class UiPaginationComponent {
+  readonly page: import("@angular/core").ModelSignal<number>;
+  readonly totalPages: import("@angular/core").InputSignal<number>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  readonly isFirstPage: import("@angular/core").Signal<boolean>;
+  readonly isLastPage: import("@angular/core").Signal<boolean>;
+  readonly items: import("@angular/core").Signal<PaginationItem[]>;
+  pageLabel(page: number): string;
+  goToPage(page: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiPaginationComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiPaginationComponent, "ui-pagination", never, {
+    "page": {
+      "alias": "page";
+      "required": false;
+      "isSignal": true;
+    };
+    "totalPages": {
+      "alias": "totalPages";
+      "required": true;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "page": "pageChange";
+  }, never, never, true, never>;
+}
+/** Same names as badges, so a status reads the same wherever it shows. */
+export declare const ProgressIntents: readonly ["primary", "secondary", "success", "warning", "danger"];
+/** @see {@link ProgressIntents} */
+export type ProgressIntent = typeof ProgressIntents[number];
+/** Track thickness, md matches Preline's default and xl fits a label inside. */
+export declare const ProgressSizes: readonly ["sm", "md", "lg", "xl"];
+/** @see {@link ProgressSizes} */
+export type ProgressSize = typeof ProgressSizes[number];
+/** Where the value label goes, if anywhere. */
+export declare const ProgressLabelPositions: readonly ["none", "inside", "end", "top", "floating"];
+/** @see {@link ProgressLabelPositions} */
+export type ProgressLabelPosition = typeof ProgressLabelPositions[number];
+/** rounded: both ends round, square: no rounding, straight: square track with a round fill. */
+export declare const ProgressShapes: readonly ["rounded", "square", "straight"];
+/** @see {@link ProgressShapes} */
+export type ProgressShape = typeof ProgressShapes[number];
+export declare const ProgressOrientations: readonly ["horizontal", "vertical"];
+/** @see {@link ProgressOrientations} */
+export type ProgressOrientation = typeof ProgressOrientations[number];
+/** One part of a stacked bar, e.g. spending in one category. */
+export interface ProgressSegment {
+  value: number;
+  intent?: ProgressIntent;
+  label?: string;
+}
+interface SegmentView {
+  percent: number;
+  intent: ProgressIntent;
+  label: string;
+}
+/**
+ * A progress bar. Leave `value` null for work of unknown length, a value over
+ * `max` fills the bar but the label still shows the real amount.
+ */
+export declare class UiProgressComponent {
+  readonly value: import("@angular/core").InputSignal<number | null>;
+  readonly max: import("@angular/core").InputSignal<number>;
+  readonly intent: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger">;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl">;
+  readonly shape: import("@angular/core").InputSignal<"square" | "straight" | "rounded">;
+  readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly labelPosition: import("@angular/core").InputSignal<"top" | "none" | "end" | "floating" | "inside">;
+  readonly labelWith: import("@angular/core").InputSignal<(value: number, max: number) => string>;
+  /** Splits the bar into this many blocks. */
+  readonly steps: import("@angular/core").InputSignal<number | null>;
+  /** Several fills stacked in one track, each with its own colour. */
+  readonly segments: import("@angular/core").InputSignal<ProgressSegment[] | null>;
+  /** Needed when there's no visible title. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  protected readonly isIndeterminate: import("@angular/core").Signal<boolean>;
+  protected readonly total: import("@angular/core").Signal<number>;
+  /** 0 to 100, what the bar actually draws. */
+  protected readonly fillPercent: import("@angular/core").Signal<number>;
+  protected readonly label: import("@angular/core").Signal<string>;
+  protected readonly segmentViews: import("@angular/core").Signal<SegmentView[]>;
+  protected readonly stepStates: import("@angular/core").Signal<boolean[]>;
+  protected readonly floatingOffset: import("@angular/core").Signal<string>;
+  protected readonly isVertical: import("@angular/core").Signal<boolean>;
+  protected readonly rootClasses: import("@angular/core").Signal<string>;
+  protected fillClasses(intent: ProgressIntent): string;
+  private clampPercent;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiProgressComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiProgressComponent, "ui-progress", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "intent": {
+      "alias": "intent";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "shape": {
+      "alias": "shape";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "labelPosition": {
+      "alias": "labelPosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "labelWith": {
+      "alias": "labelWith";
+      "required": false;
+      "isSignal": true;
+    };
+    "steps": {
+      "alias": "steps";
+      "required": false;
+      "isSignal": true;
+    };
+    "segments": {
+      "alias": "segments";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * A placeholder shown while content loads. Size it with classes on the
+ * element, e.g. `class="w-48"` for text or `class="size-12"` for a circle.
+ */
+export declare class UiSkeletonComponent {
+  readonly shape: import("@angular/core").InputSignal<"text" | "circle" | "rect">;
+  readonly animated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Text only, stacks this many lines with a shorter last one. */
+  readonly lines: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  protected readonly lineIndexes: import("@angular/core").Signal<number[]>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSkeletonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSkeletonComponent, "ui-skeleton", never, {
+    "shape": {
+      "alias": "shape";
+      "required": false;
+      "isSignal": true;
+    };
+    "animated": {
+      "alias": "animated";
+      "required": false;
+      "isSignal": true;
+    };
+    "lines": {
+      "alias": "lines";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** What a skeleton stands in for, lines of text, an avatar or a block. */
+export declare const SkeletonShapes: readonly ["text", "circle", "rect"];
+/** @see {@link SkeletonShapes} */
+export type SkeletonShape = typeof SkeletonShapes[number];
+export declare class UiTabDirective {
+  label: import("@angular/core").InputSignal<string>;
+  disabled: import("@angular/core").InputSignal<boolean>;
+  active: import("@angular/core").ModelSignal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTabDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTabDirective, "[uiTab]", never, {
+    "label": {
+      "alias": "uiTab";
+      "required": true;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "active": {
+      "alias": "active";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "active": "activeChange";
+  }, never, never, true, never>;
+}
+export type TabButtonAppearance = 'solid' | 'underline';
+export declare class UiTabComponent {
+  readonly tabs: import("@angular/core").Signal<readonly UiTabDirective[]>;
+  readonly selectedIndex: import("@angular/core").WritableSignal<number>;
+  readonly actions: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly appearance: import("@angular/core").InputSignal<TabButtonAppearance>;
+  readonly generatedButtonClasses: import("@angular/core").Signal<string>;
+  constructor();
+  select(index: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTabComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTabComponent, "ui-tab", never, {
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["tabs", "actions"], ["*"], true, never>;
+}
+export type TableSortDirection = 'asc' | 'desc';
+export interface TableSortState {
+  columnId: string;
+  direction: TableSortDirection;
+}
+export type TableColumnDisplayType = 'text' | 'number' | 'currency' | 'date' | 'time' | 'icon';
+export type TableColumnPin = 'left' | 'right';
+export interface TableColumnFilterOption {
+  label: string;
+  value: unknown;
+}
+export interface TableColumn<Row> {
+  /** unique key, used for sorting/filtering/visibility/pinning/reordering */
+  id: string;
+  header: string;
+  accessor: (row: Row) => unknown;
+  /** how the cell value is formatted for display, defaults to plain text */
+  displayType?: TableColumnDisplayType;
+  /** ISO currency code, used when displayType is 'currency' */
+  currency?: string;
+  sortable?: boolean;
+  filterable?: boolean;
+  /** when set, the filter renders as a select instead of a free-text contains filter */
+  filterOptions?: TableColumnFilterOption[];
+  /** fix the column to one side of the scroll area, needs width to compute its offset */
+  pin?: TableColumnPin;
+  resizable?: boolean;
+  width?: number;
+  minWidth?: number;
+  /** false excludes the column from the drag-to-reorder behaviour */
+  reorderable?: boolean;
+  /** false excludes the column from the visibility toggle menu */
+  hideable?: boolean;
+}
+export interface TableRowAction<Row> {
+  id: string;
+  label: string;
+  icon: string;
+  onClick: (row: Row) => void;
+  disabled?: (row: Row) => boolean;
+}
+export interface TableDataSourceParameters {
+  page: number;
+  /** 0 or less means "no limit", used when the table isn't paginated */
+  size: number;
+  query: string;
+  sort: TableSortState | null;
+  filters: Record<string, unknown>;
+}
+export interface TableDataSourceContent<Row> {
+  items: Row[];
+  total: number;
+}
+export interface TableDataSource<Row> {
+  load(params: TableDataSourceParameters): Observable<TableDataSourceContent<Row>>;
+}
+export interface TableLocalDataSourceOptions<Row> {
+  search?: (item: Row, query: string) => boolean;
+  sortValue?: (item: Row, columnId: string) => unknown;
+  filter?: (item: Row, filters: Record<string, unknown>) => boolean;
+}
+export declare class TableLocalDataSource<Row> implements TableDataSource<Row> {
+  private readonly items;
+  private readonly options;
+  constructor(items: Row[], options?: TableLocalDataSourceOptions<Row>);
+  load(params: TableDataSourceParameters): Observable<TableDataSourceContent<Row>>;
+}
+export declare class TableRemoteDataSource<Row> implements TableDataSource<Row> {
+  private readonly fetch;
+  constructor(fetch: (params: TableDataSourceParameters) => Observable<TableDataSourceContent<Row>>);
+  load(params: TableDataSourceParameters): Observable<TableDataSourceContent<Row>>;
+}
+interface ColumnDragPreview {
+  label: string;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+export declare class UiTableComponent<Row = unknown> implements OnInit, OnDestroy {
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly columns: import("@angular/core").InputSignal<TableColumn<Row>[]>;
+  readonly dataSource: import("@angular/core").InputSignal<TableDataSource<Row>>;
+  readonly emptyMessage: import("@angular/core").InputSignal<string>;
+  readonly errorMessage: import("@angular/core").InputSignal<string>;
+  readonly rowId: import("@angular/core").InputSignal<(row: Row, index: number) => unknown>;
+  readonly selectable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
+  readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly pageSize: import("@angular/core").InputSignal<number>;
+  readonly toggleableColumns: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly reorderableColumns: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly reorderableRows: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly actions: import("@angular/core").InputSignal<TableRowAction<Row>[]>;
+  readonly sort: import("@angular/core").ModelSignal<TableSortState | null>;
+  readonly selectedRowIds: import("@angular/core").ModelSignal<Set<unknown>>;
+  readonly selectionChange: import("@angular/core").OutputEmitterRef<Row[]>;
+  readonly rowsReordered: import("@angular/core").OutputEmitterRef<Row[]>;
+  readonly rows: import("@angular/core").WritableSignal<Row[]>;
+  readonly total: import("@angular/core").WritableSignal<number>;
+  readonly loading: import("@angular/core").WritableSignal<boolean>;
+  readonly error: import("@angular/core").WritableSignal<boolean>;
+  readonly query: import("@angular/core").WritableSignal<string>;
+  readonly filters: import("@angular/core").WritableSignal<Record<string, unknown>>;
+  protected readonly currentPage: import("@angular/core").WritableSignal<number>;
+  protected readonly hiddenColumnIds: import("@angular/core").WritableSignal<Set<string>>;
+  protected readonly columnOrderIds: import("@angular/core").WritableSignal<string[] | null>;
+  protected readonly columnWidths: import("@angular/core").WritableSignal<Record<string, number>>;
+  protected readonly columnMenuOpen: import("@angular/core").WritableSignal<boolean>;
+  protected readonly filterMenuOpen: import("@angular/core").WritableSignal<boolean>;
+  protected readonly draggedColumnId: import("@angular/core").WritableSignal<string | null>;
+  protected readonly dragOverColumnId: import("@angular/core").WritableSignal<string | null>;
+  protected readonly dragPreview: import("@angular/core").WritableSignal<ColumnDragPreview | null>;
+  protected readonly draggedRowIndex: import("@angular/core").WritableSignal<number | null>;
+  readonly isEmpty: import("@angular/core").Signal<boolean>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  protected readonly orderedColumns: import("@angular/core").Signal<TableColumn<Row>[]>;
+  protected readonly hideableColumns: import("@angular/core").Signal<TableColumn<Row>[]>;
+  protected readonly visibleColumns: import("@angular/core").Signal<TableColumn<Row>[]>;
+  protected readonly renderColumns: import("@angular/core").Signal<TableColumn<Row>[]>;
+  protected readonly filterableColumns: import("@angular/core").Signal<TableColumn<Row>[]>;
+  protected readonly hasFilterableColumns: import("@angular/core").Signal<boolean>;
+  protected readonly activeFilterCount: import("@angular/core").Signal<number>;
+  protected readonly hasActions: import("@angular/core").Signal<boolean>;
+  protected readonly actionsColumnWidth: import("@angular/core").Signal<number>;
+  protected readonly totalPages: import("@angular/core").Signal<number>;
+  protected readonly resultsLabel: import("@angular/core").Signal<string>;
+  protected readonly allSelected: import("@angular/core").Signal<boolean>;
+  protected readonly someSelected: import("@angular/core").Signal<boolean>;
+  private readonly leftOffsets;
+  private readonly rightOffsets;
+  private readonly load$;
+  private readonly destroyRef;
+  private readonly cdr;
+  private resizeState;
+  private columnDragState;
+  private readonly filterDataSources;
+  constructor();
+  ngOnInit(): void;
+  ngOnDestroy(): void;
+  reload(): void;
+  protected cellValue(column: TableColumn<Row>, row: Row): unknown;
+  protected cellIconValue(column: TableColumn<Row>, row: Row): string;
+  protected formattedCellValue(column: TableColumn<Row>, row: Row): string;
+  protected onQueryChange(value: string): void;
+  protected filterValue(columnId: string): string;
+  protected onFilterInput(columnId: string, value: string): void;
+  protected filterDataSource(column: TableColumn<Row>): SelectDataSource<TableColumnFilterOption>;
+  protected selectedFilterOption(column: TableColumn<Row>): TableColumnFilterOption | null;
+  protected filterOptionLabel(option: TableColumnFilterOption): string;
+  protected onFilterSelect(columnId: string, option: TableColumnFilterOption | null): void;
+  protected clearFilters(): void;
+  protected toggleSort(column: TableColumn<Row>): void;
+  protected sortIcon(column: TableColumn<Row>): string;
+  protected goToPage(page: number): void;
+  protected isColumnVisible(column: TableColumn<Row>): boolean;
+  protected toggleColumnVisibility(column: TableColumn<Row>): void;
+  protected isRowSelected(row: Row, index: number): boolean;
+  protected toggleRow(row: Row, index: number): void;
+  protected toggleSelectAll(): void;
+  protected columnWidth(column: TableColumn<Row>): number;
+  protected isPinned(column: TableColumn<Row>): boolean;
+  protected leftOffset(column: TableColumn<Row>): number | null;
+  protected rightOffset(column: TableColumn<Row>): number | null;
+  protected startResize(event: PointerEvent, column: TableColumn<Row>): void;
+  protected canReorderRows(): boolean;
+  protected onColumnDragStart(event: PointerEvent, column: TableColumn<Row>): void;
+  protected onRowDragStart(event: DragEvent, index: number): void;
+  protected onRowDragOver(event: DragEvent): void;
+  protected onRowDrop(event: DragEvent, index: number): void;
+  private readonly onResizeMove;
+  private readonly onResizeEnd;
+  private readonly onColumnDragMove;
+  private readonly onColumnDragEnd;
+  private setFilter;
+  private resetAndReload;
+  private emitSelectionChange;
+  private fetch;
+  private applyResult;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTableComponent<any>, "ui-table", never, {
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "columns": {
+      "alias": "columns";
+      "required": true;
+      "isSignal": true;
+    };
+    "dataSource": {
+      "alias": "dataSource";
+      "required": true;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorMessage": {
+      "alias": "errorMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowId": {
+      "alias": "rowId";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectable": {
+      "alias": "selectable";
+      "required": false;
+      "isSignal": true;
+    };
+    "searchable": {
+      "alias": "searchable";
+      "required": false;
+      "isSignal": true;
+    };
+    "searchPlaceholder": {
+      "alias": "searchPlaceholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "paginated": {
+      "alias": "paginated";
+      "required": false;
+      "isSignal": true;
+    };
+    "pageSize": {
+      "alias": "pageSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "toggleableColumns": {
+      "alias": "toggleableColumns";
+      "required": false;
+      "isSignal": true;
+    };
+    "reorderableColumns": {
+      "alias": "reorderableColumns";
+      "required": false;
+      "isSignal": true;
+    };
+    "reorderableRows": {
+      "alias": "reorderableRows";
+      "required": false;
+      "isSignal": true;
+    };
+    "stickyHeader": {
+      "alias": "stickyHeader";
+      "required": false;
+      "isSignal": true;
+    };
+    "actions": {
+      "alias": "actions";
+      "required": false;
+      "isSignal": true;
+    };
+    "sort": {
+      "alias": "sort";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedRowIds": {
+      "alias": "selectedRowIds";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "sort": "sortChange";
+    "selectedRowIds": "selectedRowIdsChange";
+    "selectionChange": "selectionChange";
+    "rowsReordered": "rowsReordered";
+  }, never, never, true, never>;
+}
+export declare class UiToastComponent {
+  readonly intent: import("@angular/core").InputSignal<"success" | "warning" | "danger" | "info">;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly dismissable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** ms before the toast dismisses itself, paused while hovered or focused. null never times out. */
+  readonly timeoutMs: import("@angular/core").InputSignal<number | null>;
+  readonly dismissed: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly icon: import("@angular/core").Signal<string>;
+  protected readonly iconColour: import("@angular/core").Signal<string>;
+  protected readonly role: import("@angular/core").Signal<"alert" | "status">;
+  private hovered;
+  private focused;
+  private timer?;
+  private startedAt;
+  private remaining;
+  constructor();
+  protected setHovered(hovered: boolean): void;
+  protected setFocused(focused: boolean): void;
+  private updateTimer;
+  private startTimer;
+  private stopTimer;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToastComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiToastComponent, "ui-toast", never, {
+    "intent": {
+      "alias": "intent";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "dismissable": {
+      "alias": "dismissable";
+      "required": false;
+      "isSignal": true;
+    };
+    "timeoutMs": {
+      "alias": "timeoutMs";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "dismissed": "dismissed";
+  }, never, ["*"], true, never>;
+}
+export declare const ToastIntents: readonly ["info", "success", "warning", "danger"];
+export type ToastIntent = typeof ToastIntents[number];
+/** What a toast template receives: `let-data` for the context, `let-dismiss="dismiss"` to close it. */
+export interface ToastTemplateContext<ContextType = unknown> {
+  $implicit: ContextType;
+  dismiss: () => void;
+}
+export type ToastMessage<ContextType = unknown> = string | TemplateRef<ToastTemplateContext<ContextType>>;
+export interface Toast {
+  id: number;
+  message: ToastMessage;
+  templateContext: ToastTemplateContext;
+  intent: ToastIntent;
+  dismissable: boolean;
+  timeoutMs?: number | null;
+}
+export type ToastOptions<ContextType = unknown> = Partial<Pick<Toast, 'intent' | 'dismissable' | 'timeoutMs'>> & {
+  context?: ContextType;
+};
+export declare class UiToastService {
+  private readonly _toasts;
+  private nextId;
+  readonly toasts: import("@angular/core").Signal<Toast[]>;
+  show<ContextType>(message: ToastMessage<ContextType>, options?: ToastOptions<ContextType>): number;
+  dismiss(id: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToastService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+export declare class UiToasterComponent {
+  readonly position: import("@angular/core").InputSignal<"top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right">;
+  readonly timeoutMs: import("@angular/core").InputSignal<number | null>;
+  protected readonly toastService: UiToastService;
+  protected readonly positionClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToasterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiToasterComponent, "ui-toaster", never, {
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "timeoutMs": {
+      "alias": "timeoutMs";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const ToasterPositions: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
+export type ToasterPosition = typeof ToasterPositions[number];
+export type UiTooltipTrigger = 'hover' | 'focus' | 'click' | 'manual';
+export declare class UiTooltipComponent {
+  protected readonly anchor: ElementRef<any>;
+  protected readonly content: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly text: import("@angular/core").InputSignal<string>;
+  readonly placement: import("@angular/core").InputSignal<Placement>;
+  readonly trigger: import("@angular/core").InputSignal<UiTooltipTrigger>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly isOpen: import("@angular/core").InputSignal<WritableSignal<boolean>>;
+  protected readonly closeBehaviour: import("@angular/core").Signal<UiOverlayCloseBehaviour>;
+  protected readonly generatedClasses: import("@angular/core").Signal<string>;
+  protected onHover(isHovering: boolean): void;
+  protected onFocus(isFocused: boolean): void;
+  protected onClick(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTooltipComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTooltipComponent, "ui-tooltip", ["uiTooltip"], {
+    "text": {
+      "alias": "text";
+      "required": true;
+      "isSignal": true;
+    };
+    "placement": {
+      "alias": "placement";
+      "required": false;
+      "isSignal": true;
+    };
+    "trigger": {
+      "alias": "trigger";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "isOpen": {
+      "alias": "isOpen";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+export declare class UiLayoutComponent {
+  readonly sidebar: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiLayoutComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiLayoutComponent, "ui-layout", never, {}, {}, ["sidebar"], ["*"], true, never>;
+}
+export declare class UiOverlayComponent {
+  private readonly positioner;
+  readonly content: import("@angular/core").InputSignal<ElementRef<HTMLInputElement> | undefined>;
+  readonly anchor: import("@angular/core").InputSignal<ElementRef<HTMLElement> | undefined>;
+  readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
+  readonly isOpen: import("@angular/core").InputSignal<WritableSignal<boolean>>;
+  readonly placement: import("@angular/core").InputSignal<Placement>;
+  readonly offset: import("@angular/core").InputSignal<number>;
+  readonly viewportPadding: import("@angular/core").InputSignal<number>;
+  /** Forces this element to match the width of its anchor element. */
+  readonly matchWidth: import("@angular/core").InputSignal<DropdownMatchWidth | null>;
+  constructor();
+  private readonly close;
+  private onDocumentClick;
+  private onKeyDown;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiOverlayComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiOverlayComponent, "ui-overlay", ["uiOverlay"], {
+    "content": {
+      "alias": "content";
+      "required": false;
+      "isSignal": true;
+    };
+    "anchor": {
+      "alias": "anchor";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeBehaviour": {
+      "alias": "closeBehaviour";
+      "required": false;
+      "isSignal": true;
+    };
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
+      "isSignal": true;
+    };
+    "placement": {
+      "alias": "placement";
+      "required": false;
+      "isSignal": true;
+    };
+    "offset": {
+      "alias": "offset";
+      "required": false;
+      "isSignal": true;
+    };
+    "viewportPadding": {
+      "alias": "viewportPadding";
+      "required": false;
+      "isSignal": true;
+    };
+    "matchWidth": {
+      "alias": "matchWidth";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+export declare class UiSidebarComponent {
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+  readonly toggle: () => void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSidebarComponent, "ui-sidebar", ["uiSidebar"], {
+    "isOpen": {
+      "alias": "isOpen";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "isOpen": "isOpenChange";
+  }, never, ["*"], true, never>;
+}
+export declare class UiSidebarItemComponent {
+  private readonly sidebar;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly icon: import("@angular/core").InputSignal<string>;
+  readonly isCollapsed: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarItemComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSidebarItemComponent, "ui-sidebar-item", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["ui-badge"], true, never>;
+}
+export declare class UiColourComponent {
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly picker;
+  protected readonly isValid: import("@angular/core").Signal<boolean>;
+  protected readonly pickerValue: import("@angular/core").Signal<string>;
+  protected openPicker(): void;
+  protected handlePick(event: Event): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiColourComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiColourComponent, "ui-colour", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+export declare class UiCounterComponent {
+  readonly value: import("@angular/core").ModelSignal<number | null>;
+  readonly step: import("@angular/core").InputSignal<number>;
+  readonly max: import("@angular/core").InputSignal<number | undefined>;
+  readonly min: import("@angular/core").InputSignal<number | undefined>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly leadingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly trailingElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  onStepUp(): void;
+  onStepDown(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCounterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiCounterComponent, "ui-counter", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, ["leadingElement", "trailingElement"], never, true, never>;
+}
+/** A quick pick shown beside the calendar. The range is worked out when clicked. */
+export interface DateRangePreset {
+  label: string;
+  range: () => DateRange;
+}
+export declare class UiDateRangePickerComponent {
+  private readonly host;
+  private readonly injector;
+  readonly value: import("@angular/core").ModelSignal<DateRange>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly validationState: import("@angular/core").InputSignal<InputValidation>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  readonly min: import("@angular/core").InputSignal<string | null>;
+  readonly max: import("@angular/core").InputSignal<string | null>;
+  readonly isDateDisabled: import("@angular/core").InputSignal<(date: IsoDate) => boolean>;
+  readonly weekStart: import("@angular/core").InputSignal<0 | 1>;
+  readonly locale: import("@angular/core").InputSignal<string>;
+  /** Intl options for the dates shown in the input. */
+  readonly format: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions>;
+  /** Quick picks beside the calendar, see date-range-presets.ts for ready made ones. */
+  readonly presets: import("@angular/core").InputSignal<DateRangePreset[]>;
+  protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+  private readonly calendar;
+  protected readonly hasValue: import("@angular/core").Signal<boolean>;
+  protected readonly presetRanges: import("@angular/core").Signal<DateRange[]>;
+  protected readonly activePreset: import("@angular/core").Signal<number>;
+  protected readonly display: import("@angular/core").Signal<string>;
+  protected toggle(): void;
+  protected handleInputKeydown(event: KeyboardEvent): void;
+  protected handleRange(range: DateRange): void;
+  protected choosePreset(preset: DateRangePreset): void;
+  protected handlePanelKeydown(event: KeyboardEvent): void;
+  protected clear(event: Event): void;
+  private clamp;
+  private focusInput;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDateRangePickerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDateRangePickerComponent, "ui-date-range-picker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearable": {
+      "alias": "clearable";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "isDateDisabled": {
+      "alias": "isDateDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "weekStart": {
+      "alias": "weekStart";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "format": {
+      "alias": "format";
+      "required": false;
+      "isSignal": true;
+    };
+    "presets": {
+      "alias": "presets";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+export declare function todayPreset(label?: string): DateRangePreset;
+/** The last `days` days, counting today. */
+export declare function lastDaysPreset(days: number, label?: string): DateRangePreset;
+export declare function thisWeekPreset(weekStart?: WeekStart, label?: string): DateRangePreset;
+/** A calendar month, 0 is this month, -1 is last month. */
+export declare function monthPreset(offset?: number, label?: string): DateRangePreset;
+/** A calendar year, 0 is this year, -1 is last year. */
+export declare function yearPreset(offset?: number, label?: string): DateRangePreset;
+/**
+ * A financial year starting on the given day, e.g. the UK tax year is
+ * `financialYearPreset(3, 6)` for 6 April. 0 is the current one, -1 the one before.
+ */
+export declare function financialYearPreset(startMonth: number, startDay: number, offset?: number, label?: string): DateRangePreset;
+/** A sensible starting set, pass your own list to change it. */
+export declare function defaultDateRangePresets(weekStart?: WeekStart): DateRangePreset[];
+export declare class UiDatepickerComponent {
+  private readonly host;
+  private readonly injector;
+  /** "2026-09-29", or "2026-09-29T14:30" when `withTime` is on. */
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly validationState: import("@angular/core").InputSignal<InputValidation>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  readonly min: import("@angular/core").InputSignal<string | null>;
+  readonly max: import("@angular/core").InputSignal<string | null>;
+  readonly isDateDisabled: import("@angular/core").InputSignal<(date: IsoDate) => boolean>;
+  readonly weekStart: import("@angular/core").InputSignal<0 | 1>;
+  readonly locale: import("@angular/core").InputSignal<string>;
+  readonly withTime: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly minuteStep: import("@angular/core").InputSignal<number>;
+  /** Time used when a date is picked before a time has been chosen. */
+  readonly defaultTime: import("@angular/core").InputSignal<string>;
+  /** Intl options for the value shown in the input. */
+  readonly format: import("@angular/core").InputSignal<Intl.DateTimeFormatOptions | null>;
+  protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+  private readonly calendar;
+  protected readonly datePart: import("@angular/core").Signal<string | null>;
+  protected readonly timePart: import("@angular/core").Signal<string>;
+  protected readonly display: import("@angular/core").Signal<string>;
+  protected toggle(): void;
+  protected handleInputKeydown(event: KeyboardEvent): void;
+  protected handlePick(date: IsoDate | null): void;
+  protected handleTime(time: string): void;
+  protected close(): void;
+  protected handlePanelKeydown(event: KeyboardEvent): void;
+  protected clear(event: Event): void;
+  private focusInput;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDatepickerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDatepickerComponent, "ui-datepicker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearable": {
+      "alias": "clearable";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "isDateDisabled": {
+      "alias": "isDateDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "weekStart": {
+      "alias": "weekStart";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "withTime": {
+      "alias": "withTime";
+      "required": false;
+      "isSignal": true;
+    };
+    "minuteStep": {
+      "alias": "minuteStep";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultTime": {
+      "alias": "defaultTime";
+      "required": false;
+      "isSignal": true;
+    };
+    "format": {
+      "alias": "format";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+export declare class UiDropdownButtonComponent {
+  readonly intent: import("@angular/core").InputSignal<"none" | "primary" | "secondary" | "success" | "warning" | "danger">;
+  readonly appearance: import("@angular/core").InputSignal<"solid" | "none" | "link" | "outline" | "ghost" | "white">;
+  readonly icon: import("@angular/core").InputSignal<string>;
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownButtonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownButtonComponent, "ui-dropdown-button", never, {
+    "intent": {
+      "alias": "intent";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {
+    "isOpen": "isOpenChange";
+  }, never, ["*"], true, never>;
+}
+export interface DropdownMenuButton {
+  label: string;
+  icon?: string;
+  onClick: () => void;
+}
+export interface DropdownMenuCategory {
+  label: string;
+  children: DropdownMenuButton[];
+}
+export interface DropdownMenuDivider {
+  divider: true;
+}
+export type DropdownMenuItem = DropdownMenuButton | DropdownMenuCategory | DropdownMenuDivider;
+export declare class UiDropdownMenuComponent {
+  readonly items: import("@angular/core").InputSignal<DropdownMenuItem[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownMenuComponent, "ui-dropdown-menu", never, {
+    "items": {
+      "alias": "items";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class UiFileInputComponent {
+  readonly value: import("@angular/core").ModelSignal<File[]>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly accept: import("@angular/core").InputSignal<string>;
+  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  /** Max size per file in bytes. */
+  readonly maxSize: import("@angular/core").InputSignal<number | null>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly buttonLabel: import("@angular/core").InputSignal<string>;
+  readonly rejected: import("@angular/core").OutputEmitterRef<FileRejection[]>;
+  private readonly picker;
+  protected readonly hasRejection: import("@angular/core").WritableSignal<boolean>;
+  protected readonly summary: import("@angular/core").Signal<string>;
+  protected openPicker(): void;
+  protected handlePick(event: Event): void;
+  protected clear(event: Event): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiFileInputComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiFileInputComponent, "ui-file-input", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "accept": {
+      "alias": "accept";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxSize": {
+      "alias": "maxSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "buttonLabel": {
+      "alias": "buttonLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "rejected": "rejected";
+  }, never, never, true, never>;
+}
+export declare class UiSwitchComponent {
+  readonly value: import("@angular/core").ModelSignal<boolean>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSwitchComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSwitchComponent, "ui-switch", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, ["*"], true, never>;
+}
+export declare class UiTimeSelectComponent {
+  /** 24 hour "HH:mm" string. */
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly minuteStep: import("@angular/core").InputSignal<number>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly hours: import("@angular/core").Signal<number>;
+  protected readonly minutes: import("@angular/core").Signal<number>;
+  protected readonly hourSource: SelectLocalDataSource<number>;
+  protected readonly minuteSource: import("@angular/core").Signal<SelectLocalDataSource<number>>;
+  protected readonly pad: (value: number) => string;
+  protected setHours(hours: number | null): void;
+  protected setMinutes(minutes: number | null): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTimeSelectComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTimeSelectComponent, "ui-time-select", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "minuteStep": {
+      "alias": "minuteStep";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}