@joanroucoux/cairn-ui 0.7.2 → 0.8.1

package/types/joanroucoux-cairn-ui.d.ts

@@ -1,1441 +1,2 @@
-import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, ElementRef } from '@angular/core';
 
-/**
- * Bar of actions fixed above the tab bar on iPhone: the primary actions of a detail screen, within
- * thumb reach. It sits `--tab-bar-height` (52px plus the safe area) above the bottom edge, so it clears `ui-tab-bar`, and
- * it is hidden from `64rem`, where the same actions live in the page itself. Its children share the
- * width equally. While it is on the page it publishes its height as `--action-bar-height` on the
- * root element, which `ui-toaster` adds to its offset so a confirmation never covers the actions.
- *
- * @example
- * <ui-action-bar>
- *   <button ui-button variant="outline" size="tall">Sell</button>
- *   <button ui-button size="tall">Buy</button>
- * </ui-action-bar>
- */
-declare class UiActionBar {
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiActionBar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiActionBar, "ui-action-bar", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare const ALERT_VARIANTS: readonly ["error", "warning"];
-type AlertVariant = (typeof ALERT_VARIANTS)[number];
-/**
- * Inline message explaining a failure or a consequence: an icon, an optional heading and a text.
- * It fades in when it appears; set `[fadeIn]="false"` on an alert that is part of the page as it
- * opens (an error state after a load), which shows without motion.
- *
- * @example
- * <ui-alert heading="Sign-in failed">Try again.</ui-alert>
- */
-declare class UiAlert {
-    readonly variant: _angular_core.InputSignal<"error" | "warning">;
-    readonly heading: _angular_core.InputSignal<string | undefined>;
-    readonly fadeIn: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAlert, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiAlert, "ui-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "fadeIn": { "alias": "fadeIn"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/** App-wide "amounts are hidden" state. Defaults to never masked; the app overrides it. */
-declare const UI_AMOUNT_MASKED: InjectionToken<Signal<boolean>>;
-/** Available figure styles. `AmountNumeric` is derived from this tuple. */
-declare const AMOUNT_NUMERICS: readonly ["tabular", "proportional"];
-type AmountNumeric = (typeof AMOUNT_NUMERICS)[number];
-/** Available masking behaviors. `AmountMasking` is derived from this tuple. */
-declare const AMOUNT_MASKINGS: readonly ["dots", "hide"];
-type AmountMasking = (typeof AMOUNT_MASKINGS)[number];
-/**
- * A number or an amount of money, formatted for the locale and masked when the app hides amounts.
- *
- * @example
- * <ui-amount [value]="total" currency="EUR" numeric="proportional" />
- * <ui-amount [value]="dayChange" currency="EUR" signed whenMasked="hide" />
- */
-declare class UiAmount {
-    #private;
-    readonly value: _angular_core.InputSignal<number | null | undefined>;
-    readonly currency: _angular_core.InputSignal<string | undefined>;
-    readonly locale: _angular_core.InputSignal<string>;
-    readonly signed: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly fractionDigits: _angular_core.InputSignal<number>;
-    readonly numeric: _angular_core.InputSignal<"tabular" | "proportional">;
-    readonly whenMasked: _angular_core.InputSignal<"dots" | "hide">;
-    protected readonly hidden: Signal<boolean>;
-    protected readonly text: Signal<string>;
-    protected readonly classes: Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAmount, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiAmount, "ui-amount", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "signed": { "alias": "signed"; "required": false; "isSignal": true; }; "fractionDigits": { "alias": "fractionDigits"; "required": false; "isSignal": true; }; "numeric": { "alias": "numeric"; "required": false; "isSignal": true; }; "whenMasked": { "alias": "whenMasked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-type AmountFormatOptions = {
-    locale: string;
-    currency?: string;
-    signed?: boolean;
-    fractionDigits?: number;
-};
-/** Formats a number or an amount for the locale, with a missing value as an em dash and masking behind four bullets. */
-declare function formatAmount(value: number | null | undefined, options: AmountFormatOptions, masked?: boolean): string;
-
-/** Available async block states. `AsyncState` is derived from this tuple. */
-declare const ASYNC_STATES: readonly ["loading", "error", "empty", "ready"];
-type AsyncState = (typeof ASYNC_STATES)[number];
-/** Looks of the error block. `AsyncVariant` is derived from this tuple. */
-declare const ASYNC_VARIANTS: readonly ["elevated", "plain", "emphasis", "inline"];
-type AsyncVariant = (typeof ASYNC_VARIANTS)[number];
-/** Alignments of the error block; `auto` is centred from 64rem. `AsyncAlign` is derived from this tuple. */
-declare const ASYNC_ALIGNS: readonly ["start", "center", "auto"];
-type AsyncAlign = (typeof ASYNC_ALIGNS)[number];
-/**
- * The three states of a block that depends on a service call, next to the ready content.
- *
- * @example
- * <ui-async [state]="totalState()" errorTitle="Total could not be loaded" errorMessage="The server did not answer." retryLabel="Retry" (retry)="reload()">
- *   <span asyncLoading><ui-skeleton shape="figure" /></span>
- *   <span asyncEmpty>Add a holding to see your total.</span>
- *   <span>{{ total() }}</span>
- * </ui-async>
- */
-declare class UiAsync {
-    #private;
-    readonly state: _angular_core.InputSignal<"error" | "loading" | "empty" | "ready">;
-    readonly errorTitle: _angular_core.InputSignal<string | undefined>;
-    readonly errorMessage: _angular_core.InputSignal<string | undefined>;
-    readonly retryLabel: _angular_core.InputSignal<string | undefined>;
-    readonly variant: _angular_core.InputSignal<"elevated" | "plain" | "emphasis" | "inline">;
-    readonly align: _angular_core.InputSignal<"start" | "center" | "auto">;
-    readonly card: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly fill: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly retry: _angular_core.OutputEmitterRef<void>;
-    protected readonly shown: _angular_core.Signal<"error" | "loading" | "empty" | "ready" | null>;
-    protected readonly filling: _angular_core.Signal<boolean>;
-    protected readonly iconSize: _angular_core.Signal<16 | 18>;
-    protected readonly boxClasses: _angular_core.Signal<string>;
-    protected readonly titleClasses: _angular_core.Signal<string>;
-    protected readonly messageClasses: _angular_core.Signal<string>;
-    protected readonly retryButtonClasses: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAsync, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiAsync, "ui-async", never, { "state": { "alias": "state"; "required": true; "isSignal": true; }; "errorTitle": { "alias": "errorTitle"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "retryLabel": { "alias": "retryLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, { "retry": "retry"; }, never, ["[asyncLoading]", "[asyncEmpty]", "*"], true, never>;
-}
-
-/**
- * Turns the live state of a call into the state to draw: `loading` only appears once the call has
- * lasted 150 ms and, once shown, stays at least 400 ms, so a fast call never flashes a skeleton and a
- * slow one never blinks. Until then the previous state stays on screen (a reload keeps its content);
- * `null` means nothing to draw yet, for a first load still under 150 ms. Call it in an injection context.
- *
- * @example
- * protected readonly shown = delayedState(this.state);
- */
-declare function delayedState(source: Signal<AsyncState>): Signal<AsyncState | null>;
-
-/** Available avatar sizes. `AvatarSize` is derived from this tuple. */
-declare const AVATAR_SIZES: readonly ["sm", "md", "lg", "auto"];
-type AvatarSize = (typeof AVATAR_SIZES)[number];
-/**
- * Initials in a disc, standing in for a person. Single-user application: there is exactly one.
- *
- * @example
- * <ui-avatar initials="JR" label="My account" />
- */
-declare class UiAvatar {
-    readonly initials: _angular_core.InputSignal<string>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<"auto" | "sm" | "md" | "lg">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAvatar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiAvatar, "ui-avatar", never, { "initials": { "alias": "initials"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * Round hit area around a `ui-avatar` that links somewhere: 44px on touch, 40px from 64rem, with a
- * glow on hover and the press scale. On the current page (`aria-current="page"`, which `routerLinkActive`
- * sets through `ariaCurrentWhenActive`) it holds a soft halo, drawn at once when the route changes. The avatar
- * itself keeps its own size.
- *
- * @example
- * <a uiAvatarLink routerLink="/profile"><ui-avatar initials="JR" label="Profile" size="auto" /></a>
- */
-declare class UiAvatarLink {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAvatarLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiAvatarLink, "a[uiAvatarLink], button[uiAvatarLink]", never, {}, {}, never, never, true, never>;
-}
-
-/** Available back link sizes. `BackLinkSize` is derived from this tuple. */
-declare const BACK_LINK_SIZES: readonly ["md", "sm", "header"];
-type BackLinkSize = (typeof BACK_LINK_SIZES)[number];
-/**
- * Link back to the parent screen: a chevron and the name of the destination.
- *
- * @example
- * <a ui-back-link routerLink="/accounts">Accounts</a>
- */
-declare class UiBackLink {
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "header">;
-    protected readonly chevron: _angular_core.Signal<number>;
-    protected readonly classes: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiBackLink, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiBackLink, "a[ui-back-link]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/** Available badge variants. `BadgeVariant` is derived from this tuple. */
-declare const BADGE_VARIANTS: readonly ["neutral", "outline"];
-type BadgeVariant = (typeof BADGE_VARIANTS)[number];
-declare const BADGE_SIZES: readonly ["md", "sm"];
-type BadgeSize = (typeof BADGE_SIZES)[number];
-/**
- * Small status descriptor for counts, states or labels, such as an instrument's asset class.
- *
- * @example
- * <ui-badge>ETF</ui-badge>
- */
-declare class UiBadge {
-    readonly variant: _angular_core.InputSignal<"neutral" | "outline">;
-    readonly size: _angular_core.InputSignal<"sm" | "md">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiBadge, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiBadge, "ui-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/** Available button variants. `ButtonVariant` is derived from this tuple. */
-declare const BUTTON_VARIANTS: readonly ["primary", "outline", "ghost", "destructive", "quiet", "quiet-destructive", "outline-destructive", "quiet-glow", "tonal"];
-type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
-/** Available button sizes. */
-declare const BUTTON_SIZES: readonly ["compact", "slim", "xs", "sm", "md", "lg", "xl", "xxl", "tall", "block", "icon", "icon-sm"];
-type ButtonSize = (typeof BUTTON_SIZES)[number];
-/**
- * Styled native button or anchor, applied as an attribute so the host keeps every native behavior.
- *
- * @example
- * <button ui-button variant="destructive">Delete</button>
- * <button ui-button size="icon" variant="ghost" aria-label="More actions">...</button>
- */
-declare class UiButton {
-    readonly variant: _angular_core.InputSignal<"outline" | "primary" | "ghost" | "destructive" | "quiet" | "quiet-destructive" | "outline-destructive" | "quiet-glow" | "tonal">;
-    readonly size: _angular_core.InputSignal<"compact" | "sm" | "md" | "lg" | "slim" | "xs" | "xl" | "xxl" | "tall" | "block" | "icon" | "icon-sm">;
-    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly busy: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly inactive: _angular_core.Signal<boolean>;
-    protected readonly classes: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiButton, "button[ui-button], a[ui-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/** Available card variants. `CardVariant` is derived from this tuple. */
-declare const CARD_VARIANTS: readonly ["default", "elevated", "inset"];
-type CardVariant = (typeof CARD_VARIANTS)[number];
-/** Available card paddings. `CardPadding` is derived from this tuple. */
-declare const CARD_PADDINGS: readonly ["none", "xs", "sm", "md", "list", "rows", "recap", "panel"];
-type CardPadding = (typeof CARD_PADDINGS)[number];
-/** Where the card surface (fill, border, radius) and its padding apply. `CardSurface` is derived from this tuple. */
-declare const CARD_SURFACES: readonly ["always", "lg", "max-lg"];
-type CardSurface = (typeof CARD_SURFACES)[number];
-/**
- * Surface that groups related content: a summary block, a table, a side panel. `surface` limits the
- * fill, border, radius and padding to one side of `64rem`, for a block that is a card on a desktop and
- * plain on an iPhone, or the reverse. `variant="inset"` is the `--background` box that sits inside a
- * card or a dialog: a picked title, a results list, a recap, an empty-state panel.
- *
- * @example
- * <ui-card variant="elevated" padding="sm">Total</ui-card>
- * <ui-card variant="inset" border="hairline" padding="xs">Results</ui-card>
- * <ui-card padding="none" clip>Table that touches the edges, clipped to the corners</ui-card>
- * <ui-card surface="max-lg">Card on an iPhone, plain on a desktop</ui-card>
- */
-declare class UiCard {
-    readonly variant: _angular_core.InputSignal<"elevated" | "default" | "inset">;
-    readonly padding: _angular_core.InputSignal<"sm" | "md" | "xs" | "none" | "list" | "rows" | "recap" | "panel">;
-    readonly surface: _angular_core.InputSignal<"lg" | "always" | "max-lg">;
-    readonly border: _angular_core.InputSignal<"auto" | "none" | "border" | "hairline">;
-    readonly clip: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiCard, "ui-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "clip": { "alias": "clip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/**
- * The part of a validation error this library reads. Angular's own `ValidationError` satisfies it,
- * which is how a Signal Forms error reaches a field without this package depending on
- * `@angular/forms`.
- */
-type UiControlError = {
-    readonly message?: string;
-};
-/** What a styled control offers the field wrapped around it. */
-type UiControl = {
-    readonly errors: Signal<readonly UiControlError[]>;
-    readonly touched: Signal<boolean>;
-};
-
-type ChoiceChipOption = {
-    value: string;
-    label: string;
-};
-/**
- * Exclusive choice among a handful of named options, shown as wrapping pills: an account envelope,
- * a category, a frequency. Binds to Signal Forms with `[formField]`.
- *
- * @example
- * <ui-choice-chips label="Envelope" [options]="envelopes" [(value)]="envelope" />
- *
- * @example
- * <ui-choice-chips label="Envelope" [options]="envelopes" [formField]="form.envelope" />
- */
-declare class UiChoiceChips implements UiControl {
-    #private;
-    readonly options: _angular_core.InputSignal<ChoiceChipOption[]>;
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly label: _angular_core.InputSignal<string | undefined>;
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
-    readonly surface: _angular_core.InputSignal<"background" | "card">;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly errors: _angular_core.InputSignal<readonly UiControlError[]>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly touched: _angular_core.InputSignal<boolean>;
-    readonly touch: _angular_core.OutputEmitterRef<void>;
-    protected readonly labelId: string;
-    protected readonly radios: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
-    protected readonly labelledBy: _angular_core.Signal<string | null>;
-    protected chipClasses(optionValue: string): string;
-    protected tabIndexFor(optionValue: string): number;
-    protected select(optionValue: string): void;
-    protected onFocusOut(event: FocusEvent): void;
-    protected onKeydown(event: KeyboardEvent, index: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiChoiceChips, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiChoiceChips, "ui-choice-chips", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
-}
-
-/** Available delta emphases. `DeltaEmphasis` is derived from this tuple. */
-declare const DELTA_EMPHASES: readonly ["text", "pill"];
-type DeltaEmphasis = (typeof DELTA_EMPHASES)[number];
-/** Type sizes. `DeltaSize` is derived from this tuple. */
-declare const DELTA_SIZES: readonly ["label", "inherit"];
-type DeltaSize = (typeof DELTA_SIZES)[number];
-/** Font weights. `DeltaWeight` is derived from this tuple. */
-declare const DELTA_WEIGHTS: readonly ["medium", "regular"];
-type DeltaWeight = (typeof DELTA_WEIGHTS)[number];
-type Sign = 'positive' | 'negative' | 'neutral' | 'unknown';
-/**
- * Signed amount whose sign carries meaning: a gain, a loss, or an unknown.
- *
- * A null value is not a zero: a holding with no cost basis exists, and showing 0 would falsely
- * claim a known gain of zero. Color never carries the sign on its own: the projected text must
- * already contain a + or a minus sign.
- *
- * @example
- * <ui-delta [value]="holding.dayChangeEur" unknownLabel="Not available">
- *   {{ holding.dayChangeEur | signedMoney }}
- * </ui-delta>
- */
-declare class UiDelta {
-    readonly value: _angular_core.InputSignal<number | null | undefined>;
-    readonly unknownLabel: _angular_core.InputSignal<string>;
-    readonly emphasis: _angular_core.InputSignal<"text" | "pill">;
-    readonly size: _angular_core.InputSignal<"label" | "inherit">;
-    readonly weight: _angular_core.InputSignal<"medium" | "regular">;
-    protected readonly sign: _angular_core.Signal<Sign>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiDelta, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiDelta, "ui-delta", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "unknownLabel": { "alias": "unknownLabel"; "required": true; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/** Named dialog widths; any other CSS length is accepted as is. `DialogWidth` is derived from this tuple. */
-declare const DIALOG_WIDTHS: readonly ["md", "lg"];
-type DialogWidth = (typeof DIALOG_WIDTHS)[number];
-/** Spacing presets. `DialogLayout` is derived from this tuple. */
-declare const DIALOG_LAYOUTS: readonly ["trade", "form", "list", "confirm"];
-type DialogLayout = (typeof DIALOG_LAYOUTS)[number];
-type LayoutClasses = {
-    dialog: string;
-    header: string;
-    title: string;
-    cross: string;
-    icon: string;
-    handle: string;
-    body: string;
-    footer: string;
-};
-/** What started a close, as `closed` reports it. `DialogCloseReason` is derived from this tuple. */
-declare const DIALOG_CLOSE_REASONS: readonly ["escape", "backdrop", "cross", "drag", "programmatic"];
-type DialogCloseReason = (typeof DIALOG_CLOSE_REASONS)[number];
-/**
- * Modal dialog on the native <dialog>: a bottom sheet under `64rem`, centered above it.
- *
- * `busy` keeps it open while its action runs: Escape, a click on the backdrop and a drag of the sheet do
- * nothing and the cross is disabled. The owner disables its own buttons and still closes it through `open`.
- *
- * @example
- * <ui-dialog heading="Buy" description="Ferrari" closeLabel="Close" width="528px" [open]="buying()" (dismissed)="buying.set(false)">
- *   <p>Body</p>
- *   <button dialogActions ui-button variant="outline" class="max-lg:hidden" (click)="buying.set(false)">Cancel</button>
- *   <button dialogActions ui-button>Buy 40 shares</button>
- * </ui-dialog>
- */
-declare class UiDialog {
-    #private;
-    readonly heading: _angular_core.InputSignal<string>;
-    readonly description: _angular_core.InputSignal<string | undefined>;
-    readonly closeLabel: _angular_core.InputSignal<string | undefined>;
-    readonly layout: _angular_core.InputSignal<"list" | "form" | "trade" | "confirm">;
-    readonly truncateDescription: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly width: _angular_core.InputSignal<"md" | "lg" | (string & {})>;
-    readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly busy: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly dismissed: _angular_core.OutputEmitterRef<void>;
-    readonly closed: _angular_core.OutputEmitterRef<"drag" | "escape" | "backdrop" | "cross" | "programmatic">;
-    protected readonly headingId: string;
-    protected readonly descriptionId: string;
-    protected readonly bodyId: string;
-    protected readonly scrollable: _angular_core.WritableSignal<boolean>;
-    protected readonly describedBy: _angular_core.Signal<string | null>;
-    protected readonly widthValue: _angular_core.Signal<string>;
-    protected readonly spec: _angular_core.Signal<LayoutClasses>;
-    protected readonly headerClasses: _angular_core.Signal<string>;
-    protected readonly titleClasses: _angular_core.Signal<string>;
-    protected readonly crossClasses: _angular_core.Signal<string>;
-    protected readonly iconClasses: _angular_core.Signal<string>;
-    protected readonly footerClasses: _angular_core.Signal<string>;
-    protected readonly classes: _angular_core.Signal<string>;
-    constructor();
-    protected close(reason: DialogCloseReason): void;
-    protected onCancel(event: Event): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    protected onPointerDown(event: MouseEvent): void;
-    protected onClick(event: MouseEvent): void;
-    protected onNativeClose(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiDialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiDialog, "ui-dialog", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "truncateDescription": { "alias": "truncateDescription"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; "closed": "closed"; }, never, ["*", "[dialogActions]"], true, never>;
-}
-
-type DonutSlice = {
-    id: string;
-    label: string;
-    value: number;
-    sublabel?: string;
-};
-type Ramp = 1 | 2 | 3 | 4 | 5 | 6;
-type RankedSlice = DonutSlice & {
-    share: number;
-    ramp: Ramp;
-    members: string[];
-};
-
-type PositionedSlice = RankedSlice & {
-    dash: string;
-    offset: string;
-};
-
-/**
- * A ring chart with a legend: slices rank from largest to smallest on a grey ramp, and hovering,
- * focusing or activating a legend row highlights its slice and centres it in the ring.
- *
- * @example
- * <ui-donut [slices]="byAssetClass()" label="Par classe d'actif" othersLabel="Autres" [valueFormat]="formatEur" [shareFormat]="formatShare" (sliceSelect)="goToHoldings($event)" />
- */
-declare class UiDonut {
-    readonly slices: _angular_core.InputSignal<DonutSlice[]>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly othersLabel: _angular_core.InputSignal<string>;
-    readonly valueFormat: _angular_core.InputSignal<(value: number) => string>;
-    readonly shareFormat: _angular_core.InputSignal<(share: number) => string>;
-    readonly legendHref: _angular_core.InputSignal<((id: string) => string | null) | undefined>;
-    readonly sliceSelect: _angular_core.OutputEmitterRef<string>;
-    protected readonly activeId: _angular_core.WritableSignal<string | null>;
-    protected readonly ranked: _angular_core.Signal<RankedSlice[]>;
-    protected readonly positioned: _angular_core.Signal<PositionedSlice[]>;
-    protected readonly active: _angular_core.Signal<RankedSlice | null>;
-    protected readonly ariaLabel: _angular_core.Signal<string>;
-    protected readonly radius = 78;
-    protected readonly ringWidth = 30;
-    protected strokeColor(slice: RankedSlice): string;
-    protected sliceClasses(slice: RankedSlice): string;
-    protected dotClasses(slice: RankedSlice): string;
-    protected rowClasses(slice: RankedSlice): string;
-    protected subLabel(slice: RankedSlice): string;
-    protected isActive(slice: RankedSlice): boolean;
-    protected highlight(id: string): void;
-    protected clearHighlight(id: string): void;
-    protected hrefFor(id: string): string | null;
-    protected follow(event: MouseEvent, slice: RankedSlice): void;
-    protected select(slice: RankedSlice): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiDonut, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiDonut, "ui-donut", never, { "slices": { "alias": "slices"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "othersLabel": { "alias": "othersLabel"; "required": true; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "shareFormat": { "alias": "shareFormat"; "required": false; "isSignal": true; }; "legendHref": { "alias": "legendHref"; "required": false; "isSignal": true; }; }, { "sliceSelect": "sliceSelect"; }, never, never, true, never>;
-}
-
-/**
- * Centred empty state: a title, a hint and an action slot, such as a catalogue search that matches
- * nothing. The padding is 24px, 48px from 64rem.
- *
- * @example
- * <ui-empty heading="Aucun instrument ne correspond à « zzz »" hint="La recherche porte sur le nom et l'ISIN.">
- *   <button ui-button variant="outline" size="md" type="button">Ajouter une ligne</button>
- * </ui-empty>
- */
-declare class UiEmpty {
-    readonly heading: _angular_core.InputSignal<string>;
-    readonly hint: _angular_core.InputSignal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiEmpty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiEmpty, "ui-empty", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/**
- * Link to another site: the label followed by an external-link icon. A 44px target on touch,
- * an underline on hover with a mouse.
- *
- * @example
- * <a ui-external-link href="https://example.com" target="_blank" rel="noopener">Page on example.com</a>
- */
-declare class UiExternalLink {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiExternalLink, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiExternalLink, "a[ui-external-link]", never, {}, {}, never, ["*"], true, never>;
-}
-
-/** Available fact row sizes. `FactSize` is derived from this tuple. */
-declare const FACT_SIZES: readonly ["md", "sm", "auto", "recap"];
-type FactSize = (typeof FACT_SIZES)[number];
-/** Colour of the line under a fact value. `stale` flags an out-of-date figure. */
-declare const FACT_SUB_TONES: readonly ["subtle", "stale"];
-type FactSubTone = (typeof FACT_SUB_TONES)[number];
-/**
- * The list that holds `div[ui-fact]` rows, as a native description list.
- *
- * @example
- * <dl uiFacts>
- *   <div ui-fact label="Quantity">500</div>
- *   <div ui-fact label="Price" sub="24/09 · Yahoo">28,64 €</div>
- * </dl>
- */
-declare class UiFacts {
-    readonly ruled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<"m-0 flex flex-col shadow-[inset_0_1px_0_var(--hairline)]" | "m-0 flex flex-col">;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFacts, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiFacts, "dl[uiFacts]", never, { "ruled": { "alias": "ruled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * One fact of a `dl[uiFacts]`: a label on the left, its value on the right, an optional sub-line
- * under the value, and a hairline above every row but the first at the `md` size (the `sm` desktop list is separated by space only). The projected content is the value.
- *
- * @example
- * <div ui-fact label="Price" sub="24/09 · Yahoo" subTone="stale">28,64 €</div>
- */
-declare class UiFact {
-    readonly label: _angular_core.InputSignal<string>;
-    readonly sub: _angular_core.InputSignal<string | undefined>;
-    readonly subTone: _angular_core.InputSignal<"subtle" | "stale">;
-    readonly size: _angular_core.InputSignal<"auto" | "sm" | "md" | "recap">;
-    protected readonly classes: _angular_core.Signal<string>;
-    protected readonly valueClasses: _angular_core.Signal<string>;
-    protected readonly subClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFact, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiFact, "div[ui-fact]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "sub": { "alias": "sub"; "required": false; "isSignal": true; }; "subTone": { "alias": "subTone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/**
- * Marks an element, typically an 18px svg icon, as the leading content of a `ui-field`: it sits
- * inside the control's left edge and the control's text is inset to clear it. Decorative, so hidden
- * from assistive technologies.
- *
- * @example
- * <ui-field label="Search" labelHidden>
- *   <svg uiFieldLeading width="18" height="18" viewBox="0 0 24 24">...</svg>
- *   <input uiInput type="search" />
- * </ui-field>
- */
-declare class UiFieldLeading {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFieldLeading, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiFieldLeading, "[uiFieldLeading]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Marks an element, typically an icon button, as the trailing action of a `ui-field`: it sits on the
- * control's right edge, square to the control's height, and the control's text is padded to clear it.
- *
- * @example
- * <ui-field label="Password">
- *   <input uiInput type="password" size="xl" />
- *   <button uiFieldTrailing type="button" aria-label="Show the password" [attr.aria-pressed]="shown()">...</button>
- * </ui-field>
- *
- * A toggle such as this one should carry `aria-pressed`. The slot shares the right edge with `unit`:
- * set one or the other, not both.
- */
-declare class UiFieldTrailing {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFieldTrailing, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiFieldTrailing, "[uiFieldTrailing]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Label, control, hint and error as one unit. The control stays a plain native element:
- * the field finds it in its own projected content and wires the ARIA attributes onto it.
- *
- * The message comes from the caller's `error`, or, where none is set, from the projected control's
- * own validation state once it is touched.
- *
- * @example
- * <ui-field label="Quantity" hint="Leave empty if unknown">
- *   <input uiInput type="number" [formField]="form.quantity" />
- * </ui-field>
- *
- * @example
- * <ui-field label="ISIN or name" [error]="blank() ? 'Enter an ISIN' : undefined">
- *   <input uiInput type="search" />
- * </ui-field>
- *
- * @example
- * <ui-field label="Search holdings" labelHidden>
- *   <input uiInput type="search" placeholder="Instrument or account" />
- * </ui-field>
- */
-declare class UiField {
-    #private;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly labelHidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly hint: _angular_core.InputSignal<string | undefined>;
-    readonly error: _angular_core.InputSignal<string | undefined>;
-    readonly unit: _angular_core.InputSignal<string | undefined>;
-    readonly optional: _angular_core.InputSignal<string | undefined>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly hintId: string;
-    protected readonly errorId: string;
-    protected readonly control: _angular_core.Signal<UiControl | undefined>;
-    protected readonly leading: _angular_core.Signal<UiFieldLeading | undefined>;
-    protected readonly trailing: _angular_core.Signal<UiFieldTrailing | undefined>;
-    protected readonly rowClasses: _angular_core.Signal<string>;
-    protected readonly labelClasses: _angular_core.Signal<"sr-only" | "text-label leading-[17px] font-medium text-(--muted-foreground)">;
-    /**
-     * The caller's own `error` wins: it is the only way to report something the control does not
-     * know about, such as a search box refusing an empty query.
-     */
-    protected readonly message: _angular_core.Signal<string | undefined>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiField, "ui-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelHidden": { "alias": "labelHidden"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, ["control", "leading", "trailing"], ["[uiFieldLeading]", "*", "[uiFieldTrailing]"], true, never>;
-}
-
-type FilterChipOption = {
-    value: string;
-    label: string;
-    count?: number | string | null;
-};
-/**
- * A row of single-choice filter pills, each with an optional count, that narrows a list in place:
- * an asset class, a status. On touch it scrolls on one line, bleeding to the screen edges; with a
- * fine pointer it wraps.
- *
- * @example
- * <ui-filter-chips ariaLabel="Filter by class" [options]="classes()" [(value)]="selectedClass" />
- */
-declare class UiFilterChips {
-    readonly options: _angular_core.InputSignal<FilterChipOption[]>;
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    protected readonly chipClasses = "flex-none flex h-11 items-center rounded-pill border-0 bg-transparent p-0 font-[inherit] cursor-pointer transition-transform duration-(--duration-press) ease-out active:scale-(--press-scale) focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-(--ring) pointer-fine:h-8 pointer-fine:focus-visible:outline-offset-2";
-    protected pillClasses(optionValue: string): string;
-    protected countClasses(optionValue: string): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFilterChips, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiFilterChips, "ui-filter-chips", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
-}
-
-/** Available control sizes. `md` is the 44/40px touch target; `lg` and `xl` are the 48px sheet and sign-in fields. */
-declare const CONTROL_SIZES: readonly ["sm", "md", "lg", "xl"];
-type ControlSize = (typeof CONTROL_SIZES)[number];
-declare const CONTROL_SURFACES: readonly ["background", "card"];
-type ControlSurface = (typeof CONTROL_SURFACES)[number];
-/**
- * Styled native text input. A directive (not a wrapper component) so the host
- * stays a plain <input>: every forms flavor (ngModel, reactive, signal forms)
- * and every native attribute keep working without any plumbing.
- *
- * Declares the `errors` and `touched` inputs Angular's `[formField]` fills, so a `ui-field` around
- * it can show the message without any binding here.
- *
- * @example
- * <input uiInput type="email" placeholder="you@example.com" />
- */
-declare class UiInput implements UiControl {
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
-    readonly surface: _angular_core.InputSignal<"background" | "card">;
-    readonly errors: _angular_core.InputSignal<readonly UiControlError[]>;
-    readonly touched: _angular_core.InputSignal<boolean>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiInput, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiInput, "input[uiInput]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * Styled native textarea. Lives beside the input because it shares every one of its
- * classes; it takes no size, since a textarea grows from a floor instead of sitting
- * at a fixed height.
- *
- * Declares the `errors` and `touched` inputs Angular's `[formField]` fills, so a `ui-field` around
- * it can show the message without any binding here.
- *
- * @example
- * <textarea uiTextarea maxlength="280"></textarea>
- */
-declare class UiTextarea implements UiControl {
-    readonly errors: _angular_core.InputSignal<readonly UiControlError[]>;
-    readonly touched: _angular_core.InputSignal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTextarea, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiTextarea, "textarea[uiTextarea]", never, { "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-type ChartPoint = {
-    t: number;
-    v: number;
-};
-type PlottedPoint = ChartPoint & {
-    x: number;
-    y: number;
-};
-type ChartGeometry = {
-    line: string;
-    end: {
-        x: number;
-        y: number;
-    };
-    start: {
-        y: number;
-    };
-    points: PlottedPoint[];
-    plotBottom: number;
-    plotTop: number;
-};
-
-type TickLabel = {
-    text: string;
-    classes: string;
-};
-
-declare const TOOLTIP_SIZES: readonly ["compact", "large"];
-type TooltipSize = (typeof TOOLTIP_SIZES)[number];
-type AxisTicks = 3 | 5 | 'auto';
-
-type PlotRef = ElementRef<SVGSVGElement>;
-type LineRef = ElementRef<SVGPathElement>;
-type EndRef = ElementRef<SVGCircleElement>;
-/**
- * Value over time: a monotone curve with a dashed line at the starting value and a tooltip.
- *
- * Axis labels are never repeated: a tick whose `axisFormat` text equals the previous drawn label is
- * not rendered. The first tick always is, so only the last edge label can drop. With `axisTicks="3"`
- * only the first, middle and last ticks count; with `auto` every tick counts from `sm` up and the
- * three core ticks below it. Tick positions are unchanged.
- *
- * A new series interpolates from the drawn curve, fading the start label and the dashed line. With
- * `rangeKey` bound, only a series that comes with a new key does so: a new series under the same key
- * (a reload after a buy) is drawn at once, with no fade. The key may change before its series arrives.
- *
- * @example
- * <ui-line-chart [points]="points" label="Net worth over one month" startLabel="Since" [valueFormat]="formatEur" />
- */
-declare class UiLineChart {
-    #private;
-    readonly points: _angular_core.InputSignal<ChartPoint[]>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly valueFormat: _angular_core.InputSignal<(value: number) => string>;
-    readonly tooltipFormat: _angular_core.InputSignal<((point: ChartPoint) => string) | undefined>;
-    readonly deltaFormat: _angular_core.InputSignal<(delta: number) => string>;
-    readonly timeFormat: _angular_core.InputSignal<(time: number) => string>;
-    readonly axisFormat: _angular_core.InputSignal<(time: number) => string>;
-    readonly startLabel: _angular_core.InputSignal<string>;
-    readonly timeColumnLabel: _angular_core.InputSignal<string>;
-    readonly valueColumnLabel: _angular_core.InputSignal<string>;
-    readonly sparkline: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly tooltip: _angular_core.InputSignal<"compact" | "auto" | "large">;
-    readonly tooltipDelta: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly axisGap: _angular_core.InputSignal<number | "auto">;
-    readonly axisTicks: _angular_core.InputSignalWithTransform<AxisTicks, string | 3 | 5>;
-    readonly rangeKey: _angular_core.InputSignal<string | null>;
-    protected readonly svgRef: _angular_core.Signal<PlotRef>;
-    protected readonly lineRef: _angular_core.Signal<LineRef | undefined>;
-    protected readonly endRef: _angular_core.Signal<EndRef | undefined>;
-    protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
-    protected readonly held: _angular_core.WritableSignal<ChartGeometry | null>;
-    protected readonly measuredSize: _angular_core.WritableSignal<{
-        width: number;
-        height: number;
-    } | null>;
-    protected readonly effectiveWidth: _angular_core.Signal<number>;
-    protected readonly effectiveHeight: _angular_core.Signal<number>;
-    protected readonly plotHeight: _angular_core.Signal<number>;
-    protected readonly tooltipStyle: (point: PlottedPoint) => string;
-    protected readonly tooltipClasses: _angular_core.Signal<{
-        box: string;
-        value: string;
-        delta: string;
-    }>;
-    protected readonly geometry: _angular_core.Signal<ChartGeometry | null>;
-    protected readonly shown: _angular_core.Signal<ChartGeometry | null>;
-    protected readonly startFade: _angular_core.Signal<"opacity-0 duration-(--duration-exit)" | "duration-(--duration-fast)">;
-    protected readonly ticks: _angular_core.Signal<PlottedPoint[]>;
-    protected readonly tickTexts: _angular_core.Signal<(TickLabel | null)[]>;
-    protected readonly active: _angular_core.Signal<PlottedPoint | null>;
-    protected readonly startLabelInfo: _angular_core.Signal<{
-        label: string;
-        placement: {
-            y: number;
-            x: number;
-            anchor: "start" | "end";
-        };
-    } | null>;
-    constructor();
-    protected deltaFor(point: PlottedPoint): number;
-    protected deltaClasses(point: PlottedPoint): string;
-    protected onPointerMove(event: PointerEvent): void;
-    protected onPointerLeave(): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiLineChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiLineChart, "ui-line-chart", never, { "points": { "alias": "points"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "tooltipFormat": { "alias": "tooltipFormat"; "required": false; "isSignal": true; }; "deltaFormat": { "alias": "deltaFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "axisFormat": { "alias": "axisFormat"; "required": false; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "timeColumnLabel": { "alias": "timeColumnLabel"; "required": false; "isSignal": true; }; "valueColumnLabel": { "alias": "valueColumnLabel"; "required": false; "isSignal": true; }; "sparkline": { "alias": "sparkline"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipDelta": { "alias": "tooltipDelta"; "required": false; "isSignal": true; }; "axisGap": { "alias": "axisGap"; "required": false; "isSignal": true; }; "axisTicks": { "alias": "axisTicks"; "required": false; "isSignal": true; }; "rangeKey": { "alias": "rangeKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * One action of a `ui-menu`; `destructive` paints it in `--negative`.
- *
- * @example
- * <button uiMenuItem destructive (click)="remove()">Delete the line</button>
- */
-declare class UiMenuItem {
-    #private;
-    readonly destructive: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    focus(): void;
-    hasFocus(): boolean;
-    protected onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMenuItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiMenuItem, "button[uiMenuItem]", never, { "destructive": { "alias": "destructive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * Secondary actions menu, opened from its trigger through the native Popover API. With `sheet`, below
- * 64rem it opens as a bottom action sheet above the tab bar instead of beside its trigger, and
- * `heading` names what the actions apply to. `width` fixes the outer popover width in pixels (the sheet
- * always spans the screen below 64rem); without it the menu fits its content.
- *
- * @example
- * <button ui-button size="icon" aria-label="More" [uiMenuTrigger]="menu">...</button>
- * <ui-menu #menu label="Line actions">
- *   <button uiMenuItem (click)="edit()">Edit</button>
- *   <button uiMenuItem destructive (click)="remove()">Delete the line</button>
- * </ui-menu>
- */
-declare class UiMenu {
-    #private;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly sheet: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly heading: _angular_core.InputSignal<string | undefined>;
-    readonly width: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    readonly menuId: string;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    protected readonly hasWidth: _angular_core.Signal<boolean>;
-    protected readonly widthVar: _angular_core.Signal<string | null>;
-    protected readonly classes: _angular_core.Signal<string>;
-    protected readonly items: _angular_core.Signal<readonly UiMenuItem[]>;
-    open(trigger: HTMLElement): void;
-    close(): void;
-    protected onToggle(event: Event): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMenu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiMenu, "ui-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "sheet": { "alias": "sheet"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
-}
-/**
- * Opens a `ui-menu` from a trigger element and wires `aria-haspopup`, `aria-expanded` and
- * `aria-controls` on it.
- *
- * @example
- * <button ui-button size="icon" aria-label="More" [uiMenuTrigger]="menu">...</button>
- */
-declare class UiMenuTrigger {
-    #private;
-    readonly uiMenuTrigger: _angular_core.InputSignal<UiMenu>;
-    protected toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMenuTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiMenuTrigger, "[uiMenuTrigger]", never, { "uiMenuTrigger": { "alias": "uiMenuTrigger"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/** Track thicknesses. `MeterSize` is derived from this tuple. */
-declare const METER_SIZES: readonly ["md", "sm"];
-type MeterSize = (typeof METER_SIZES)[number];
-/** Ramp step used to paint the fill. `MeterTone` is derived from this tuple. */
-declare const METER_TONES: readonly [1, 2, 3, 4, 5, 6];
-type MeterTone = (typeof METER_TONES)[number];
-/**
- * Proportion of a whole, drawn as a single bar. One bar per category, never a stacked
- * strip: without hue to separate segments, length has to do the work alone.
- *
- * @example
- * <ui-meter [value]="0.463" label="Funds" valueText="46.3% - 128,656.00 EUR" [tone]="1" />
- */
-declare class UiMeter {
-    readonly value: _angular_core.InputSignal<number>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly valueText: _angular_core.InputSignal<string>;
-    readonly tone: _angular_core.InputSignal<2 | 3 | 1 | 4 | 6 | 5>;
-    readonly size: _angular_core.InputSignal<"sm" | "md">;
-    protected readonly trackClasses: _angular_core.Signal<string>;
-    protected readonly percent: _angular_core.Signal<number>;
-    protected readonly fillClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMeter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiMeter, "ui-meter", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "valueText": { "alias": "valueText"; "required": true; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Slides the items of a list into place when one is removed or inserted (FLIP): it measures every item
- * before and after the change, from the top of the list itself, then animates the shift in `translateY`
- * over `--duration-base` `--ease-out`. Pair it with `animate.leave="ui-leave-fade"` on the item so it fades
- * out first. Nothing moves under `prefers-reduced-motion`: the list closes up at once.
- *
- * By default the items are the direct children of the list. Mark them with `uiFlipItem` instead when they
- * sit deeper, for instance a page of several groups: put `uiFlipList` on the element around every group and
- * `uiFlipItem` on each group heading and row, so a removal also slides the groups below. An item may sit
- * inside another item (a row inside a card): it then moves by its own share and its card carries the rest.
- * Only an item added or removed starts a slide; a change inside an item does not. Positions leave out the
- * translate of any animation running inside the list (a slide in progress, an enter fade-up).
- *
- * @example
- * <ul uiFlipList>
- *   @for (key of keys(); track key.id) {
- *     <li uiListRow animate.leave="ui-leave-fade">...</li>
- *   }
- * </ul>
- *
- * <table uiTable uiFlipList>
- *   @for (group of groups(); track group.id) {
- *     <tbody>
- *       <tr uiTr group uiFlipItem>...</tr>
- *       @for (row of group.rows; track row.id) {
- *         <tr uiTr uiFlipItem animate.leave="ui-leave-fade">...</tr>
- *       }
- *     </tbody>
- *   }
- * </table>
- */
-declare class UiFlipList {
-    private readonly host;
-    private readonly reduced;
-    private readonly mutations;
-    private readonly resizes;
-    private readonly running;
-    private readonly watched;
-    private readonly items;
-    private tops;
-    private shifts;
-    constructor();
-    private tracked;
-    private measure;
-    private onChange;
-    private parentItem;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFlipList, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiFlipList, "[uiFlipList]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Marks an element as an item of the nearest `uiFlipList`, at any depth: a group heading, a row inside a
- * group, a card. Once one item is marked, the list follows its marked items only.
- *
- * @example
- * <tr uiTr uiFlipItem animate.leave="ui-leave-fade">...</tr>
- */
-declare class UiFlipItem {
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiFlipItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiFlipItem, "[uiFlipItem]", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Draws the eye to an element that just changed: scrolls it into view when it is off screen, holds the
- * `--soft` fill for 200 ms, then fades back to the element's own background over `--duration-highlight`.
- * Each new non-null token plays once, so pass a fresh value per event (an object or a counter), not a
- * boolean. A non-null token already present at first render plays on arrival. On a `tr` it paints the
- * cells, on a `td[ui-group-cell]` the band, anywhere else the host. Under `prefers-reduced-motion` the
- * scroll is instant and the fade lasts 600 ms.
- *
- * It starts on the next frame and, when the element is still playing a finite animation of its own (an
- * `animate.enter` fade on a new row), once that animation has finished, waiting no longer than
- * `--duration-base`: the element fades in, then lights up. Both can sit on the same element.
- *
- * Give the element `scroll-margin-top` and `scroll-margin-bottom` equal to what is pinned above and
- * below it (header, tab bar, action bar): a row under them counts as off screen and is scrolled out.
- * For an arrival on a page opened at the element, scroll to it at once first (`scrollIntoView` in
- * `afterNextRender`) and set the token afterwards: a token present at first render scrolls smoothly
- * from where the page is.
- *
- * @example
- * <a ui-row [uiHighlight]="changed() === holding.id ? token() : null" routerLink="/holdings/1">...</a>
- */
-declare class UiHighlight {
-    readonly uiHighlight: _angular_core.InputSignal<unknown>;
-    private readonly host;
-    private readonly reduced;
-    private cancel;
-    constructor();
-    private play;
-    private isVisible;
-    private flash;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiHighlight, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiHighlight, "[uiHighlight]", never, { "uiHighlight": { "alias": "uiHighlight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * A signal that follows the user's `prefers-reduced-motion` preference live.
- * Call it in an injection context; the listener is removed with that context.
- *
- * @example
- * protected readonly reduced = injectReducedMotion();
- */
-declare function injectReducedMotion(): Signal<boolean>;
-
-/**
- * Holds the transitions of the host and of everything inside it until two frames after its first
- * render, through the `data-ui-settling` attribute and the matching rule of `styles/motion.css`.
- * A route's elements are created a tick before their classes are bound; a layout read in between
- * would otherwise turn the bound fill, colour or switch track into a transition on page open. Call it
- * in an injection context. A host whose view is never refreshed (a detached change detector) keeps the
- * attribute, and with it no transition.
- *
- * @example
- * constructor() {
- *   holdTransitionsUntilRendered();
- * }
- */
-declare function holdTransitionsUntilRendered(): void;
-
-/**
- * One destination of the sidebar navigation (Portfolio, Holdings, Allocation, Accounts). The active
- * fill and text colour switch at once on navigation; only the hover fill fades.
- *
- * @example
- * <a ui-nav-item [active]="url === '/'" routerLink="/">
- *   <lucide-icon navIcon name="house" />
- *   Portfolio
- * </a>
- */
-declare class UiNavItem {
-    readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiNavItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiNavItem, "a[ui-nav-item]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, ["[navIcon]", "*"], true, never>;
-}
-
-declare const ROW_SIZES: readonly ["md", "lg", "xl", "card", "dense"];
-type RowSize = (typeof ROW_SIZES)[number];
-declare const ROW_PADDINGS: readonly ["md", "sm", "none"];
-type RowPadding = (typeof ROW_PADDINGS)[number];
-declare const ROW_GAPS: readonly ["default", "sm"];
-type RowGap = (typeof ROW_GAPS)[number];
-/**
- * Clickable row of a list: a holding, an account, a search result.
- *
- * @example
- * <a ui-row [selected]="holding.id === openId()" [routerLink]="['/holdings', holding.id]">
- *   {{ holding.name }}
- * </a>
- */
-declare class UiRow {
-    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly busy: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly unavailable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly size: _angular_core.InputSignal<"md" | "lg" | "xl" | "card" | "dense">;
-    readonly padding: _angular_core.InputSignal<"sm" | "md" | "none">;
-    readonly gap: _angular_core.InputSignal<"sm" | "default">;
-    protected readonly classes: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiRow, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiRow, "a[ui-row], button[ui-row]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "unavailable": { "alias": "unavailable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-/**
- * Lays out a `ui-row` with a trailing action beside it, such as a "more" icon button: the row takes
- * the room the action leaves and the action keeps its own size.
- *
- * @example
- * <div uiRowItem>
- *   <a ui-row size="xl" padding="sm" routerLink="/accounts/1">...</a>
- *   <button ui-button variant="quiet" size="icon-sm" aria-label="Account actions">...</button>
- * </div>
- */
-declare class UiRowItem {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiRowItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiRowItem, "[uiRowItem]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Non-interactive row of a list, separated from the next by a hairline: a passkey with its delete
- * button, a device, a setting. It is a 72px row (68px from 64rem) with a 12px gap; put it on an
- * `li` or a `div`. Use `ui-row` instead when the whole row is a link or an action.
- *
- * @example
- * <ul>
- *   <li uiListRow>
- *     <span class="flex-1">MacBook Air</span>
- *     <button ui-button variant="quiet-destructive" size="icon-sm" aria-label="Delete MacBook Air">...</button>
- *   </li>
- * </ul>
- */
-declare class UiListRow {
-    readonly ruled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<"flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17 shadow-[inset_0_-1px_0_var(--hairline)]" | "flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17">;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiListRow, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiListRow, "[uiListRow]", never, { "ruled": { "alias": "ruled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * The 36px filled tile that leads a row: an icon on a muted square with the control radius. Put it on
- * a `span` as the first child of a `ui-row` or a `uiListRow`.
- *
- * @example
- * <a ui-row size="xl" padding="sm" href="/export">
- *   <span uiRowTile><svg lucideDownload [size]="18" /></span>
- *   Export
- * </a>
- */
-declare class UiRowTile {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiRowTile, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiRowTile, "[uiRowTile]", never, {}, {}, never, never, true, never>;
-}
-
-type SegmentedOption = {
-    value: string;
-    label: string;
-};
-declare const SEGMENTED_SIZES: readonly ["md", "sm"];
-type SegmentedSize = (typeof SEGMENTED_SIZES)[number];
-/**
- * Exclusive choice within a small, known set: a time range, a unit, a mode. The selected option's
- * background is a single thumb that slides under it in `transform`, instead of being redrawn.
- *
- * @example
- * <ui-segmented [options]="ranges" label="Time range" [(value)]="range" />
- */
-declare class UiSegmented {
-    readonly options: _angular_core.InputSignal<SegmentedOption[]>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly showLabel: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly labelId: string;
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly size: _angular_core.InputSignal<"sm" | "md">;
-    protected readonly radios: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
-    protected readonly thumbIndex: _angular_core.Signal<number>;
-    constructor();
-    protected optionClasses(optionValue: string): string;
-    protected tabIndexFor(optionValue: string): number;
-    protected select(optionValue: string): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSegmented, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiSegmented, "ui-segmented", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
-}
-
-/**
- * Styled native select, drop-down list included where the browser allows it. It stays a native
- * `<select>`: keyboard, typeahead and semantics come from the platform, not from a rebuilt listbox.
- *
- * Declares the `errors` and `touched` inputs Angular's `[formField]` fills, so a `ui-field` around
- * it can show the message without any binding here.
- *
- * @example
- * <select uiSelect><option value="pea">PEA</option></select>
- */
-declare class UiSelect implements UiControl {
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
-    readonly errors: _angular_core.InputSignal<readonly UiControlError[]>;
-    readonly touched: _angular_core.InputSignal<boolean>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSelect, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiSelect, "select[uiSelect]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/** Available skeleton shapes. `SkeletonShape` is derived from this tuple. */
-declare const SKELETON_SHAPES: readonly ["text", "figure", "row", "chart", "ring", "dot"];
-type SkeletonShape = (typeof SKELETON_SHAPES)[number];
-/**
- * Decorative, pulsing placeholder for content that is still loading, at the shape of the content
- * it stands in for.
- *
- * @example
- * <ui-skeleton shape="figure" />
- * <ui-skeleton [lines]="3" />
- */
-declare class UiSkeleton {
-    readonly shape: _angular_core.InputSignal<"text" | "figure" | "row" | "chart" | "ring" | "dot">;
-    readonly lines: _angular_core.InputSignal<number>;
-    readonly height: _angular_core.InputSignal<number>;
-    readonly size: _angular_core.InputSignal<number>;
-    protected readonly animation = "cairn-pulse var(--pulse-duration) var(--ease-out) infinite alternate";
-    protected readonly bars: _angular_core.Signal<("62%" | "100%")[]>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSkeleton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiSkeleton, "ui-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/** Available stale link sizes. `StaleLinkSize` is derived from this tuple. */
-declare const STALE_LINK_SIZES: readonly ["caption", "label"];
-type StaleLinkSize = (typeof STALE_LINK_SIZES)[number];
-/**
- * Link in the stale tone, for a caption about data that is late or left out of a total, such as
- * "1 ligne sans cours, non comptée". Weight 500, underlined on hover, with an optional trailing
- * chevron. `size` is `caption` (12/17, the default) or `label` (14/20, the dashboard total's
- * "1 cours en retard").
- *
- * @example
- * <a uiStaleLink chevron size="label" routerLink="/holdings">1 cours en retard</a>
- */
-declare class UiStaleLink {
-    readonly chevron: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly size: _angular_core.InputSignal<"label" | "caption">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiStaleLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiStaleLink, "a[uiStaleLink]", never, { "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/** Available stat sizes. `StatSize` is derived from this tuple. */
-declare const STAT_SIZES: readonly ["hero", "tile"];
-type StatSize = (typeof STAT_SIZES)[number];
-/**
- * Label, figure and a named period of change, at two sizes: a `hero` for a screen's single
- * headline number, or a smaller `tile` repeated in a grid. The figure itself, its delta and its
- * caption are all projected, so the component carries no formatting and no currency of its own.
- *
- * The `hero` size never sets `tabular-nums` on the figure: a lone headline number reads better
- * with its digits at their natural width, unlike a column of aligned figures.
- *
- * @example
- * <ui-stat label="Net worth" size="hero">
- *   <span uiStatValue>128,656 EUR</span>
- *   <ui-delta uiStatDelta [value]="dayChange()" unknownLabel="Not available">+316.54 EUR</ui-delta>
- *   <span uiStatCaption>today</span>
- * </ui-stat>
- */
-declare class UiStat {
-    readonly label: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<"hero" | "tile">;
-    protected readonly labelClasses: _angular_core.Signal<string>;
-    protected readonly stackClasses: _angular_core.Signal<string>;
-    protected readonly valueClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiStat, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiStat, "ui-stat", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[uiStatValue]", "[uiStatDelta]", "[uiStatCaption]", "[uiStatAside]"], true, never>;
-}
-
-/**
- * Native checkbox styled as an iOS-style switch, exposed to assistive technology as `role="switch"`.
- * 51 by 31 on touch, 40 by 24 with a mouse.
- *
- * @example
- * <input type="checkbox" uiSwitch [checked]="hidden()" (change)="toggle()" aria-label="Hide amounts" />
- */
-declare class UiSwitch {
-    protected readonly classes = "relative shrink-0 w-[51px] h-[31px] pointer-fine:w-10 pointer-fine:h-6 appearance-none cursor-pointer rounded-pill bg-(--muted) checked:bg-(--primary) transition-[background-color] duration-(--duration-fast) ease-out disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring) before:absolute before:inset-x-0 before:top-1/2 before:-translate-y-1/2 before:h-(--row-min) before:content-[''] after:absolute after:top-0.5 after:left-0.5 after:size-[27px] pointer-fine:after:size-5 after:rounded-pill after:bg-(--card) after:shadow-[0_1px_3px_rgb(0_0_0/0.2)] after:transition-transform after:duration-(--duration-fast) after:ease-out after:content-[''] checked:after:translate-x-[20px] pointer-fine:checked:after:translate-x-4";
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSwitch, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiSwitch, "input[type=checkbox][uiSwitch]", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Bottom navigation bar for iPhone: 52px of tabs plus the home indicator's safe area. While it is on the
- * page it publishes that height as `--tab-bar-height` on the root element, which `ui-action-bar` and
- * `ui-toaster` sit above; use it rather than restating 52px for anything that must clear the bar.
- *
- * @example
- * <nav ui-tab-bar>
- *   <a ui-tab [active]="url === '/'" routerLink="/"><lucide-icon tabIcon name="house" />Portfolio</a>
- * </nav>
- */
-declare class UiTabBar {
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTabBar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiTabBar, "nav[ui-tab-bar]", never, {}, {}, never, ["*"], true, never>;
-}
-/**
- * One destination of `ui-tab-bar`.
- *
- * @example
- * <a ui-tab active routerLink="/"><lucide-icon tabIcon name="house" />Portfolio</a>
- */
-declare class UiTab {
-    readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTab, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiTab, "a[ui-tab]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, ["[tabIcon]", "*"], true, never>;
-}
-
-type Toast = {
-    readonly id: number;
-    readonly text: string;
-};
-/**
- * One-slot confirmation message queue read by `ui-toaster`.
- *
- * @example
- * inject(UiToasts).show('Achat enregistré');
- */
-declare class UiToasts {
-    private readonly current;
-    private sequence;
-    readonly toast: _angular_core.Signal<Toast | null>;
-    show(message: string): void;
-    dismiss(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiToasts, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
-}
-
-/**
- * Confirmation message shown by `UiToasts.show`: one at a time, no action, gone after `--toast-duration`.
- * Place it once in the app shell.
- *
- * @example
- * <ui-toaster />
- */
-declare class UiToaster {
-    protected readonly toasts: UiToasts;
-    protected readonly toastClasses = "pointer-events-auto max-w-[min(28rem,calc(100vw-2rem))] rounded-container bg-(--elevated) px-4 py-3 text-label text-(--foreground) shadow-[0_8px_24px_rgb(0_0_0/0.16),inset_0_0_0_1px_var(--border)] transition-[opacity,translate] duration-(--duration-base) ease-out starting:opacity-0 starting:translate-y-2 motion-reduce:starting:translate-y-0";
-    private readonly host;
-    private readonly hovered;
-    private readonly focused;
-    private lastId;
-    private remaining;
-    private startedAt;
-    private timer;
-    constructor();
-    protected setHovered(value: boolean): void;
-    protected setFocused(value: boolean): void;
-    private resume;
-    private pause;
-    private stop;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiToaster, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiToaster, "ui-toaster", never, {}, {}, never, never, true, never>;
-}
-
-/** Breakpoints a secondary column can be held back until. */
-declare const CELL_BREAKPOINTS: readonly ["md", "lg"];
-type CellBreakpoint = (typeof CELL_BREAKPOINTS)[number];
-/** Body row heights. */
-declare const TABLE_ROWS: readonly ["48", "52", "60"];
-type TableRow = (typeof TABLE_ROWS)[number];
-/**
- * Styled native table. The rows and cells stay plain <tr> and <td>. `row` sets the height of every
- * body row, `rule` draws or drops the hairline under the header, `spaced` leaves 4px between the
- * header and the first row.
- *
- * @example
- * <table uiTable row="60" [rule]="false">
- */
-declare class UiTable {
-    readonly row: _angular_core.InputSignal<"48" | "52" | "60">;
-    readonly rule: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly spaced: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTable, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiTable, "table[uiTable]", never, { "row": { "alias": "row"; "required": false; "isSignal": true; }; "rule": { "alias": "rule"; "required": false; "isSignal": true; }; "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/** Body of one group of rows: leaves a 4px tail after its last row. */
-declare class UiGroup {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiGroup, "tbody[uiGroup]", never, {}, {}, never, never, true, never>;
-}
-/**
- * Body or group row. An ordinary row glows on hover and takes the soft fill when `selected`; an
- * `interactive` row (one that opens something) also presses to the soft fill. A row with no action keeps a
- * plain name: `<td uiTd primary class="truncate font-medium">`.
- * `group` marks the row that holds a group band: it carries no hover state.
- *
- * @example
- * <tr uiTr [selected]="open">...
- * <tr uiTr group><td ui-group-cell name="Brokerage">...
- */
-declare class UiTr {
-    readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTr, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiTr, "tr[uiTr]", never, { "group": { "alias": "group"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * Column header, centred in its 36px. `numeric` right-aligns and lines the digits up; `secondary`
- * (or `from`) holds a column back until the viewport is wide enough for it; `primary` makes it
- * the column that absorbs the free width and truncates; `tall` is a 40px header; `width` fixes the column width and keeps it from shrinking.
- *
- * @example
- * <th uiTh numeric secondary width="108px">Quantity</th>
- */
-declare class UiTh {
-    readonly width: _angular_core.InputSignal<string | null>;
-    readonly numeric: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly primary: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly tall: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly from: _angular_core.InputSignal<"md" | "lg" | null>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTh, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiTh, "th[uiTh]", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "numeric": { "alias": "numeric"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "tall": { "alias": "tall"; "required": false; "isSignal": true; }; "from": { "alias": "from"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/** Body cell. Same inputs as `UiTh` (bar `tall` and `width`), and they must be set on both to match. */
-declare class UiTd {
-    readonly numeric: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly primary: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly from: _angular_core.InputSignal<"md" | "lg" | null>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiTd, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiTd, "td[uiTd]", never, { "numeric": { "alias": "numeric"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "from": { "alias": "from"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/** Group band sizes. */
-declare const GROUP_SIZES: readonly ["md", "lg"];
-type GroupSize = (typeof GROUP_SIZES)[number];
-/**
- * The band that opens a group of rows: name in 600 (a heading), meta beside it, the projected
- * total pinned to the right. Spans the whole row through `colspan`.
- *
- * @example
- * <tr uiTr group><td ui-group-cell colspan="4" name="Brokerage" meta="Savings plan">...total...</td></tr>
- */
-declare class UiGroupCell {
-    readonly name: _angular_core.InputSignal<string>;
-    readonly meta: _angular_core.InputSignal<string | undefined>;
-    readonly size: _angular_core.InputSignal<"md" | "lg">;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiGroupCell, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiGroupCell, "td[ui-group-cell]", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-/**
- * Makes a link or button the way into its row. By default an invisible layer stretches over the
- * whole row, so the row is one target for the pointer, the keyboard and a screen reader, and its
- * focus ring wraps the row. With `[stretch]="false"` only the name is the
- * target: it underlines on hover and takes its own ring. `current` marks the open line.
- *
- * @example
- * <td uiTd primary><a uiRowLink href="/lines/42">Ferrari</a></td>
- * <td uiTd primary><a uiRowLink [stretch]="false" href="/accounts/3">Brokerage</a></td>
- */
-declare class UiRowLink {
-    readonly stretch: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly current: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly classes: _angular_core.Signal<"block max-w-full truncate rounded-control text-left font-medium outline-none after:absolute after:inset-0 after:rounded-control after:content-[\"\"] focus-visible:after:outline-2 focus-visible:after:-outline-offset-2 focus-visible:after:outline-(--ring)" | "block max-w-full truncate rounded-sm text-left font-medium underline-offset-[3px] outline-none hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)">;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiRowLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiRowLink, "a[uiRowLink], button[uiRowLink]", never, { "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/** A control in another cell of a stretched-link row: lifts it above the layer that covers the row. */
-declare class UiRowAction {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiRowAction, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiRowAction, "[uiRowAction]", never, {}, {}, never, never, true, never>;
-}
-/** Tones of a subtitle: subtle (default), `--stale` at 500, or the color of the cell. */
-declare const SUB_TONES: readonly ["subtle", "stale", "inherit"];
-type SubTone = (typeof SUB_TONES)[number];
-/**
- * A second line under a cell's main text. `narrow` shows it only under 1024px, where it carries
- * the quantity, average cost and quote that were held back. Its amounts go through `ui-amount`
- * so they mask.
- *
- * @example
- * <span uiCellSub narrow>10 × 421.26 € · cost 388.10 €</span>
- * <span uiCellSub tone="stale">Quote of 24/09</span>
- */
-declare class UiCellSub {
-    readonly narrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly tone: _angular_core.InputSignal<"inherit" | "subtle" | "stale">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiCellSub, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiCellSub, "[uiCellSub]", never, { "narrow": { "alias": "narrow"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { ALERT_VARIANTS, AMOUNT_MASKINGS, AMOUNT_NUMERICS, ASYNC_ALIGNS, ASYNC_STATES, ASYNC_VARIANTS, AVATAR_SIZES, BACK_LINK_SIZES, BADGE_SIZES, BADGE_VARIANTS, BUTTON_SIZES, BUTTON_VARIANTS, CARD_PADDINGS, CARD_SURFACES, CARD_VARIANTS, CELL_BREAKPOINTS, CONTROL_SIZES, CONTROL_SURFACES, DELTA_EMPHASES, DELTA_SIZES, DELTA_WEIGHTS, DIALOG_CLOSE_REASONS, DIALOG_LAYOUTS, DIALOG_WIDTHS, FACT_SIZES, FACT_SUB_TONES, GROUP_SIZES, METER_SIZES, METER_TONES, ROW_GAPS, ROW_PADDINGS, ROW_SIZES, SEGMENTED_SIZES, SKELETON_SHAPES, STALE_LINK_SIZES, STAT_SIZES, SUB_TONES, TABLE_ROWS, UI_AMOUNT_MASKED, UiActionBar, UiAlert, UiAmount, UiAsync, UiAvatar, UiAvatarLink, UiBackLink, UiBadge, UiButton, UiCard, UiCellSub, UiChoiceChips, UiDelta, UiDialog, UiDonut, UiEmpty, UiExternalLink, UiFact, UiFacts, UiField, UiFieldLeading, UiFieldTrailing, UiFilterChips, UiFlipItem, UiFlipList, UiGroup, UiGroupCell, UiHighlight, UiInput, UiLineChart, UiListRow, UiMenu, UiMenuItem, UiMenuTrigger, UiMeter, UiNavItem, UiRow, UiRowAction, UiRowItem, UiRowLink, UiRowTile, UiSegmented, UiSelect, UiSkeleton, UiStaleLink, UiStat, UiSwitch, UiTab, UiTabBar, UiTable, UiTd, UiTextarea, UiTh, UiToaster, UiToasts, UiTr, delayedState, formatAmount, holdTransitionsUntilRendered, injectReducedMotion };
-export type { AlertVariant, AmountFormatOptions, AmountMasking, AmountNumeric, AsyncAlign, AsyncState, AsyncVariant, AvatarSize, AxisTicks, BackLinkSize, BadgeSize, BadgeVariant, ButtonSize, ButtonVariant, CardPadding, CardSurface, CardVariant, CellBreakpoint, ChartPoint, ChoiceChipOption, ControlSize, ControlSurface, DeltaEmphasis, DeltaSize, DeltaWeight, DialogCloseReason, DialogLayout, DialogWidth, DonutSlice, FactSize, FactSubTone, FilterChipOption, GroupSize, MeterSize, MeterTone, RowGap, RowPadding, RowSize, SegmentedOption, SegmentedSize, SkeletonShape, StaleLinkSize, StatSize, SubTone, TableRow, Toast, TooltipSize, UiControlError };
+export { };