@tolle_/tolle-ui 18.2.28 → 18.2.30

package/lib/alert-dialog.component.d.ts

@@ -72,10 +72,18 @@ export declare class AlertDialogDescriptionComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogDescriptionComponent, "tolle-alert-dialog-description", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare class AlertDialogActionComponent {
+    private alertDialogService;
+    /** Fires before the dialog closes, so consumers can run the confirmed action. */
+    confirmed: EventEmitter<MouseEvent>;
+    handleClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogActionComponent, "tolle-alert-dialog-action", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogActionComponent, "tolle-alert-dialog-action", never, {}, { "confirmed": "confirmed"; }, never, ["*"], true, never>;
 }
 export declare class AlertDialogCancelComponent {
+    private alertDialogService;
+    /** Fires before the dialog closes, so consumers can react to a dismissal. */
+    cancelled: EventEmitter<MouseEvent>;
+    handleClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogCancelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogCancelComponent, "tolle-alert-dialog-cancel", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogCancelComponent, "tolle-alert-dialog-cancel", never, {}, { "cancelled": "cancelled"; }, never, ["*"], true, never>;
 }

package/lib/aspect-ratio.component.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+export declare class AspectRatioComponent implements AfterViewInit, OnDestroy {
+    private cdr;
+    ratio: string | number;
+    class: string;
+    container: ElementRef<HTMLElement>;
+    isLoading: boolean;
+    hasError: boolean;
+    private cleanupListeners;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    onLoad(): void;
+    onError(): void;
+    ngOnDestroy(): void;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AspectRatioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AspectRatioComponent, "tolle-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/attachment.component.d.ts

@@ -0,0 +1,101 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+declare const attachmentVariants: (props?: ({
+    state?: "error" | "idle" | "uploading" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AttachmentProps = VariantProps<typeof attachmentVariants>;
+/**
+ * A file or image attached to a chat message, with an upload state and an
+ * optional progress bar. Wrap several in `tolle-attachment-group`.
+ * @new
+ */
+export declare class AttachmentComponent 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;
+    /** File name shown as the card's title. */
+    name: string;
+    /** File size in bytes; rendered as B / KB / MB. @default 0 */
+    size: number;
+    /** MIME type, e.g. 'image/png'. Chooses the thumbnail or the file icon. */
+    type: string;
+    /** Source for the thumbnail and the target of `open`. */
+    url: string;
+    /** Upload lifecycle state of the attachment. @default 'idle' */
+    state: AttachmentProps['state'];
+    /** Upload progress from 0 to 100; only shown while uploading. @default 0 */
+    progress: number;
+    /** Density of the card. @default 'default' */
+    density: AttachmentProps['size'];
+    /** Shows a trailing remove button that emits `remove`. @default false */
+    removable: boolean;
+    /** Accessible label for the remove button. @default 'Remove attachment' */
+    removeLabel: string;
+    /** Text shown in place of the size when the state is 'error'. @default 'Upload failed' */
+    errorLabel: string;
+    /** Extra Tailwind classes merged onto the card via `cn()` (last-wins). */
+    class: string;
+    /** Emitted when the remove button is pressed. */
+    remove: EventEmitter<Event>;
+    /** Emitted when the card is activated by click, Enter, or Space. */
+    open: EventEmitter<Event>;
+    get computedClass(): string;
+    /** Whether the attachment renders as an image thumbnail rather than a file icon. */
+    get isImage(): boolean;
+    /** Remixicon class picked from the MIME type. */
+    get iconClass(): string;
+    /** The `size` input rendered for display, e.g. 1536 becomes "1.5 KB". */
+    get formattedSize(): string;
+    /** `progress` constrained to the 0-100 the progress bar can render. */
+    get clampedProgress(): number;
+    private formatBytes;
+    private iconForType;
+    protected onRemove(event: Event): void;
+    protected onOpen(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentComponent, "tolle-attachment", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "url": { "alias": "url"; "required": false; }; "state": { "alias": "state"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "density": { "alias": "density"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "errorLabel": { "alias": "errorLabel"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "remove": "remove"; "open": "open"; }, never, ["*"], true, never>;
+}
+/** Wrapping row of attachment cards below or above a message. */
+export declare class AttachmentGroupComponent 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 row via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentGroupComponent, "tolle-attachment-group", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Trailing slot for attachment controls — download, retry, remove. Clicks are
+ * kept inside the slot so the card's own trigger does not also fire.
+ */
+export declare class AttachmentActionsComponent 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;
+    /** Keeps the actions visible instead of revealing them on hover or focus. @default false */
+    alwaysVisible: boolean;
+    /** Extra Tailwind classes merged onto the slot via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    protected onClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentActionsComponent, "tolle-attachment-actions", never, { "alwaysVisible": { "alias": "alwaysVisible"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/bubble.component.d.ts

@@ -0,0 +1,112 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+declare const bubbleVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | "primary" | null | undefined;
+    align?: "start" | "end" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BubbleProps = VariantProps<typeof bubbleVariants>;
+/** A single emoji reaction chip and its tally. */
+export interface BubbleReaction {
+    /** The emoji character to display, e.g. a thumbs-up. */
+    emoji: string;
+    /** How many people reacted with it. */
+    count?: number;
+    /** Whether the current user is one of them. */
+    reacted?: boolean;
+}
+/**
+ * The visible surface of a chat message — the rounded panel the text sits in.
+ * Place it inside `tolle-message-content` and match its `align` to the message.
+ * @new
+ */
+export declare class BubbleComponent 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;
+    /** Visual style of the surface. @default 'default' */
+    variant: BubbleProps['variant'];
+    /** Which edge the bubble hangs off; squares the matching bottom corner. @default 'start' */
+    align: BubbleProps['align'];
+    /** Padding and text scale of the surface. @default 'default' */
+    size: BubbleProps['size'];
+    /** Shows a show-more / show-less toggle for long content. @default false */
+    collapsible: boolean;
+    /** Whether the content is currently clamped. Only has an effect with `collapsible`. @default true */
+    collapsed: boolean;
+    /** Max height of the clamped content, as a CSS length. @default '6rem' */
+    collapsedHeight: string;
+    /** Label of the toggle while the content is clamped. @default 'Show more' */
+    expandLabel: string;
+    /** Label of the toggle while the content is expanded. @default 'Show less' */
+    collapseLabel: string;
+    /** Makes the whole surface a keyboard-focusable trigger that emits `bubbleClick`. @default false */
+    interactive: boolean;
+    /** Extra Tailwind classes merged onto the surface via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the new collapsed state when the show-more toggle is pressed. */
+    collapsedChange: EventEmitter<boolean>;
+    /** Emitted when an interactive bubble is activated by click, Enter, or Space. */
+    bubbleClick: EventEmitter<Event>;
+    get computedClass(): string;
+    /** Classes for the content wrapper — clamped only while collapsible and collapsed. */
+    get contentClass(): string;
+    /** Inline max-height applied while the content is clamped. */
+    get contentStyle(): string | null;
+    /** Whether the projected content is currently clamped. */
+    get isClamped(): boolean;
+    protected toggle(event: Event): void;
+    protected onTrigger(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleComponent, "tolle-bubble", never, { "variant": { "alias": "variant"; "required": false; }; "align": { "alias": "align"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "collapsedHeight": { "alias": "collapsedHeight"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "bubbleClick": "bubbleClick"; }, never, ["*", "[bubbleFooter]"], true, never>;
+}
+/**
+ * Hover-revealed row of actions for a bubble — copy, retry, react. Clicks are
+ * kept inside the row so an interactive bubble does not also fire.
+ */
+export declare class BubbleActionsComponent 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;
+    /** Keeps the row permanently visible instead of revealing it on hover or focus. @default false */
+    alwaysVisible: boolean;
+    /** Extra Tailwind classes merged onto the row via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    protected onClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleActionsComponent, "tolle-bubble-actions", never, { "alwaysVisible": { "alias": "alwaysVisible"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Row of emoji reaction chips attached to a bubble. */
+export declare class BubbleReactionsComponent 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;
+    /** Reaction chips to render, in display order. @default [] */
+    reactions: BubbleReaction[];
+    /** Extra Tailwind classes merged onto the row via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the reaction whose chip was clicked. */
+    react: EventEmitter<BubbleReaction>;
+    get computedClass(): string;
+    protected chipClass(reaction: BubbleReaction): string;
+    protected trackByEmoji(_index: number, reaction: BubbleReaction): string;
+    protected onReact(reaction: BubbleReaction, event: Event): void;
+    protected stop(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleReactionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleReactionsComponent, "tolle-bubble-reactions", never, { "reactions": { "alias": "reactions"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "react": "react"; }, never, ["*"], true, never>;
+}
+export {};

package/lib/chain-of-thought.component.d.ts

@@ -0,0 +1,166 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+/** Progress of a single reasoning step. */
+export type ChainOfThoughtStepStatus = 'pending' | 'active' | 'complete';
+declare const chainOfThoughtVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ChainOfThoughtProps = VariantProps<typeof chainOfThoughtVariants>;
+declare const chainOfThoughtStepVariants: (props?: ({
+    status?: "complete" | "active" | "pending" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ChainOfThoughtStepProps = VariantProps<typeof chainOfThoughtStepVariants>;
+/**
+ * Coordinates a `tolle-chain-of-thought` and its header/content children.
+ *
+ * The children are `OnPush` and receive none of this state as inputs, so it
+ * travels as observables and each subscriber calls `markForCheck()`.
+ */
+export declare class ChainOfThoughtService {
+    private readonly openSource;
+    /** Emits whether the reasoning trace is expanded. */
+    readonly open$: import("rxjs").Observable<boolean>;
+    get open(): boolean;
+    setOpen(open: boolean): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChainOfThoughtService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChainOfThoughtService>;
+}
+/**
+ * A collapsible reasoning trace — the numbered steps an agent worked through
+ * before answering, connected by a vertical rail.
+ *
+ * ```html
+ * <tolle-chain-of-thought [open]="true">
+ *   <tolle-chain-of-thought-header label="Thought for 4s"></tolle-chain-of-thought-header>
+ *   <tolle-chain-of-thought-content>
+ *     <tolle-chain-of-thought-step label="Searched the docs" status="complete" icon="ri-search-line">
+ *       <tolle-chain-of-thought-search-results>
+ *         <tolle-chain-of-thought-search-result>tailwind.config</tolle-chain-of-thought-search-result>
+ *       </tolle-chain-of-thought-search-results>
+ *     </tolle-chain-of-thought-step>
+ *   </tolle-chain-of-thought-content>
+ * </tolle-chain-of-thought>
+ * ```
+ * @new
+ */
+export declare class ChainOfThoughtComponent implements OnInit, OnChanges, OnDestroy {
+    private readonly cdr;
+    /** Whether the reasoning steps are expanded. @default false */
+    open: boolean;
+    /** Text scale of the whole trace. @default 'default' */
+    size: ChainOfThoughtProps['size'];
+    /** Extra Tailwind classes merged onto the trace via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the new expanded state whenever the trace opens or closes. */
+    openChange: EventEmitter<boolean>;
+    private readonly service;
+    private readonly sub;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChainOfThoughtComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOfThoughtComponent, "tolle-chain-of-thought", never, { "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+/** Clickable header that expands and collapses the reasoning steps. */
+export declare class ChainOfThoughtHeaderComponent 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;
+    /** Text shown in the header. @default 'Chain of Thought' */
+    label: string;
+    /** Extra Tailwind classes merged onto the header via `cn()` (last-wins). */
+    class: string;
+    private readonly service;
+    private readonly cdr;
+    private readonly sub;
+    isOpen: boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get computedClass(): string;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChainOfThoughtHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOfThoughtHeaderComponent, "tolle-chain-of-thought-header", never, { "label": { "alias": "label"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Holds the steps; rendered only while the trace is expanded. */
+export declare class ChainOfThoughtContentComponent 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<ChainOfThoughtContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOfThoughtContentComponent, "tolle-chain-of-thought-content", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** One reasoning step: a marker on the rail, a label, and any projected detail. */
+export declare class ChainOfThoughtStepComponent 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;
+    /** Text describing what happened in this step. @default '' */
+    label: string;
+    /** Progress of this step; drives the marker colour. @default 'complete' */
+    status: ChainOfThoughtStepStatus;
+    /** Remixicon class shown inside the step marker. @default 'ri-checkbox-blank-circle-fill' */
+    icon: string;
+    /** Extra Tailwind classes merged onto the step via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    get markerClass(): string;
+    get labelClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChainOfThoughtStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOfThoughtStepComponent, "tolle-chain-of-thought-step", never, { "label": { "alias": "label"; "required": false; }; "status": { "alias": "status"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Wraps the result chips produced by a search step. */
+export declare class ChainOfThoughtSearchResultsComponent 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 results row via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChainOfThoughtSearchResultsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOfThoughtSearchResultsComponent, "tolle-chain-of-thought-search-results", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** A single search result rendered as a small chip. */
+export declare class ChainOfThoughtSearchResultComponent 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;
+    /** Optional remixicon class shown before the label. @default '' */
+    icon: string;
+    /** Extra Tailwind classes merged onto the chip via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChainOfThoughtSearchResultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOfThoughtSearchResultComponent, "tolle-chain-of-thought-search-result", never, { "icon": { "alias": "icon"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/chart-pie.component.d.ts

@@ -0,0 +1,108 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+/** One resolved slice: its geometry, its paint, and the numbers behind it. */
+export interface ChartPieSlice {
+    label: string;
+    value: number;
+    percent: number;
+    color: string;
+    /** The arc path, already padded for the surface gap. */
+    d: string;
+    /** Mid-angle point on the outer edge, used to place the tooltip. */
+    anchorX: number;
+    anchorY: number;
+}
+/** Converts an angle measured clockwise from 12 o'clock into svg coordinates. */
+export declare function polarPoint(cx: number, cy: number, r: number, angle: number): [number, number];
+/**
+ * Builds one slice. `innerRadius` above zero produces a donut segment; a span
+ * covering the full circle is drawn as two half arcs, because an SVG arc whose
+ * start and end points coincide renders nothing at all.
+ */
+export declare function arcPath(cx: number, cy: number, outer: number, inner: number, start: number, end: number): string;
+declare const chartPieVariants: (props?: ({
+    variant?: "default" | "card" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ChartPieProps = VariantProps<typeof chartPieVariants>;
+/**
+ * A pie or donut drawn from hand-written SVG arcs.
+ *
+ * Slices are separated by a real 2px angular gap rather than a stroke, so what
+ * divides them is surface rather than added ink. Colour is assigned by slice
+ * label, so re-sorting or filtering the data never repaints a slice, and a
+ * sixth slice falls back to a neutral rather than reusing `--chart-1`.
+ *
+ * Renders its own legend at two or more slices, a per-slice hover tooltip, and
+ * the same accessible `tolle-chart-table` fallback as `tolle-chart`.
+ * @new
+ */
+export declare class ChartPieComponent implements OnChanges {
+    /** Rows to plot, one slice each. @default [] */
+    data: Record<string, any>[];
+    /** Row key holding each slice's numeric value. @default 'value' */
+    valueKey: string;
+    /** Row key holding each slice's label. @default 'label' */
+    labelKey: string;
+    /** Cuts a hole in the middle, making it a donut. @default false */
+    donut: boolean;
+    /** Hole size as a fraction of the outer radius, used when `donut` is set. @default 0.6 */
+    innerRadius: number;
+    /** Width and height of the square plot in px. @default 240 */
+    size: number;
+    /** Angular gap between slices, expressed in px of arc at the outer edge. @default 2 */
+    gap: number;
+    /** Accessible name for the chart, used as the svg `<title>`. @default '' */
+    ariaLabel: string;
+    /** Longer summary used as the svg `<desc>`. Falls back to `ariaLabel`. @default '' */
+    description: string;
+    /** Shows the data table instead of leaving it visually hidden. @default false */
+    showTable: boolean;
+    /** Column header the table fallback gives the label column. @default 'Category' */
+    labelHeader: string;
+    /** Column header the table fallback gives the value column. @default 'Value' */
+    valueHeader: string;
+    /** Visual treatment of the chart frame. @default 'default' */
+    variant: ChartPieProps['variant'];
+    /** Extra Tailwind classes merged onto the chart via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the hovered slice index, or null when the pointer leaves. */
+    activeIndexChange: EventEmitter<number | null>;
+    private readonly cdr;
+    /** Only used to feed the shared table fallback; the pie owns its own colours. */
+    private readonly tableSource;
+    private readonly colors;
+    /** Id of the table fallback, referenced by the svg's `aria-describedby`. */
+    readonly tableId: string;
+    /** Index of the hovered slice, or null. */
+    activeIndex: number | null;
+    ngOnChanges(): void;
+    private get labels();
+    get viewBox(): string;
+    private get outerRadius();
+    /**
+     * Resolved slices in data order, each already padded for the surface gap.
+     *
+     * Computed once per input change, NOT per read. Three template bindings read
+     * this each pass; when it rebuilt the array every time, `*ngFor` saw fresh
+     * identities and tore down every `<path>` on every change-detection run.
+     * Destroying the node under the pointer re-fires `pointerenter`, which calls
+     * `markForCheck`, which schedules another pass — the chart locked the page up.
+     */
+    get slices(): ChartPieSlice[];
+    private _slices;
+    /** Identity for `*ngFor`, so a redraw patches attributes instead of replacing nodes. */
+    trackSlice: (_: number, slice: ChartPieSlice) => string;
+    private computeSlices;
+    get activeSlice(): ChartPieSlice | null;
+    get tooltipLeft(): number;
+    get tooltipTop(): number;
+    formatValue(value: number): string;
+    formatPercent(percent: number): string;
+    onEnter(index: number): void;
+    onLeave(): void;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartPieComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartPieComponent, "tolle-chart-pie", never, { "data": { "alias": "data"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "donut": { "alias": "donut"; "required": false; }; "innerRadius": { "alias": "innerRadius"; "required": false; }; "size": { "alias": "size"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showTable": { "alias": "showTable"; "required": false; }; "labelHeader": { "alias": "labelHeader"; "required": false; }; "valueHeader": { "alias": "valueHeader"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; }, never, never, true, never>;
+}
+export {};