@area8975/ui 0.2.2-dev.49 → 0.2.2-dev.50

package/types/area8975-ui.d.ts

@@ -1,4546 +1 @@
-import * as i0 from "@angular/core";
-import { ElementRef, EnvironmentProviders, InjectionToken, OnDestroy, OnInit, Provider, Signal, TemplateRef, WritableSignal } from "@angular/core";
-import ApexCharts$1 from "apexcharts";
-import { ChainedCommands, Editor } from "@tiptap/core";
-import { Placement } from "@floating-ui/dom";
-import { Observable } from "rxjs";
-import { IconType } from "@ng-icons/core";
-/** 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;
-  /** Text to show instead of `name`. `name` still ties the item to its series. */
-  label?: string;
-}
-/** Anything a legend can be linked to with `for`, every chart is one. */
-export interface ChartLegendSource {
-  readonly legendItems: Signal<ChartLegendItem[]>;
-  readonly legendNote: Signal<string>;
-  /** Series switched off from the legend. */
-  readonly hiddenSeries: WritableSignal<string[]>;
-  /** The series the legend is pointing at, the others fade while it's set. */
-  readonly emphasis: WritableSignal<string | null>;
-}
-/** Where a chart draws its own legend, `none` when one is linked elsewhere. */
-export type ChartLegendPosition = 'auto' | 'none';
-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;
-  /** Draws the line dashed, e.g. to set projected figures apart from actual ones. Bars ignore it. */
-  dashed?: boolean;
-}
-/** `fill` takes the host's height, which has to come from layout. */
-export type ChartHeight = number | 'fill';
-/** Turns a raw value into what the axis, tooltip and table show, e.g. money. */
-export type ChartValueFormatter = (value: number) => string;
-/** Inputs, privacy handling and legend wiring every chart shares, whatever it draws. */
-declare abstract class UiChartBase implements ChartLegendSource {
-  protected readonly uiFormat: import("@area8975/ui").UiFormat;
-  private readonly privacy;
-  protected readonly dark: import("@angular/core").WritableSignal<boolean>;
-  protected readonly ink: Signal<import("@area8975/ui").ChartInk>;
-  /** Says what the chart shows, e.g. "Spending by month". */
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
-  readonly height: import("@angular/core").InputSignal<ChartHeight>;
-  /** Used on the value axis, the tooltip and the table, e.g. to show money. */
-  readonly valueFormatter: import("@angular/core").InputSignal<ChartValueFormatter>;
-  /** Masks the values in privacy mode. Defaults to whether `valueFormatter` came from `injectMoneyFormatter`. */
-  readonly sensitive: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
-  /** 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>;
-  /** `none` leaves the legend out, for when a `ui-chart-legend` is linked with `for`. */
-  readonly legend: import("@angular/core").InputSignal<ChartLegendPosition>;
-  /** Series switched off in the legend. */
-  readonly hiddenSeries: import("@angular/core").WritableSignal<string[]>;
-  /** The series the legend is pointing at, the others fade while it's set. */
-  readonly emphasis: import("@angular/core").WritableSignal<string | null>;
-  abstract readonly legendItems: Signal<ChartLegendItem[]>;
-  abstract readonly legendNote: Signal<string>;
-  protected abstract readonly isEmpty: Signal<boolean>;
-  private readonly money;
-  protected readonly privacyMode: Signal<"visible" | "discreet" | "hidden">;
-  protected readonly masked: Signal<boolean>;
-  protected readonly concealed: Signal<boolean>;
-  protected readonly displayFormatter: Signal<ChartValueFormatter>;
-  protected readonly apexHeight: Signal<number | "100%">;
-  protected formatValue(value: number | null | undefined): string;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiChartBase, never>;
-  static ɵdir: i0.ɵɵDirectiveDeclaration<UiChartBase, never, never, {
-    "ariaLabel": {
-      "alias": "ariaLabel";
-      "required": true;
-      "isSignal": true;
-    };
-    "height": {
-      "alias": "height";
-      "required": false;
-      "isSignal": true;
-    };
-    "valueFormatter": {
-      "alias": "valueFormatter";
-      "required": false;
-      "isSignal": true;
-    };
-    "sensitive": {
-      "alias": "sensitive";
-      "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;
-    };
-    "legend": {
-      "alias": "legend";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, never, true, never>;
-}
-/**
- * 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.
- */
-export declare const CHART_PALETTE: readonly ["#2a78d6", "#eb6834", "#1baf7a", "#eda100", "#e87ba4", "#008300", "#4a3aa7", "#e34948"];
-/** Violet and green are lightened to keep 3:1 contrast on a dark card. */
-export declare const CHART_PALETTE_DARK: readonly ["#2a78d6", "#eb6834", "#1baf7a", "#eda100", "#e87ba4", "#2e9e2e", "#8a7cf0", "#e34948"];
-/** A colour someone picks for a thing, e.g. a category, that every chart then draws it in. */
-export interface ChartColour {
-  /** Stable, safe to store. Never rename or reuse one. */
-  readonly key: string;
-  /** What to call it in a picker, and for screen readers. */
-  readonly label: string;
-  /** On a light card (`CHART_INK.surface`), at least 3:1. */
-  readonly light: string;
-  /** On a dark card (`CHART_INK_DARK.surface`), at least 3:1. */
-  readonly dark: string;
-}
-/**
- * Every colour that can be picked, the automatic palette first. Too many to tell
- * apart by colour alone for everyone, so always show a label alongside.
- */
-export declare const CHART_COLOURS: readonly [{
-  readonly key: "blue";
-  readonly label: "Blue";
-  readonly light: "#2a78d6";
-  readonly dark: "#2a78d6";
-}, {
-  readonly key: "orange";
-  readonly label: "Orange";
-  readonly light: "#eb6834";
-  readonly dark: "#eb6834";
-}, {
-  readonly key: "teal";
-  readonly label: "Teal";
-  readonly light: "#1baf7a";
-  readonly dark: "#1baf7a";
-}, {
-  readonly key: "amber";
-  readonly label: "Amber";
-  readonly light: "#eda100";
-  readonly dark: "#eda100";
-}, {
-  readonly key: "pink";
-  readonly label: "Pink";
-  readonly light: "#e87ba4";
-  readonly dark: "#e87ba4";
-}, {
-  readonly key: "green";
-  readonly label: "Green";
-  readonly light: "#008300";
-  readonly dark: "#2e9e2e";
-}, {
-  readonly key: "violet";
-  readonly label: "Violet";
-  readonly light: "#4a3aa7";
-  readonly dark: "#8a7cf0";
-}, {
-  readonly key: "red";
-  readonly label: "Red";
-  readonly light: "#e34948";
-  readonly dark: "#e34948";
-}, {
-  readonly key: "magenta";
-  readonly label: "Magenta";
-  readonly light: "#7e147e";
-  readonly dark: "#ab46aa";
-}, {
-  readonly key: "dark-yellow";
-  readonly label: "Dark yellow";
-  readonly light: "#a16d03";
-  readonly dark: "#a16d03";
-}, {
-  readonly key: "dark-cyan";
-  readonly label: "Dark cyan";
-  readonly light: "#046971";
-  readonly dark: "#247b83";
-}, {
-  readonly key: "mauve";
-  readonly label: "Mauve";
-  readonly light: "#693c5f";
-  readonly dark: "#916185";
-}, {
-  readonly key: "cyan";
-  readonly label: "Cyan";
-  readonly light: "#309fb3";
-  readonly dark: "#309fb3";
-}, {
-  readonly key: "light-purple";
-  readonly label: "Light purple";
-  readonly light: "#cb65e1";
-  readonly dark: "#cb65e1";
-}, {
-  readonly key: "lilac";
-  readonly label: "Lilac";
-  readonly light: "#ad87b6";
-  readonly dark: "#ad87b6";
-}, {
-  readonly key: "olive";
-  readonly label: "Olive";
-  readonly light: "#989401";
-  readonly dark: "#989401";
-}, {
-  readonly key: "dark-red";
-  readonly label: "Dark red";
-  readonly light: "#842e26";
-  readonly dark: "#ae544a";
-}, {
-  readonly key: "dark-green";
-  readonly label: "Dark green";
-  readonly light: "#406020";
-  readonly dark: "#597b3a";
-}, {
-  readonly key: "tan";
-  readonly label: "Tan";
-  readonly light: "#bd8a66";
-  readonly dark: "#bd8a66";
-}, {
-  readonly key: "purple";
-  readonly label: "Purple";
-  readonly light: "#7845ce";
-  readonly dark: "#8452db";
-}, {
-  readonly key: "deep-pink";
-  readonly label: "Deep pink";
-  readonly light: "#db4594";
-  readonly dark: "#db4594";
-}, {
-  readonly key: "grey-blue";
-  readonly label: "Grey blue";
-  readonly light: "#6f7db0";
-  readonly dark: "#6f7db0";
-}];
-export type ChartColourKey = typeof CHART_COLOURS[number]['key'];
-/** The shade of a picked colour for the current theme. */
-export declare function pickedChartColour(key: ChartColourKey, dark?: boolean): string;
-/** Past eight series, fold the rest into "Other" instead of reusing a colour. */
-export declare const CHART_MAX_SERIES: 8;
-/** Lines can go to sixteen, the second eight reuse the colours dashed. */
-export declare const CHART_MAX_LINE_SERIES: number;
-/** Chart chrome, apex needs real colours so these can't be CSS variables. */
-export interface ChartInk {
-  text: string;
-  muted: string;
-  grid: string;
-  surface: string;
-  context: string;
-}
-export declare const CHART_INK: ChartInk;
-export declare const CHART_INK_DARK: ChartInk;
-export declare function chartInk(dark: boolean): ChartInk;
-export interface ChartSeriesStyle {
-  colour: string;
-  dashed: boolean;
-}
-/** Past the eighth slot a series goes grey, reusing a colour would make two series look the same. */
-export declare function chartColour(index: number, dark?: boolean): 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.
- */
-export declare function chartSeriesStyle(index: number, dashes: boolean, dark?: boolean): ChartSeriesStyle;
-/**
- * Blends `colour` towards `towards`, keeping `strength` of the original: 1 leaves
- * it as it is, 0 gives `towards`. Apex can't parse color-mix(), so it's done
- * here. Both must be six digit hex, anything else gives null.
- */
-export declare function mixChartColours(colour: string, towards: string, strength: number): string | null;
-/**
- * Dark or light text, whichever reads better on a mark filled with `background`.
- * Judged by APCA, the contrast model drafted for WCAG 3: the WCAG 2 ratio
- * puts black text on saturated orange and red, where white reads far better.
- */
-export declare function chartLabelInk(background: string): string;
-/** Inputs every chart with categories along one axis and values up the other shares. */
-declare abstract class UiAxisChartBase extends UiChartBase {
-  readonly series: import("@angular/core").InputSignal<ChartSeries[]>;
-  readonly categories: import("@angular/core").InputSignal<string[]>;
-  /**
-   * 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>;
-  readonly highlightKeepsColours: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /** 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[]>;
-  private readonly colourOrder;
-  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. */
-  readonly legendItems: import("@angular/core").Signal<ChartLegendItem[]>;
-  readonly legendNote: import("@angular/core").Signal<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;
-    };
-    "highlight": {
-      "alias": "highlight";
-      "required": false;
-      "isSignal": true;
-    };
-    "highlightKeepsColours": {
-      "alias": "highlightKeepsColours";
-      "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>;
-  /** Picks out one category, e.g. the month a page is showing, and fades the rest. */
-  readonly highlightCategory: import("@angular/core").InputSignal<string | null>;
-  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;
-    };
-    "highlightCategory": {
-      "alias": "highlightCategory";
-      "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;
-  private drawnNames;
-  private readonly host;
-  private resizeObserver;
-  constructor();
-  private withOwnParentResizing;
-  private redrawWhenResized;
-  private isDrawnAtHostSize;
-  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>;
-}
-/** The loading, empty and data table states around a chart, shared by every chart type. */
-export declare class UiChartFrameComponent {
-  /** ApexCharts options to draw, or null for a chart that draws itself as projected content. */
-  readonly options: import("@angular/core").InputSignal<ApexCharts.ApexOptions | null>;
-  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<ChartHeight>;
-  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>;
-  readonly masked: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  readonly showLegend: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /** The series the legend is pointing at, the others fade while it's set. */
-  readonly emphasis: import("@angular/core").ModelSignal<string | null>;
-  protected readonly fill: import("@angular/core").Signal<boolean>;
-  protected readonly fixedHeight: import("@angular/core").Signal<number | 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;
-    };
-    "masked": {
-      "alias": "masked";
-      "required": false;
-      "isSignal": true;
-    };
-    "showLegend": {
-      "alias": "showLegend";
-      "required": false;
-      "isSignal": true;
-    };
-    "emphasis": {
-      "alias": "emphasis";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "hiddenSeries": "hiddenSeriesChange";
-    "emphasis": "emphasisChange";
-  }, 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>;
-  /** Values are masks, screen readers hear "amount hidden" instead. */
-  readonly masked: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  protected isValue(value: number | null | undefined): value is number;
-  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;
-    };
-    "masked": {
-      "alias": "masked";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, never, true, never>;
-}
-/**
- * A row of colour keys naming what each colour means. Link it to a chart
- * with `for`, or pass `items` to use it next to anything coloured by series.
- */
-export declare class UiChartLegendComponent {
-  readonly items: import("@angular/core").InputSignal<ChartLegendItem[]>;
-  /** Small text after the items, e.g. how many series aren't listed. */
-  readonly note: import("@angular/core").InputSignal<string>;
-  /** A chart to take items from and hide or fade series on, set its `legend` to `none`. */
-  readonly for: import("@angular/core").InputSignal<ChartLegendSource | null>;
-  /** Adjusts the linked chart's items, e.g. to relabel them. Keep each `name`. */
-  readonly itemsWith: import("@angular/core").InputSignal<((items: ChartLegendItem[]) => ChartLegendItem[]) | null>;
-  /** 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 shownItems: import("@angular/core").Signal<ChartLegendItem[]>;
-  protected readonly shownNote: import("@angular/core").Signal<string>;
-  private readonly hiddenNames;
-  protected readonly visibleCount: import("@angular/core").Signal<number>;
-  constructor();
-  protected hover(name: string | null): void;
-  protected focus(name: string | null, event?: FocusEvent): 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": false;
-      "isSignal": true;
-    };
-    "note": {
-      "alias": "note";
-      "required": false;
-      "isSignal": true;
-    };
-    "for": {
-      "alias": "for";
-      "required": false;
-      "isSignal": true;
-    };
-    "itemsWith": {
-      "alias": "itemsWith";
-      "required": false;
-      "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>;
-  /** Shades this category and everything after it as a forecast. */
-  readonly projectedFrom: import("@angular/core").InputSignal<string | null>;
-  readonly projectedLabel: import("@angular/core").InputSignal<string>;
-  private readonly projectedAnnotations;
-  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;
-    };
-    "projectedFrom": {
-      "alias": "projectedFrom";
-      "required": false;
-      "isSignal": true;
-    };
-    "projectedLabel": {
-      "alias": "projectedLabel";
-      "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];
-/**
- * Slices for showing how a whole splits into parts. Each category is a
- * slice, only the first series is drawn. Best kept to a handful of slices,
- * fold the small ones into "Other".
- */
-export declare class UiPieChartComponent extends UiAxisChartBase {
-  readonly variant: import("@angular/core").InputSignal<"pie" | "donut">;
-  private readonly percentFormatter;
-  /** Shown above the total in the middle of a donut. */
-  readonly totalLabel: import("@angular/core").InputSignal<string>;
-  /**
-   * A colour per slice, lined up with `categories`, e.g. each category's own
-   * colour. A slice without one takes its palette slot. Muted slices stay grey.
-   */
-  readonly sliceColours: import("@angular/core").InputSignal<(string | null | undefined)[]>;
-  protected readonly values: import("@angular/core").Signal<(number | null)[]>;
-  protected readonly isEmpty: import("@angular/core").Signal<boolean>;
-  protected readonly isMuted: import("@angular/core").Signal<boolean[]>;
-  protected readonly styles: import("@angular/core").Signal<ChartSeriesStyle[]>;
-  readonly legendItems: import("@angular/core").Signal<{
-    colour: string;
-    dashed: boolean;
-    name: string;
-  }[]>;
-  private readonly slices;
-  protected readonly chartOptions: import("@angular/core").Signal<ApexCharts.ApexOptions>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiPieChartComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiPieChartComponent, "ui-pie-chart", never, {
-    "variant": {
-      "alias": "variant";
-      "required": false;
-      "isSignal": true;
-    };
-    "totalLabel": {
-      "alias": "totalLabel";
-      "required": false;
-      "isSignal": true;
-    };
-    "sliceColours": {
-      "alias": "sliceColours";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, never, true, never>;
-}
-/** pie fills the whole circle, donut leaves a hole with the total in it. */
-export declare const PieChartVariants: readonly ["pie", "donut"];
-/** @see {@link PieChartVariants} */
-export type PieChartVariant = typeof PieChartVariants[number];
-/** One block inside a group, sized by its value. */
-export interface TreemapItem {
-  name: string;
-  value: number;
-}
-/** A set of items drawn together in one colour, e.g. a category and who it went to. */
-export interface TreemapGroup {
-  name: string;
-  items: TreemapItem[];
-  /** Overrides the palette slot, keep it for when a group must match something else. */
-  colour?: string;
-}
-/** What `itemSelect` emits when a block is clicked. */
-export interface TreemapSelection {
-  group: string;
-  item: string;
-}
-declare const TREEMAP_GROUP_GAP = 8;
-declare const TREEMAP_BLOCK_GAP = 3;
-declare const TREEMAP_HEADER_HEIGHT = 24;
-interface TreemapRect {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-/** One block as it's drawn, with the colours worked out. */
-interface TreemapBlock {
-  group: string;
-  item: string;
-  value: number;
-  fill: string;
-  labelInk: string;
-}
-/** A group as it's drawn: only its items with something to show. */
-interface DrawnTreemapGroup {
-  name: string;
-  colour: string;
-  total: number;
-  blocks: TreemapBlock[];
-}
-/** How much of its label a block has room for. */
-type TreemapLabel = 'none' | 'name' | 'full';
-interface PlacedTreemapBlock extends TreemapBlock {
-  rect: TreemapRect;
-  label: TreemapLabel;
-}
-interface PlacedTreemapGroup extends DrawnTreemapGroup {
-  rect: TreemapRect;
-  hasHeader: boolean;
-  placedBlocks: PlacedTreemapBlock[];
-}
-/** A group's own colour, or its palette slot, then grey once the palette runs out. */
-declare function treemapGroupColours(groups: TreemapGroup[], dark: boolean): string[];
-/**
- * The groups worth drawing: hidden ones and items of zero or less are left out,
- * then any group left with nothing.
- */
-declare function drawnTreemapGroups(groups: TreemapGroup[], colours: string[], hidden: string[], shades: boolean, ink: ChartInk): DrawnTreemapGroup[];
-/** Every block as one row of the data table, named "<group> – <item>". */
-declare function treemapTableRows(groups: TreemapGroup[]): {
-  categories: string[];
-  values: number[];
-};
-/**
- * Places each group in `bounds`, a header strip along its top when there's
- * room, and its blocks under that. Positions are relative to `bounds`, and
- * each block's are relative to its group.
- */
-declare function placeTreemapGroups(groups: DrawnTreemapGroup[], bounds: TreemapRect): PlacedTreemapGroup[];
-/**
- * Splits `bounds` into one rectangle per value, each sized by its share and
- * kept as close to square as the others allow (the squarified treemap of
- * Bruls, Huizing and van Wijk). Rectangles come back in the order of
- * `values`, with `gap` between neighbours but none at the edges.
- */
-declare function squarify(values: number[], bounds: TreemapRect, gap?: number): TreemapRect[];
-interface PointedBlock {
-  group: PlacedTreemapGroup;
-  block: PlacedTreemapBlock;
-  x: number;
-  y: number;
-}
-/**
- * Nested blocks sized by value, for showing how a whole splits into groups
- * and each group into items, e.g. spending by category and who it went to.
- * Past eight groups the palette runs out and the rest go grey, so give each
- * group a `colour` when there can be more.
- */
-export declare class UiTreemapChartComponent extends UiChartBase {
-  readonly groups: import("@angular/core").InputSignal<TreemapGroup[]>;
-  readonly height: import("@angular/core").InputSignal<ChartHeight>;
-  /** Shades each group's items from its colour, biggest strongest, so they stay told apart. */
-  readonly shades: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /** Makes each block a button that emits `itemSelect`. */
-  readonly selectable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /** Heading for the value column in the data table. */
-  readonly valueLabel: import("@angular/core").InputSignal<string>;
-  readonly itemSelect: import("@angular/core").OutputEmitterRef<TreemapSelection>;
-  private readonly canvas;
-  private readonly size;
-  protected readonly pointed: import("@angular/core").WritableSignal<PointedBlock | null>;
-  /** Set once the first layout is drawn, so blocks glide to new places after that but don't grow in from nothing. */
-  protected readonly settled: import("@angular/core").WritableSignal<boolean>;
-  private readonly percentFormatter;
-  protected readonly fill: import("@angular/core").Signal<boolean>;
-  protected readonly fixedHeight: import("@angular/core").Signal<number | null>;
-  private readonly colours;
-  private readonly drawnGroups;
-  protected readonly placedGroups: import("@angular/core").Signal<PlacedTreemapGroup[]>;
-  private readonly total;
-  private readonly tableRows;
-  protected readonly categories: import("@angular/core").Signal<string[]>;
-  protected readonly series: import("@angular/core").Signal<ChartSeries[]>;
-  protected readonly isEmpty: import("@angular/core").Signal<boolean>;
-  readonly legendItems: import("@angular/core").Signal<ChartLegendItem[]>;
-  readonly legendNote: import("@angular/core").Signal<string>;
-  private readonly emphasised;
-  protected readonly tooltipFooter: import("@angular/core").Signal<string>;
-  protected readonly tooltipPosition: import("@angular/core").Signal<{
-    left: number | null;
-    right: number | null;
-    top: number;
-  } | null>;
-  constructor();
-  protected isFaded(group: PlacedTreemapGroup): boolean;
-  protected point(event: PointerEvent, group: PlacedTreemapGroup, block: PlacedTreemapBlock): void;
-  protected focus(group: PlacedTreemapGroup, block: PlacedTreemapBlock): void;
-  protected select(block: PlacedTreemapBlock): void;
-  protected accessibleName(block: PlacedTreemapBlock): string;
-  private percent;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiTreemapChartComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiTreemapChartComponent, "ui-treemap-chart", never, {
-    "groups": {
-      "alias": "groups";
-      "required": true;
-      "isSignal": true;
-    };
-    "height": {
-      "alias": "height";
-      "required": false;
-      "isSignal": true;
-    };
-    "shades": {
-      "alias": "shades";
-      "required": false;
-      "isSignal": true;
-    };
-    "selectable": {
-      "alias": "selectable";
-      "required": false;
-      "isSignal": true;
-    };
-    "valueLabel": {
-      "alias": "valueLabel";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "itemSelect": "itemSelect";
-  }, never, never, true, never>;
-}
-export interface UiFormat {
-  /** ISO 4217 code, e.g. "GBP". */
-  currency: string;
-  /** BCP 47 tag, e.g. "en-GB". */
-  locale: string;
-}
-export declare const UI_FORMAT_DEFAULTS: UiFormat;
-export declare const UI_FORMAT: InjectionToken<UiFormat>;
-export declare function provideUiFormat(format: Partial<UiFormat>): Provider;
-export interface MoneyFormatterParts {
-  format: (value: number) => string;
-  mask: string;
-}
-/** The unmasked formatter and mask behind a formatter from `injectMoneyFormatter`, null for any other function. */
-export declare function moneyFormatterParts(formatter: (value: number) => string): MoneyFormatterParts | null;
-/** Needs an injection context. Reads `UI_PRIVACY` on every call, so a template or computed calling it follows the mode. */
-export declare function injectMoneyFormatter(options?: Intl.NumberFormatOptions): (value: number) => string;
-export declare const UiPrivacies: readonly ["visible", "discreet", "hidden"];
-/** Discreet hides amounts but keeps their shape, hidden hides everything about them. */
-export type UiPrivacy = typeof UiPrivacies[number];
-export declare const UI_PRIVACY: InjectionToken<Signal<"visible" | "discreet" | "hidden">>;
-/** The factory runs in an injection context, so it can return a signal from an app service. */
-export declare function provideUiPrivacy(privacy: () => Signal<UiPrivacy>): Provider;
-/** The fixed mask for private text, e.g. a transaction's description. */
-export declare const PRIVATE_TEXT_MASK = "- - -";
-/** What screen readers hear in place of private text. */
-export declare const PRIVATE_TEXT_LABEL = "text hidden";
-export declare function maskMoney(currency: string, locale: string): string;
-export interface PrivateTextFormatter {
-  /** The text, or `PRIVATE_TEXT_MASK`. For visible attributes like `title`. */
-  (text: string | null | undefined): string;
-  /** The text, or `PRIVATE_TEXT_LABEL`. For `aria-*`, so screen readers don't read out dashes. */
-  label: (text: string | null | undefined) => string;
-}
-/** Needs an injection context. Reads `UI_PRIVACY` on every call, so a template or computed calling it follows the mode. */
-export declare function injectPrivateText(): PrivateTextFormatter;
-/** 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<keyof import("@ng-icons/core").NgIconNameMap>;
-  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>;
-  /**
-   * The label's id, `${for}-label`. Controls that a `<label for>` can't
-   * reach (e.g. `ui-rich-text-editor`) point `aria-labelledby` at it.
-   */
-  readonly labelId: import("@angular/core").Signal<string>;
-  private readonly document;
-  protected get forAttr(): string | null;
-  protected get labelIdAttr(): string | null;
-  /**
-   * A label click is passed on to its control as a click, which opens a
-   * `ui-select` or `ui-datepicker` rather than just focusing it, and does
-   * nothing at all for controls a label can't target (a contenteditable,
-   * a `role="button"` div). So apart from checkboxes and radios, where the
-   * click is the point, the label just focuses its control.
-   */
-  protected onClick(event: MouseEvent): void;
-  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" | "search" | "time" | "color" | "text" | "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" | "decimal" | "search" | "text" | "numeric" | "email" | "tel" | "url">;
-  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>;
-  /** With `type="password"`, adds a button to show and hide what's been typed. */
-  readonly revealable: 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>;
-  protected readonly revealed: import("@angular/core").WritableSignal<boolean>;
-  protected readonly canReveal: import("@angular/core").Signal<boolean>;
-  protected readonly shownType: import("@angular/core").Signal<"number" | "search" | "time" | "color" | "text" | "email" | "tel" | "url" | "password" | "date" | "datetime-local" | "month" | "week">;
-  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;
-    };
-    "revealable": {
-      "alias": "revealable";
-      "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>;
-}
-/**
- * Every tool the editor's toolbar can show. Leaving a formatting tool out of
- * `tools` also turns that formatting off - its shortcut stops working and
- * pasted content loses it - so the value only ever holds what the toolbar offers.
- * `undo` and `redo` only control the buttons; history and its shortcuts are always on.
- */
-export declare const RichTextTools: readonly ["bold", "italic", "underline", "strike", "code", "heading1", "heading2", "heading3", "bulletList", "orderedList", "blockquote", "codeBlock", "horizontalRule", "link", "undo", "redo"];
-/** @see {@link RichTextTools} */
-export type RichTextTool = typeof RichTextTools[number];
-/** The toolbar's groups, in order, with a divider drawn between each. */
-export declare const RichTextToolGroups: readonly (readonly RichTextTool[])[];
-/** true is valid, false is invalid, null is not yet validated. */
-export type RichTextEditorValidation = boolean | null;
-interface ToolDefinition {
-  label: string;
-  icon: string;
-  /** Whether the tool is "on" at the cursor. Tools without it aren't toggles. */
-  active?: (editor: Editor) => boolean;
-  run: (chain: ChainedCommands) => ChainedCommands;
-}
-/**
- * A WYSIWYG editor whose value is an HTML string, with a toolbar of formatting tools.
- */
-export declare class UiRichTextEditorComponent {
-  /** The content as HTML. An empty editor is `''`. */
-  readonly value: import("@angular/core").ModelSignal<string>;
-  readonly classes: import("@angular/core").InputSignal<string>;
-  /** Which toolbar tools to show, and so which formatting is allowed. @see {@link RichTextTools} */
-  readonly tools: import("@angular/core").InputSignal<readonly ("blockquote" | "code" | "link" | "strike" | "bold" | "italic" | "underline" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "codeBlock" | "horizontalRule" | "undo" | "redo")[]>;
-  readonly id: import("@angular/core").InputSignal<string>;
-  readonly placeholder: import("@angular/core").InputSignal<string>;
-  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<RichTextEditorValidation>;
-  readonly spellcheck: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
-  readonly describedBy: import("@angular/core").InputSignal<string>;
-  /**
-   * Ids of the elements that name the editor. Defaults to the label of the
-   * `ui-field` it sits in, when that field's `for` is this editor's `id` -
-   * a `<label for>` can't name a contenteditable on its own.
-   */
-  readonly labelledBy: import("@angular/core").InputSignal<string>;
-  readonly focused: import("@angular/core").OutputEmitterRef<FocusEvent>;
-  readonly blurred: import("@angular/core").OutputEmitterRef<FocusEvent>;
-  private readonly injector;
-  private readonly field;
-  private readonly host;
-  private readonly content;
-  private readonly editor;
-  /** Bumped on every editor transaction, so toolbar state re-reads the editor. */
-  private readonly revision;
-  /** The HTML the editor last held, to tell our own updates from outside ones. */
-  private lastHtml;
-  protected readonly contentId: string;
-  protected readonly linkInputId: string;
-  protected readonly linkOpen: import("@angular/core").WritableSignal<boolean>;
-  protected readonly linkHref: import("@angular/core").WritableSignal<string>;
-  /** Index of the toolbar button that takes the toolbar's single tab stop. */
-  protected readonly focusIndex: import("@angular/core").WritableSignal<number>;
-  private readonly resolvedLabelledBy;
-  protected readonly editable: import("@angular/core").Signal<boolean>;
-  protected readonly toolGroups: import("@angular/core").Signal<("blockquote" | "code" | "link" | "strike" | "bold" | "italic" | "underline" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "codeBlock" | "horizontalRule" | "undo" | "redo")[][]>;
-  protected readonly flatTools: import("@angular/core").Signal<("blockquote" | "code" | "link" | "strike" | "bold" | "italic" | "underline" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "codeBlock" | "horizontalRule" | "undo" | "redo")[]>;
-  protected readonly showToolbar: import("@angular/core").Signal<boolean>;
-  /** Per tool: whether it's on at the cursor, and whether it can run right now. */
-  protected readonly toolState: import("@angular/core").Signal<Record<"blockquote" | "code" | "link" | "strike" | "bold" | "italic" | "underline" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "codeBlock" | "horizontalRule" | "undo" | "redo", {
-    active: boolean;
-    enabled: boolean;
-  }>>;
-  protected readonly generatedClasses: import("@angular/core").Signal<string>;
-  /** Attributes for the contenteditable element, which Tiptap renders. */
-  private readonly contentAttributes;
-  /** Each tool left out of `tools` switches its extension off. */
-  private readonly extensions;
-  constructor();
-  protected toolDefinition(tool: RichTextTool): ToolDefinition;
-  protected readonly runTool: (tool: RichTextTool) => void;
-  /** Arrow keys move between toolbar buttons, so the toolbar is one tab stop. */
-  protected readonly onToolbarKeydown: (event: KeyboardEvent) => void;
-  protected readonly openLink: () => void;
-  protected readonly applyLink: () => void;
-  protected readonly removeLink: () => void;
-  protected readonly closeLink: () => void;
-  protected readonly onLinkKeydown: (event: KeyboardEvent) => void;
-  private createEditor;
-  private htmlOf;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiRichTextEditorComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiRichTextEditorComponent, "ui-rich-text-editor", never, {
-    "value": {
-      "alias": "value";
-      "required": true;
-      "isSignal": true;
-    };
-    "classes": {
-      "alias": "classes";
-      "required": false;
-      "isSignal": true;
-    };
-    "tools": {
-      "alias": "tools";
-      "required": false;
-      "isSignal": true;
-    };
-    "id": {
-      "alias": "id";
-      "required": false;
-      "isSignal": true;
-    };
-    "placeholder": {
-      "alias": "placeholder";
-      "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;
-    };
-    "spellcheck": {
-      "alias": "spellcheck";
-      "required": false;
-      "isSignal": true;
-    };
-    "ariaLabel": {
-      "alias": "ariaLabel";
-      "required": false;
-      "isSignal": true;
-    };
-    "describedBy": {
-      "alias": "describedBy";
-      "required": false;
-      "isSignal": true;
-    };
-    "labelledBy": {
-      "alias": "labelledBy";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "value": "valueChange";
-    "validationState": "validationStateChange";
-    "focused": "focused";
-    "blurred": "blurred";
-  }, 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 UiOverlayStackEntry {
-  onDocumentClick: (event: MouseEvent) => void;
-  onKeyDown: (event: KeyboardEvent) => void;
-}
-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;
-}
-/** Context for a projected `#leading` template, inline search single select only. */
-export interface SelectLeadingContext<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").InputSignalWithTransform<boolean, unknown>;
-  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>;
-  /** With an inline search, shown before the chosen item's text, e.g. its colour. Single select only. */
-  readonly leadingTemplate: import("@angular/core").Signal<TemplateRef<SelectLeadingContext<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>;
-  readonly isEmpty: import("@angular/core").Signal<boolean>;
-  /** Tags only replace the trigger text when there's no inline search box. */
-  readonly showTags: import("@angular/core").Signal<boolean>;
-  readonly showLeading: import("@angular/core").Signal<boolean>;
-  /** Typing replaces the chosen item's text, so its leading content sits out the search. */
-  readonly leadingHidden: 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", "leadingTemplate"], 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 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;
-    };
-  }, {}, ["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 UiAvatarComponent {
-  readonly name: import("@angular/core").InputSignal<string>;
-  readonly src: import("@angular/core").InputSignal<string | null>;
-  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl">;
-  /** Fill behind the initials, any CSS colour. The initials' ink is picked to read on six digit hex, anything else gets dark ink. */
-  readonly colour: import("@angular/core").InputSignal<string | null>;
-  private readonly failedSrc;
-  protected readonly showImage: import("@angular/core").Signal<boolean>;
-  protected readonly initials: import("@angular/core").Signal<string>;
-  protected readonly ink: import("@angular/core").Signal<string | null>;
-  readonly generatedClasses: import("@angular/core").Signal<string>;
-  protected imageFailed(): void;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatarComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiAvatarComponent, "ui-avatar", never, {
-    "name": {
-      "alias": "name";
-      "required": true;
-      "isSignal": true;
-    };
-    "src": {
-      "alias": "src";
-      "required": false;
-      "isSignal": true;
-    };
-    "size": {
-      "alias": "size";
-      "required": false;
-      "isSignal": true;
-    };
-    "colour": {
-      "alias": "colour";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, never, true, never>;
-}
-export declare const AvatarSizes: readonly ["sm", "md", "lg", "xl"];
-/** @see {@link AvatarSizes} */
-export type AvatarSize = typeof AvatarSizes[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<"sm" | "md" | "lg" | "xs">;
-  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;
-    };
-  }, {}, 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<"none" | "link" | "solid" | "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" | "submit" | "reset">;
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
-  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /**
-   * 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>;
-  private readonly group;
-  /** In a segmented group the button matches a `ui-segmented` option instead of its own variant. */
-  private readonly segmented;
-  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];
-/**
- * Buttons that belong together, joined edge to edge or in a segmented track.
- *
- * @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 {
-  /** `segmented` matches `ui-segmented`, so the two can sit side by side. Buttons inside ignore their own appearance, intent and size. */
-  readonly appearance: import("@angular/core").InputSignal<"attached" | "segmented">;
-  readonly buttons: import("@angular/core").Signal<readonly UiButtonComponent[]>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiButtonGroupComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiButtonGroupComponent, "ui-button-group", never, {
-    "appearance": {
-      "alias": "appearance";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, ["buttons"], ["*"], true, never>;
-}
-/**
- * How the buttons in a group are drawn. `"attached"` joins them edge to edge,
- * `"segmented"` sits them in a track that matches `ui-segmented`.
- */
-export declare const ButtonGroupAppearances: readonly ["attached", "segmented"];
-/** @see {@link ButtonGroupAppearances} */
-export type ButtonGroupAppearance = typeof ButtonGroupAppearances[number];
-/** Lets a button take its look from the group it's in. */
-export declare const UI_BUTTON_GROUP: InjectionToken<{
-  appearance: Signal<ButtonGroupAppearance>;
-}>;
-/** 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;
-  /** Extra classes from the calendar's `dayClass`. */
-  className: string;
-}
-/** The month a calendar shows, for loading what its days need. */
-export interface CalendarView {
-  /** First of the month, e.g. "2026-11-01". */
-  month: IsoDate;
-  /** First and last day in the grid, including days from the months either side. */
-  start: IsoDate;
-  end: IsoDate;
-}
-export interface CalendarDayContext {
-  $implicit: IsoDate;
-  day: CalendarDay;
-}
-/** 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;
-}
-/**
- * Draws each day's content in place of its number:
- * `<ng-template uiCalendarDay let-date let-day="day">`.
- */
-export declare class UiCalendarDayDirective {
-  readonly template: TemplateRef<CalendarDayContext>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiCalendarDayDirective, never>;
-  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCalendarDayDirective, "ng-template[uiCalendarDay]", never, {}, {}, never, never, true, never>;
-}
-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>;
-  /** Classes for a day, e.g. a tint. Signals it reads update the grid. */
-  readonly dayClass: import("@angular/core").InputSignal<(date: IsoDate) => string>;
-  /** Leaves picked days unmarked, for when a click does something other than pick. */
-  readonly hideSelection: import("@angular/core").InputSignal<boolean>;
-  /** Every click on an available day, even one that's already picked. */
-  readonly dayClick: import("@angular/core").OutputEmitterRef<string>;
-  /** The month in view, on first render and whenever it changes. */
-  readonly monthChange: import("@angular/core").OutputEmitterRef<CalendarView>;
-  protected readonly dayTemplate: import("@angular/core").Signal<UiCalendarDayDirective | undefined>;
-  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 view;
-  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>;
-  constructor();
-  /** 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;
-    };
-    "dayClass": {
-      "alias": "dayClass";
-      "required": false;
-      "isSignal": true;
-    };
-    "hideSelection": {
-      "alias": "hideSelection";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "value": "valueChange";
-    "range": "rangeChange";
-    "dayClick": "dayClick";
-    "monthChange": "monthChange";
-  }, ["dayTemplate"], never, true, never>;
-}
-export declare class UiCardComponent {
-  readonly radius: import("@angular/core").InputSignal<"none" | "sm" | "md" | "lg" | "xl">;
-  readonly generatedClasses: import("@angular/core").Signal<string>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiCardComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiCardComponent, "ui-card", never, {
-    "radius": {
-      "alias": "radius";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, ["*"], true, never>;
-}
-/** The radius that a card can hold. Maps directly to tailwindcss' rounded classes. */
-export declare const CardRadii: readonly ["none", "sm", "md", "lg", "xl"];
-/** @see {@link CardRadii} */
-export type CardRadius = typeof CardRadii[number];
-export declare const radiusClasses: Record<CardRadius, string>;
-export declare class UiCardHeaderComponent {
-  readonly heading: import("@angular/core").InputSignal<string>;
-  readonly subtitle: import("@angular/core").InputSignal<string>;
-  /** Pick the level that fits the page's outline, it doesn't change the look. */
-  readonly headingLevel: import("@angular/core").InputSignal<3 | 2 | 4>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiCardHeaderComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiCardHeaderComponent, "ui-card-header", never, {
-    "heading": {
-      "alias": "heading";
-      "required": true;
-      "isSignal": true;
-    };
-    "subtitle": {
-      "alias": "subtitle";
-      "required": false;
-      "isSignal": true;
-    };
-    "headingLevel": {
-      "alias": "headingLevel";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, ["*"], true, never>;
-}
-export declare const CardHeadingLevels: readonly [2, 3, 4];
-/** @see {@link CardHeadingLevels} */
-export type CardHeadingLevel = typeof CardHeadingLevels[number];
-export declare class UiContainerComponent {
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiContainerComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiContainerComponent, "ui-container", never, {}, {}, never, ["*"], true, never>;
-}
-/** The disclosure's content, only rendered while it's expanded. */
-export declare class UiDisclosurePanelDirective {
-  readonly template: TemplateRef<any>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosurePanelDirective, never>;
-  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDisclosurePanelDirective, "ng-template[uiDisclosurePanel]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Shows and hides a panel of content from a `ui-disclosure-trigger` inside it.
- * The content goes in an `<ng-template uiDisclosurePanel>`, rendered after
- * everything else in the disclosure.
- */
-export declare class UiDisclosureComponent {
-  readonly expanded: import("@angular/core").ModelSignal<boolean>;
-  /** The panel's id, which the trigger's aria-controls points at. Generated when left out. */
-  readonly panelId: import("@angular/core").InputSignal<string>;
-  private readonly generatedId;
-  readonly regionId: import("@angular/core").Signal<string>;
-  protected readonly panel: import("@angular/core").Signal<UiDisclosurePanelDirective | undefined>;
-  readonly toggle: () => void;
-  readonly open: () => void;
-  readonly close: () => void;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureComponent, "ui-disclosure", ["uiDisclosure"], {
-    "expanded": {
-      "alias": "expanded";
-      "required": false;
-      "isSignal": true;
-    };
-    "panelId": {
-      "alias": "panelId";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "expanded": "expandedChange";
-  }, ["panel"], ["*"], true, never>;
-}
-/**
- * How a disclosure trigger looks. `"section"` is a full-width header,
- * `"row"` stretches the trigger over its row - see
- * `UiDisclosureTriggerComponent.appearance`.
- */
-export declare const DisclosureTriggerAppearances: readonly ["section", "row"];
-/** @see {@link DisclosureTriggerAppearances} */
-export type DisclosureTriggerAppearance = typeof DisclosureTriggerAppearances[number];
-/** A chevron that turns with the `ui-disclosure` it's in. Put it in the trigger, or anywhere in a row. */
-export declare class UiDisclosureChevronComponent {
-  protected readonly disclosure: UiDisclosureComponent;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureChevronComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureChevronComponent, "ui-disclosure-chevron", never, {}, {}, never, never, true, never>;
-}
-/**
- * The button that expands and collapses the `ui-disclosure` it's in.
- *
- * As a `"row"`, its hit area and focus ring cover the nearest positioned
- * element around it, so make the row `relative`, otherwise it's the whole
- * disclosure. Give other controls in the row `class="relative"` so they stay
- * clickable above it.
- */
-export declare class UiDisclosureTriggerComponent {
-  protected readonly disclosure: UiDisclosureComponent;
-  readonly appearance: import("@angular/core").InputSignal<"section" | "row">;
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiDisclosureTriggerComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiDisclosureTriggerComponent, "ui-disclosure-trigger", never, {
-    "appearance": {
-      "alias": "appearance";
-      "required": false;
-      "isSignal": true;
-    };
-    "ariaLabel": {
-      "alias": "ariaLabel";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, ["*"], true, never>;
-}
-export declare class UiDrawerComponent {
-  readonly isOpen: import("@angular/core").WritableSignal<boolean>;
-  readonly enableBackdrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  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, ["[drawer-actions]", "*"], 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 label: 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<keyof import("@ng-icons/core").NgIconNameMap | undefined>;
-  readonly iconPosition: import("@angular/core").InputSignal<"left" | "right">;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiKpiComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiKpiComponent, "ui-kpi", never, {
-    "label": {
-      "alias": "label";
-      "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;
-    };
-    "iconPosition": {
-      "alias": "iconPosition";
-      "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];
-type ModalSize = 'sm' | 'md' | 'lg';
-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 size: import("@angular/core").InputSignal<ModalSize>;
-  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;
-    };
-    "size": {
-      "alias": "size";
-      "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 {
-  private readonly defaults;
-  private readonly privacy;
-  readonly value: import("@angular/core").InputSignal<number | null>;
-  /** Defaults to the currency from `provideUiFormat`. */
-  readonly currency: import("@angular/core").InputSignal<string>;
-  /** Defaults to the locale from `provideUiFormat`. */
-  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>;
-  /** Rounds to whole units, e.g. "£2,235" for headline figures where pence are noise. */
-  readonly wholeUnits: 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>;
-  private readonly amount;
-  protected readonly masked: import("@angular/core").Signal<boolean>;
-  protected readonly mask: import("@angular/core").Signal<string>;
-  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;
-    };
-    "wholeUnits": {
-      "alias": "wholeUnits";
-      "required": false;
-      "isSignal": true;
-    };
-    "compact": {
-      "alias": "compact";
-      "required": false;
-      "isSignal": true;
-    };
-    "placeholder": {
-      "alias": "placeholder";
-      "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 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;
-    };
-  }, {
-    "page": "pageChange";
-  }, never, never, true, never>;
-}
-/**
- * Text that privacy mode masks, e.g. a transaction's description.
- */
-export declare class UiPrivateComponent {
-  private readonly privacy;
-  readonly text: import("@angular/core").InputSignal<string | null | undefined>;
-  protected readonly mask = "- - -";
-  protected readonly label = "text hidden";
-  protected readonly masked: import("@angular/core").Signal<boolean>;
-  readonly generatedClasses: import("@angular/core").Signal<string>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiPrivateComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiPrivateComponent, "ui-private", never, {
-    "text": {
-      "alias": "text";
-      "required": true;
-      "isSignal": true;
-    };
-  }, {}, 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<"none" | "end" | "top" | "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>;
-}
-export interface SegmentedOption<T> {
-  value: T;
-  label: string;
-  /** Read out instead of `label`, for when the label is abbreviated, e.g. "6M". */
-  ariaLabel?: string;
-}
-export declare class UiSegmentedComponent<T> {
-  readonly options: import("@angular/core").InputSignal<SegmentedOption<T>[]>;
-  readonly value: import("@angular/core").ModelSignal<T>;
-  /** What the options choose between, e.g. "How far back the charts go". */
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
-  /** Stretches to the container's width with the options sharing it evenly. */
-  readonly fill: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  protected readonly name: string;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiSegmentedComponent<any>, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiSegmentedComponent<any>, "ui-segmented", never, {
-    "options": {
-      "alias": "options";
-      "required": true;
-      "isSignal": true;
-    };
-    "value": {
-      "alias": "value";
-      "required": true;
-      "isSignal": true;
-    };
-    "ariaLabel": {
-      "alias": "ariaLabel";
-      "required": true;
-      "isSignal": true;
-    };
-    "fill": {
-      "alias": "fill";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "value": "valueChange";
-  }, 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>;
-  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;
-    };
-  }, {}, 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];
-/** Each stat is its own `dl`, so wrap a row of them in a plain div. */
-export declare class UiStatComponent {
-  readonly label: import("@angular/core").InputSignal<string>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiStatComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiStatComponent, "ui-stat", never, {
-    "label": {
-      "alias": "label";
-      "required": true;
-      "isSignal": true;
-    };
-  }, {}, never, ["*", "[stat-change]", "[stat-note]"], true, never>;
-}
-export declare class UiTabDirective {
-  label: import("@angular/core").InputSignal<string>;
-  disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  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;
-  /** the cell's value, used for sorting and filtering even when a `uiTableCell` template draws the cell */
-  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'. Defaults to the currency from `provideUiFormat`. */
-  currency?: string;
-  /**
-   * Masks the cell in privacy mode, e.g. a transaction's description. Currency cells are already masked, icon cells have no text.
-   * A `uiTableCell` template is replaced by the mask too.
-   */
-  sensitive?: boolean;
-  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;
-}
-/** Context for a `uiTableCell` template. */
-export interface TableCellContext<Row> {
-  $implicit: Row;
-  /** what the column's accessor gives for the row */
-  value: unknown;
-}
-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>;
-  /** Lets controls elsewhere on the page link to this table, e.g. `<ui-search [table]="'transactions'">`. */
-  readonly tableId: import("@angular/core").InputSignal<string | null>;
-  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>;
-  /** Leaves out the header row, for rows that read on their own. A `uiTableBar` can still select every row. */
-  readonly headerless: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  private readonly bar;
-  protected readonly hasBar: import("@angular/core").Signal<boolean>;
-  /** Starts each run of rows with a heading row, e.g. a date. A row gets one whenever its heading differs from the row before it. */
-  readonly groupHeading: import("@angular/core").InputSignal<((row: Row) => string) | null>;
-  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>;
-  private readonly cellDirectives;
-  protected readonly cellTemplates: import("@angular/core").Signal<Map<string, TemplateRef<TableCellContext<unknown>>>>;
-  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 columnSpan: import("@angular/core").Signal<number>;
-  /** Each row's heading, or null when it continues the run above it. */
-  protected readonly groupHeadings: import("@angular/core").Signal<(string | null)[]>;
-  private readonly hasSensitiveColumns;
-  protected readonly fixedWidth: import("@angular/core").Signal<number | null>;
-  protected readonly actionsColumnWidth: import("@angular/core").Signal<number>;
-  protected readonly totalPages: import("@angular/core").Signal<number>;
-  protected readonly resultsLabel: import("@angular/core").Signal<string>;
-  readonly allSelected: import("@angular/core").Signal<boolean>;
-  readonly someSelected: import("@angular/core").Signal<boolean>;
-  private readonly leftOffsets;
-  private readonly rightOffsets;
-  private readonly load$;
-  private readonly destroyRef;
-  private readonly cdr;
-  private readonly registry;
-  protected readonly uiFormat: import("@area8975/ui").UiFormat;
-  private readonly privateText;
-  protected readonly privacy: import("@angular/core").Signal<"visible" | "discreet" | "hidden">;
-  private loadedQuery;
-  private loadedFilters;
-  private loadedSort;
-  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 moneyCellValue(column: TableColumn<Row>, row: Row): number | null;
-  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 readonly sensitiveFilterOptionLabel: (option: TableColumnFilterOption) => string;
-  protected onFilterSelect(columnId: string, option: TableColumnFilterOption | null): void;
-  protected clearFilters(): void;
-  protected toggleSort(column: TableColumn<Row>): void;
-  protected sortDirection(column: TableColumn<Row>): TableSortDirection | null;
-  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;
-  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;
-    };
-    "tableId": {
-      "alias": "tableId";
-      "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;
-    };
-    "headerless": {
-      "alias": "headerless";
-      "required": false;
-      "isSignal": true;
-    };
-    "groupHeading": {
-      "alias": "groupHeading";
-      "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";
-  }, ["bar", "cellDirectives"], ["[uiTableBar]"], true, never>;
-}
-/**
- * Draws a column's cells in place of its formatted value, matched by column id:
- * `<ng-template uiTableCell="description" let-row>`. The accessor stays the cell's value.
- */
-export declare class UiTableCellDirective {
-  readonly columnId: import("@angular/core").InputSignal<string>;
-  readonly template: TemplateRef<TableCellContext<unknown>>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableCellDirective, never>;
-  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableCellDirective, "ng-template[uiTableCell]", never, {
-    "columnId": {
-      "alias": "uiTableCell";
-      "required": true;
-      "isSignal": true;
-    };
-  }, {}, never, never, true, never>;
-}
-/**
- * Content for a bar along the top of the table, e.g. a count and a sort control above a
- * `headerless` list: `<div uiTableBar>`. With `selectable`, the bar also selects every row.
- */
-export declare class UiTableBarDirective {
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableBarDirective, never>;
-  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableBarDirective, "[uiTableBar]", never, {}, {}, never, never, true, never>;
-}
-export interface UiLinkedTable {
-  readonly query: WritableSignal<string>;
-  readonly filters: WritableSignal<Record<string, unknown>>;
-}
-export declare class UiTableRegistry {
-  private readonly tables;
-  get(id: string): UiLinkedTable | null;
-  register(id: string, table: UiLinkedTable): void;
-  unregister(id: string, table: UiLinkedTable): void;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableRegistry, never>;
-  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
-}
-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<IconType>;
-  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 implements UiOverlayStackEntry {
-  private readonly positioner;
-  private readonly stack;
-  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;
-  readonly onDocumentClick: (event: MouseEvent) => void;
-  readonly onKeyDown: (event: KeyboardEvent) => void;
-  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 isCollapsed: import("@angular/core").Signal<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, ["*", "[sidebar-footer]"], true, never>;
-}
-export declare class UiSidebarGroupComponent {
-  private readonly sidebar;
-  readonly label: import("@angular/core").InputSignal<string>;
-  protected readonly labelId: string;
-  readonly isCollapsed: import("@angular/core").Signal<boolean>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarGroupComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiSidebarGroupComponent, "ui-sidebar-group", never, {
-    "label": {
-      "alias": "label";
-      "required": true;
-      "isSignal": true;
-    };
-  }, {}, 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<"none" | "link" | "solid" | "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 UiSearchComponent {
-  private readonly host;
-  private readonly registry;
-  readonly value: import("@angular/core").ModelSignal<string>;
-  readonly placeholder: import("@angular/core").InputSignal<string>;
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
-  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  /** How long typing has to pause before `searched` fires, in milliseconds. */
-  readonly debounce: import("@angular/core").InputSignalWithTransform<number, unknown>;
-  /** The `tableId` of a ui-table to search, it can render before or after this. */
-  readonly table: import("@angular/core").InputSignal<string | null>;
-  /** The value once typing pauses, for running a search. Clearing fires straight away. */
-  readonly searched: import("@angular/core").OutputEmitterRef<string>;
-  private readonly linked;
-  private timer;
-  constructor();
-  protected onInput(value: string): void;
-  protected clear(): void;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiSearchComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiSearchComponent, "ui-search", never, {
-    "value": {
-      "alias": "value";
-      "required": false;
-      "isSignal": true;
-    };
-    "placeholder": {
-      "alias": "placeholder";
-      "required": false;
-      "isSignal": true;
-    };
-    "ariaLabel": {
-      "alias": "ariaLabel";
-      "required": false;
-      "isSignal": true;
-    };
-    "disabled": {
-      "alias": "disabled";
-      "required": false;
-      "isSignal": true;
-    };
-    "debounce": {
-      "alias": "debounce";
-      "required": false;
-      "isSignal": true;
-    };
-    "table": {
-      "alias": "table";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "value": "valueChange";
-    "searched": "searched";
-  }, 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 const TableFiltersBreakpoints: {
-  readonly sm: "40rem";
-  readonly md: "48rem";
-  readonly lg: "64rem";
-  readonly xl: "80rem";
-  readonly '2xl': "96rem";
-};
-/** @see {@link TableFiltersBreakpoints} */
-export type TableFiltersBreakpoint = keyof typeof TableFiltersBreakpoints;
-export interface TableFacetOption {
-  value: unknown;
-  label: string;
-}
-/** Writes the picked value, or an array when `multiple`, under `id`. */
-export interface TableOptionsFacet {
-  id: string;
-  label: string;
-  kind: 'options';
-  options: TableFacetOption[];
-  multiple?: boolean;
-  /** Shows this many options, plus any picked, then a "Show N more" toggle. Leave out to show them all. */
-  visibleOptions?: number;
-}
-/** Writes `{ start, end }` ISO dates under `id`. */
-export interface TableDateRangeFacet {
-  id: string;
-  label: string;
-  kind: 'dateRange';
-  /** Quick picks, see date-range-presets.ts for ready made ones. */
-  presets?: DateRangePreset[];
-  placeholder?: string;
-  min?: IsoDate | null;
-  max?: IsoDate | null;
-}
-/** Either end is null when it's open. */
-export interface TableAmountRange {
-  min: number | null;
-  max: number | null;
-}
-export interface TableAmountRangePreset {
-  label: string;
-  range: TableAmountRange;
-}
-/** Writes `{ min, max }` under `id`, both ends included, with at least one of them set. */
-export interface TableAmountRangeFacet {
-  id: string;
-  label: string;
-  kind: 'amountRange';
-  presets?: TableAmountRangePreset[];
-  /** Shown before each amount, such as a currency symbol. */
-  prefix?: string;
-}
-export type TableFacet = TableOptionsFacet | TableDateRangeFacet | TableAmountRangeFacet;
-export type TableFacetDateRange = DateRange;
-type Filters = Record<string, unknown>;
-type RangeMode = 'any' | 'custom' | number;
-type AmountEnd = keyof TableAmountRange;
-export declare class UiTableFiltersComponent {
-  private readonly registry;
-  readonly facets: import("@angular/core").InputSignal<TableFacet[]>;
-  /** The `tableId` of a ui-table to filter, it can render before or after this. */
-  readonly table: import("@angular/core").InputSignal<string | null>;
-  readonly value: import("@angular/core").ModelSignal<Filters>;
-  /** Below this breakpoint the panel becomes a Filters button and a drawer. */
-  readonly collapseBelow: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl" | "2xl">;
-  protected readonly idPrefix: string;
-  protected readonly anyRange: RangeMode;
-  protected readonly customRange: RangeMode;
-  private readonly customRanges;
-  private readonly amountDrafts;
-  private readonly expanded;
-  private readonly linked;
-  protected readonly appliedCount: import("@angular/core").Signal<number>;
-  protected readonly anyApplied: import("@angular/core").Signal<boolean>;
-  private readonly window;
-  protected readonly wide: import("@angular/core").WritableSignal<boolean>;
-  constructor();
-  protected groupName(facet: TableFacet): string;
-  protected choiceId(facet: TableFacet, choice: number | string): string;
-  protected picked(facet: TableOptionsFacet): unknown;
-  protected pick(facet: TableOptionsFacet, value: unknown): void;
-  protected isChecked(facet: TableOptionsFacet, option: TableFacetOption): boolean;
-  protected check(facet: TableOptionsFacet, option: TableFacetOption, checked: boolean): void;
-  protected isExpanded(facet: TableOptionsFacet): boolean;
-  protected isShown(facet: TableOptionsFacet, option: TableFacetOption, index: number): boolean;
-  /** How many options collapsing hides, 0 when there's nothing to toggle. */
-  protected hiddenCount(facet: TableOptionsFacet): number;
-  protected toggleExpanded(facet: TableOptionsFacet): void;
-  protected range(facet: TableDateRangeFacet): DateRange;
-  protected dateMode(facet: TableDateRangeFacet): RangeMode;
-  protected pickDate(facet: TableDateRangeFacet, mode: RangeMode): void;
-  protected setRange(facet: TableDateRangeFacet, range: DateRange): void;
-  protected amountRange(facet: TableAmountRangeFacet): TableAmountRange | undefined;
-  protected amountMode(facet: TableAmountRangeFacet): RangeMode;
-  protected pickAmount(facet: TableAmountRangeFacet, mode: RangeMode): void;
-  protected amountText(facet: TableAmountRangeFacet, end: AmountEnd): string;
-  protected typeAmount(facet: TableAmountRangeFacet, end: AmountEnd, text: string): void;
-  protected isAmountValid(facet: TableAmountRangeFacet, end: AmountEnd): boolean;
-  protected clearAll(): void;
-  private setCustom;
-  private forgetAmountDraft;
-  private isPastCutoff;
-  private isSelected;
-  private apply;
-  private write;
-  private currentFilters;
-  private ownFilters;
-  private withoutOwn;
-  private hasAny;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableFiltersComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiTableFiltersComponent, "ui-table-filters", never, {
-    "facets": {
-      "alias": "facets";
-      "required": true;
-      "isSignal": true;
-    };
-    "table": {
-      "alias": "table";
-      "required": false;
-      "isSignal": true;
-    };
-    "value": {
-      "alias": "value";
-      "required": false;
-      "isSignal": true;
-    };
-    "collapseBelow": {
-      "alias": "collapseBelow";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "value": "valueChange";
-  }, never, 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>;
-}
-/** Give the dropdown it sits in `closeBehaviour="whenClickOutside"`. */
-export declare class UiUserMenuComponent {
-  private readonly dropdown;
-  readonly name: import("@angular/core").InputSignal<string>;
-  /** A second line under the name, e.g. an email address. */
-  readonly detail: import("@angular/core").InputSignal<string>;
-  readonly src: import("@angular/core").InputSignal<string | null>;
-  readonly items: import("@angular/core").InputSignal<DropdownMenuItem[]>;
-  protected readonly menuItems: import("@angular/core").Signal<DropdownMenuItem[]>;
-  protected isDivider(item: DropdownMenuItem): boolean;
-  protected group(item: DropdownMenuItem): DropdownMenuCategory | null;
-  protected button(item: DropdownMenuItem): DropdownMenuButton | null;
-  private closing;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiUserMenuComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiUserMenuComponent, "ui-user-menu", never, {
-    "name": {
-      "alias": "name";
-      "required": true;
-      "isSignal": true;
-    };
-    "detail": {
-      "alias": "detail";
-      "required": false;
-      "isSignal": true;
-    };
-    "src": {
-      "alias": "src";
-      "required": false;
-      "isSignal": true;
-    };
-    "items": {
-      "alias": "items";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, ["*"], true, never>;
-}
-/** What the user picked, `system` follows the OS setting. */
-export type UiThemePreference = 'system' | 'light' | 'dark';
-export interface UiThemeConfig {
-  storageKey: string;
-}
-export declare const UI_THEME_CONFIG: InjectionToken<UiThemeConfig>;
-/**
- * Add this to `index.html`'s `<head>` so the stored theme applies before boot:
- *
- * ```html
- * <script>
- *     try {
- *         const preference = localStorage.getItem('ui-theme') ?? 'system';
- *         const dark = preference === 'dark' ||
- *             (preference === 'system' && matchMedia('(prefers-color-scheme: dark)').matches);
- *         document.documentElement.classList.toggle('dark', dark);
- *     } catch {}
- * </script>
- * ```
- */
-export declare class UiThemeService {
-  private readonly document;
-  private readonly storageKey;
-  private readonly media;
-  readonly preference: import("@angular/core").WritableSignal<UiThemePreference>;
-  private readonly systemDark;
-  readonly isDark: import("@angular/core").Signal<boolean>;
-  constructor();
-  private stored;
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiThemeService, never>;
-  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
-}
-export declare function provideUiTheme(config?: Partial<UiThemeConfig>): EnvironmentProviders;
-export declare class UiThemeSwitchComponent {
-  protected readonly theme: UiThemeService;
-  readonly ariaLabel: import("@angular/core").InputSignal<string>;
-  readonly fill: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  protected readonly options: SegmentedOption<UiThemePreference>[];
-  static ɵfac: i0.ɵɵFactoryDeclaration<UiThemeSwitchComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiThemeSwitchComponent, "ui-theme-switch", never, {
-    "ariaLabel": {
-      "alias": "ariaLabel";
-      "required": false;
-      "isSignal": true;
-    };
-    "fill": {
-      "alias": "fill";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {}, never, never, true, never>;
-}
+export {}