@tolle_/tolle-ui 18.2.29 → 18.3.0

package/lib/sources.component.d.ts

@@ -0,0 +1,156 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+/**
+ * Coordinates a `tolle-sources` with its trigger, content and sources.
+ *
+ * The trigger has to report how many sources were projected into a sibling
+ * component, so every `tolle-source` registers here and the trigger renders
+ * from the resulting count.
+ *
+ * Provided on `SourcesComponent`, so each citation list gets its own instance.
+ */
+export declare class SourcesService {
+    private readonly openSource;
+    /** Emits whether the citation list is expanded. */
+    readonly open$: import("rxjs").Observable<boolean>;
+    private readonly idsSource;
+    /** Emits the ids of the registered sources, in registration (DOM) order. */
+    readonly ids$: import("rxjs").Observable<string[]>;
+    /** True while the citation list is expanded. */
+    get open(): boolean;
+    /** How many sources are currently registered. */
+    get count(): number;
+    setOpen(value: boolean): void;
+    toggle(): void;
+    register(id: string): void;
+    unregister(id: string): void;
+    /** Zero-based position of a source, or -1 when it is not registered. */
+    indexOf(id: string): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SourcesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SourcesService>;
+}
+declare const sourcesVariants: (props?: ({
+    variant?: "default" | "muted" | "card" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SourcesProps = VariantProps<typeof sourcesVariants>;
+/**
+ * A collapsible list of the citations behind a response.
+ *
+ * Compose it from `tolle-sources-trigger`, `tolle-sources-content` and one
+ * `tolle-source` per citation — the trigger counts the sources for you.
+ * @new
+ */
+export declare class SourcesComponent implements OnInit, OnChanges, OnDestroy {
+    /** Whether the citation list is expanded. @default false */
+    open: boolean;
+    /** Visual treatment of the list container. @default 'default' */
+    variant: SourcesProps['variant'];
+    /** Extra Tailwind classes merged onto the list via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the new state whenever the list is expanded or collapsed. */
+    openChange: EventEmitter<boolean>;
+    private readonly service;
+    private readonly cdr;
+    private readonly subscriptions;
+    /** True while an `open` input is being pushed into the service. */
+    private applyingInput;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private applyInput;
+    ngOnDestroy(): void;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SourcesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SourcesComponent, "tolle-sources", never, { "open": { "alias": "open"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+/** Toggle for a `tolle-sources`, labelled with how many sources there are. */
+export declare class SourcesTriggerComponent implements OnChanges, OnInit, OnDestroy {
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Overrides the counted number of sources. @default null */
+    count: number | null;
+    /** Extra Tailwind classes merged onto the trigger via `cn()` (last-wins). */
+    class: string;
+    private readonly service;
+    private readonly cdr;
+    private readonly subscriptions;
+    open: boolean;
+    registered: number;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** How many sources the trigger reports. */
+    get total(): number;
+    get label(): string;
+    get computedClass(): string;
+    onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SourcesTriggerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SourcesTriggerComponent, "tolle-sources-trigger", never, { "count": { "alias": "count"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Holds the `tolle-source` entries of a `tolle-sources`.
+ *
+ * Stays in the DOM while collapsed — hidden and `inert` rather than removed —
+ * so the sources inside it stay registered and the trigger's count is right
+ * before the list has ever been opened.
+ */
+export declare class SourcesContentComponent implements OnChanges, OnInit, OnDestroy {
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the content via `cn()` (last-wins). */
+    class: string;
+    private readonly service;
+    private readonly cdr;
+    private readonly subscriptions;
+    open: boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SourcesContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SourcesContentComponent, "tolle-sources-content", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare const sourceVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SourceProps = VariantProps<typeof sourceVariants>;
+/** A single citation inside a `tolle-sources-content`. */
+export declare class SourceComponent implements OnChanges, OnInit, OnDestroy {
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** URL the citation points at. @default '' */
+    href: string;
+    /** Human-readable title; falls back to the href when empty. @default '' */
+    title: string;
+    /** URL of a favicon shown instead of the numbered chip. @default '' */
+    favicon: string;
+    /** Overrides the auto-numbered position chip. @default null */
+    index: number | null;
+    /** Text scale of the citation. @default 'default' */
+    size: SourceProps['size'];
+    /** Extra Tailwind classes merged onto the citation via `cn()` (last-wins). */
+    class: string;
+    private readonly service;
+    private readonly cdr;
+    private readonly subscriptions;
+    private readonly id;
+    order: number;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** One-based number shown in the chip. */
+    get position(): number;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SourceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SourceComponent, "tolle-source", never, { "href": { "alias": "href"; "required": false; }; "title": { "alias": "title"; "required": false; }; "favicon": { "alias": "favicon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/spinner.component.d.ts

@@ -0,0 +1,29 @@
+import { OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+declare const spinnerVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    variant?: "default" | "destructive" | "muted" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SpinnerProps = VariantProps<typeof spinnerVariants>;
+/**
+ * An indeterminate loading indicator. Renders as `role="status"` with a
+ * visually-hidden label so screen readers announce the loading state.
+ * @new
+ */
+export declare class SpinnerComponent implements OnChanges {
+    private readonly cdr;
+    ngOnChanges(): void;
+    /** Diameter of the spinner. @default 'default' */
+    size: SpinnerProps['size'];
+    /** Colour of the spinner, inherited from the theme tokens. @default 'default' */
+    variant: SpinnerProps['variant'];
+    /** Accessible label announced while the spinner is visible. @default 'Loading' */
+    label: string;
+    /** Extra Tailwind classes merged onto the spinner via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "tolle-spinner", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/suggestion.component.d.ts

@@ -0,0 +1,96 @@
+import { EventEmitter, OnDestroy, OnInit, OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+/**
+ * Relays a chosen suggestion from a `tolle-suggestion` up to the
+ * `tolle-suggestions` row that contains it, so consumers can listen in one
+ * place instead of binding every pill.
+ *
+ * Provided on `SuggestionsComponent`; injected optionally, since a pill is
+ * perfectly usable on its own.
+ */
+export declare class SuggestionsService {
+    private readonly selectedSource;
+    /** Emits the value of whichever suggestion the user picked. */
+    readonly selected$: import("rxjs").Observable<string>;
+    select(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuggestionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SuggestionsService>;
+}
+declare const suggestionsVariants: (props?: ({
+    gap?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SuggestionsProps = VariantProps<typeof suggestionsVariants>;
+/**
+ * A horizontally scrollable row of suggested follow-up prompts.
+ *
+ * Fill it with `tolle-suggestion` pills and listen to this component's
+ * `selected` output to react to any of them.
+ */
+export declare class SuggestionsComponent implements OnChanges, OnInit, OnDestroy {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Spacing between the pills. @default 'default' */
+    gap: SuggestionsProps['gap'];
+    /** Accessible name for the row. @default 'Suggestions' */
+    ariaLabel: string;
+    /** Extra Tailwind classes merged onto the row via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the `value` of whichever suggestion in the row was picked. */
+    selected: EventEmitter<string>;
+    private readonly service;
+    private readonly subscriptions;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuggestionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestionsComponent, "tolle-suggestions", never, { "gap": { "alias": "gap"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
+}
+declare const suggestionVariants: (props?: ({
+    variant?: "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SuggestionProps = VariantProps<typeof suggestionVariants>;
+/**
+ * A single suggested follow-up prompt, rendered as a pill button.
+ *
+ * Projected content is the label; `value` is what gets emitted when it is
+ * picked, so the two can differ.
+ * @new
+ */
+export declare class SuggestionComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Value emitted when the pill is picked. @default '' */
+    value: string;
+    /** Visual style of the pill. @default 'outline' */
+    variant: SuggestionProps['variant'];
+    /** Size of the pill. @default 'default' */
+    size: SuggestionProps['size'];
+    /** Remixicon class shown before the label. @default '' */
+    icon: string;
+    /** Blocks interaction with the pill. @default false */
+    disabled: boolean;
+    /** Accessible name, when the projected label is not descriptive enough. @default '' */
+    ariaLabel: string;
+    /** Extra Tailwind classes merged onto the pill via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with this pill's `value` when it is picked. */
+    selected: EventEmitter<string>;
+    private readonly parent;
+    get computedClass(): string;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuggestionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestionComponent, "tolle-suggestion", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
+}
+export {};

package/lib/table.component.d.ts

@@ -0,0 +1,106 @@
+import { OnChanges } from '@angular/core';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+/**
+ * Unstyled table primitives you compose yourself, for when you need full
+ * control over the markup.
+ *
+ * For sorting, paging, selection and column definitions out of the box, use
+ * `tolle-data-table` instead — this is the lower-level building block.
+ *
+ * Everything below the `<table>` is a **directive on the native element**
+ * (`<thead tolleTableHeader>`, `<tr tolleTableRow>`, …) rather than a custom
+ * element. A `<tolle-table-row>` wrapper would sit between `<tbody>` and `<tr>`
+ * and break the CSS table layout, so the directives style the real elements in
+ * place and add no DOM of their own.
+ *
+ * ```html
+ * <tolle-table>
+ *   <thead tolleTableHeader>
+ *     <tr tolleTableRow><th tolleTableHead>Name</th></tr>
+ *   </thead>
+ *   <tbody tolleTableBody>
+ *     <tr tolleTableRow><td tolleTableCell>Ada</td></tr>
+ *   </tbody>
+ * </tolle-table>
+ * ```
+ * @new
+ */
+export declare class TableComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the scrolling container via `cn()` (last-wins). */
+    containerClass: string;
+    /** Extra Tailwind classes merged onto the `<table>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "tolle-table", never, { "containerClass": { "alias": "containerClass"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Styles a native `<thead>`. */
+export declare class TableHeaderDirective {
+    /** Extra Tailwind classes merged onto the `<thead>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableHeaderDirective, "[tolleTableHeader]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+/** Styles a native `<tbody>`. */
+export declare class TableBodyDirective {
+    /** Extra Tailwind classes merged onto the `<tbody>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableBodyDirective, "[tolleTableBody]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+/** Styles a native `<tfoot>` for summary or total rows. */
+export declare class TableFooterDirective {
+    /** Extra Tailwind classes merged onto the `<tfoot>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFooterDirective, "[tolleTableFooter]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+/** Styles a native `<tr>`, with an optional selected state. */
+export declare class TableRowDirective {
+    /** Applies the selected background and sets `data-state="selected"`. @default false */
+    selected: boolean;
+    /** Extra Tailwind classes merged onto the `<tr>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableRowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableRowDirective, "[tolleTableRow]", never, { "selected": { "alias": "selected"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+/** Styles a native `<th>` header cell. */
+export declare class TableHeadDirective {
+    /** Scope of the header cell for assistive tech. @default 'col' */
+    scope: 'col' | 'row' | 'colgroup' | 'rowgroup';
+    /** Current sort direction, surfaced as `aria-sort`. @default null */
+    sort: 'ascending' | 'descending' | 'none' | null;
+    /** Extra Tailwind classes merged onto the `<th>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableHeadDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableHeadDirective, "[tolleTableHead]", never, { "scope": { "alias": "scope"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+/** Styles a native `<td>` data cell. */
+export declare class TableCellDirective {
+    /** Extra Tailwind classes merged onto the `<td>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCellDirective, "[tolleTableCell]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+/** Styles a native `<caption>`, rendered below the table. */
+export declare class TableCaptionDirective {
+    /** Extra Tailwind classes merged onto the `<caption>` via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCaptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCaptionDirective, "[tolleTableCaption]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/task.component.d.ts

@@ -0,0 +1,151 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+/** Lifecycle of a single agent task. */
+export type TaskStatus = 'pending' | 'in-progress' | 'completed' | 'error';
+declare const taskVariants: (props?: ({
+    status?: "error" | "pending" | "in-progress" | "completed" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TaskProps = VariantProps<typeof taskVariants>;
+/**
+ * Coordinates a `tolle-task` and its trigger/content children.
+ *
+ * The children are `OnPush` and none of the parent's state arrives as their own
+ * inputs, so it is published here as observables and every subscriber calls
+ * `markForCheck()`.
+ */
+export declare class TaskService {
+    private readonly openSource;
+    /** Emits whether the task's content is expanded. */
+    readonly open$: import("rxjs").Observable<boolean>;
+    private readonly statusSource;
+    /** Emits the task's current status. */
+    readonly status$: import("rxjs").Observable<TaskStatus>;
+    private readonly titleSource;
+    /** Emits the task's title. */
+    readonly title$: import("rxjs").Observable<string>;
+    get open(): boolean;
+    get status(): TaskStatus;
+    get title(): string;
+    setOpen(open: boolean): void;
+    toggle(): void;
+    setStatus(status: TaskStatus): void;
+    setTitle(title: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TaskService>;
+}
+/**
+ * A collapsible record of one unit of agent work — a title, a status, and the
+ * individual steps taken, revealed on demand.
+ *
+ * ```html
+ * <tolle-task status="completed" title="Read the codebase" [open]="true">
+ *   <tolle-task-trigger></tolle-task-trigger>
+ *   <tolle-task-content>
+ *     <tolle-task-item>
+ *       Searched <tolle-task-item-file>utils/cn.ts</tolle-task-item-file>
+ *     </tolle-task-item>
+ *   </tolle-task-content>
+ * </tolle-task>
+ * ```
+ * @new
+ */
+export declare class TaskComponent implements OnInit, OnChanges, OnDestroy {
+    private readonly cdr;
+    /** Lifecycle state of the task; drives the icon and border colour. @default 'pending' */
+    status: TaskStatus;
+    /** Title shown by `tolle-task-trigger`. @default '' */
+    title: string;
+    /** Whether the task's content is expanded. @default false */
+    open: boolean;
+    /** Extra Tailwind classes merged onto the task via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the new expanded state whenever the task opens or closes. */
+    openChange: EventEmitter<boolean>;
+    private readonly service;
+    private readonly sub;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private push;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskComponent, "tolle-task", never, { "status": { "alias": "status"; "required": false; }; "title": { "alias": "title"; "required": false; }; "open": { "alias": "open"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+/** Header row of a `tolle-task`: status icon, title, and the expand chevron. */
+export declare class TaskTriggerComponent implements OnChanges, OnInit, OnDestroy {
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the trigger via `cn()` (last-wins). */
+    class: string;
+    private readonly service;
+    private readonly cdr;
+    private readonly sub;
+    isOpen: boolean;
+    status: TaskStatus;
+    title: string;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get iconClass(): string;
+    get computedClass(): string;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskTriggerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskTriggerComponent, "tolle-task-trigger", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** The body of a `tolle-task`; rendered only while the task is expanded. */
+export declare class TaskContentComponent implements OnChanges, OnInit, OnDestroy {
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the content via `cn()` (last-wins). */
+    class: string;
+    private readonly service;
+    private readonly cdr;
+    private readonly sub;
+    isOpen: boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskContentComponent, "tolle-task-content", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** One line of work inside a `tolle-task-content`. */
+export declare class TaskItemComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the item via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskItemComponent, "tolle-task-item", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** An inline file chip, for naming the file a task step touched. */
+export declare class TaskItemFileComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Remixicon class for the leading file glyph. @default 'ri-file-line' */
+    icon: string;
+    /** Extra Tailwind classes merged onto the chip via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskItemFileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskItemFileComponent, "tolle-task-item-file", never, { "icon": { "alias": "icon"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/theme.service.d.ts

@@ -13,6 +13,15 @@ export declare class ThemeService {
     private chartStyleId;
     constructor(document: Document, platformId: object, config: TolleConfig, rendererFactory: RendererFactory2);
     private initializeTheme;
+    /**
+     * Sets a CSS custom property on an element.
+     *
+     * `Renderer2.setStyle(el, '--x', v)` without `DashCase` compiles to
+     * `el.style['--x'] = v`, which is a silent no-op for custom properties — the
+     * theme control appears to work and simply changes nothing. Every custom
+     * property goes through here so no call site can forget the flag.
+     */
+    private setCssVar;
     /** Set a typography stack (`--font-sans` / `--font-serif` / `--font-mono`). */
     setFont(kind: 'sans' | 'serif' | 'mono', stack: string, persist?: boolean): void;
     /** Read the current stack for a font role from the live document. */