@joanroucoux/cairn-ui 0.8.2 → 0.9.1

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

@@ -1,139 +1,301 @@
-import * as _angular_core from '@angular/core';
-
+import * as i0 from "@angular/core";
 /** Breakpoints a secondary column can be held back until. */
-declare const CELL_BREAKPOINTS: readonly ["md", "lg"];
+export declare const CELL_BREAKPOINTS: readonly ["md", "lg"];
 type CellBreakpoint = (typeof CELL_BREAKPOINTS)[number];
 /** Body row heights. */
-declare const TABLE_ROWS: readonly ["48", "52", "60"];
+export 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.
+ * Styled native table. `row` sets the height of every body row, `rule` draws or drops the hairline
+ * under the header, `spaced` leaves a gap 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>;
+export declare class UiTable {
+  readonly row: import("@angular/core").InputSignal<"48" | "52" | "60">;
+  readonly rule: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly spaced: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTable, never>;
+  static ɵdir: i0.ɵɵ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 of one group of rows. `collapsed` hides every `tr[uiTr]` but the group row with `hidden`: the rows
+ * stay in the DOM, so a `uiFlipList` around the table sees no item added or removed and slides
+ * nothing. A plain `tr` without `uiTr` is not hidden.
+ *
+ * @example
+ * <tbody uiGroup [collapsed]="!open()">
+ */
+export declare class UiGroup {
+  readonly collapsed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiGroup, "tbody[uiGroup]", never, {
+    "collapsed": {
+      "alias": "collapsed";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, 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.
+ * Body or group row. `selected` takes the soft fill, `interactive` (a row that opens something) also
+ * presses to it. `group` marks the row that holds a group band: it has 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>;
+export declare class UiTr {
+  protected readonly body: UiGroup | null;
+  readonly group: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly selected: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly interactive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTr, never>;
+  static ɵdir: i0.ɵɵ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.
+ * Column header. `numeric` right-aligns, `secondary` (or `from`) hides the column below a
+ * breakpoint, `primary` makes it the column that absorbs the free width, `tall` is a 40px header,
+ * `width` fixes the column width.
  *
  * @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>;
+export declare class UiTh {
+  readonly width: import("@angular/core").InputSignal<string | null>;
+  readonly numeric: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly primary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly secondary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly tall: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly from: import("@angular/core").InputSignal<"md" | "lg" | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTh, never>;
+  static ɵdir: i0.ɵɵ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>;
+/** Body cell. Same inputs as `UiTh` bar `tall` and `width`, which must be set on both to match. */
+export declare class UiTd {
+  readonly numeric: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly primary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly secondary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly from: import("@angular/core").InputSignal<"md" | "lg" | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTd, never>;
+  static ɵdir: i0.ɵɵ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"];
+export 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`.
+ * The band that opens a group of rows: name, meta beside it, the projected total on the right.
+ * Spans the whole row through `colspan`.
+ *
+ * With `collapsible` the band is a button inside the heading, with a chevron that turns when the
+ * group is folded. `expanded` is a model: the page keeps the fold memory and sets `collapsed` on the
+ * `tbody[uiGroup]`. `toggleDisabled` keeps the button focusable and announced, but a click changes
+ * nothing (a filter holds the group open). `controls` is the id of the group it folds.
  *
  * @example
  * <tr uiTr group><td ui-group-cell colspan="4" name="Brokerage" meta="Savings plan">...total...</td></tr>
+ * <tr uiTr group><td ui-group-cell collapsible [(expanded)]="open" controls="brokerage" colspan="4" name="Brokerage">...</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>;
+export declare class UiGroupCell {
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly meta: import("@angular/core").InputSignal<string | undefined>;
+  readonly size: import("@angular/core").InputSignal<"md" | "lg">;
+  readonly collapsible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly expanded: import("@angular/core").ModelSignal<boolean>;
+  readonly toggleDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly controls: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  protected toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiGroupCell, never>;
+  static ɵcmp: i0.ɵɵ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;
+    };
+    "collapsible": {
+      "alias": "collapsible";
+      "required": false;
+      "isSignal": true;
+    };
+    "expanded": {
+      "alias": "expanded";
+      "required": false;
+      "isSignal": true;
+    };
+    "toggleDisabled": {
+      "alias": "toggleDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "controls": {
+      "alias": "controls";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "expanded": "expandedChange";
+  }, 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.
+ * Makes a link or button the way into its row: by default it stretches over the whole row, so the
+ * row is one target. With `[stretch]="false"` only the name is the target. `current` marks the open
+ * line. Other controls in the row need `uiRowAction` to stay clickable.
  *
  * @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>;
+export declare class UiRowLink {
+  readonly stretch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly current: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@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: i0.ɵɵFactoryDeclaration<UiRowLink, never>;
+  static ɵdir: i0.ɵɵ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>;
+/** A control in another cell of a stretched-link row: keeps it clickable above the row-wide link. */
+export declare class UiRowAction {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiRowAction, never>;
+  static ɵdir: i0.ɵɵ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"];
+export 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.
+ * A second line under a cell's main text. `narrow` shows it only under 1024px, for the data held
+ * back by `secondary` columns.
  *
  * @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<"subtle" | "stale" | "inherit">;
-    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 declare class UiCellSub {
+  readonly narrow: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly tone: import("@angular/core").InputSignal<"subtle" | "stale" | "inherit">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCellSub, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCellSub, "[uiCellSub]", never, {
+    "narrow": {
+      "alias": "narrow";
+      "required": false;
+      "isSignal": true;
+    };
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
-export { CELL_BREAKPOINTS, GROUP_SIZES, SUB_TONES, TABLE_ROWS, UiCellSub, UiGroup, UiGroupCell, UiRowAction, UiRowLink, UiTable, UiTd, UiTh, UiTr };
-export type { CellBreakpoint, GroupSize, SubTone, TableRow };
+export type { CellBreakpoint, GroupSize, SubTone, TableRow };

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

@@ -1,51 +1,61 @@
-import * as i0 from '@angular/core';
-
+import * as i0 from "@angular/core";
 type Toast = {
-    readonly id: number;
-    readonly text: string;
+  readonly id: number;
+  readonly text: string;
+  readonly kind: 'success';
+} | {
+  readonly id: number;
+  readonly text: string;
+  readonly kind: 'error';
+  readonly closeLabel: string;
 };
 /**
- * One-slot confirmation message queue read by `ui-toaster`.
+ * One-slot message queue read by `ui-toaster`: a confirmation that times out, or an error that stays until closed.
  *
  * @example
  * inject(UiToasts).show('Achat enregistré');
+ * inject(UiToasts).showError("Échec de l'import");
  */
-declare class UiToasts {
-    private readonly current;
-    private sequence;
-    readonly toast: i0.Signal<Toast | null>;
-    show(message: string): void;
-    dismiss(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiToasts, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+export declare class UiToasts {
+  private readonly current;
+  private sequence;
+  readonly toast: import("@angular/core").Signal<Toast | null>;
+  show(message: string): void;
+  showError(message: string, closeLabel?: string): void;
+  dismiss(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToasts, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
-
 /**
- * Confirmation message shown by `UiToasts.show`: one at a time, no action, gone after `--toast-duration`.
+ * Message shown by `UiToasts`: one at a time, no action. A confirmation (`show`) is gone after `--toast-duration`;
+ * an error (`showError`) stays until its cross is clicked. Centred at the bottom of the content area: from `64rem`
+ * between `--sidebar-width` (0 when unset) and the right edge.
  * 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: i0.ɵɵFactoryDeclaration<UiToaster, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiToaster, "ui-toaster", never, {}, {}, never, never, true, never>;
+export declare class UiToaster {
+  protected readonly toasts: UiToasts;
+  protected readonly toastClasses = "pointer-events-auto flex min-h-11 min-w-[min(280px,calc(100vw-2rem))] max-w-[min(400px,calc(100vw-2rem))] items-center gap-2.5 rounded-container bg-(--primary) px-4 py-3 text-label font-medium text-(--primary-foreground) shadow-[0_8px_24px_rgb(0_0_0/0.16)] transition-[opacity,translate] duration-(--duration-base) ease-out starting:opacity-0 starting:translate-y-2 motion-reduce:starting:translate-y-0";
+  protected readonly closeClasses = "relative grid size-7 flex-none cursor-pointer place-items-center -my-1 -mr-2 rounded-[calc(var(--radius-control)-2px)] text-(--primary-foreground) outline-none hover:bg-[rgb(127_127_127/0.2)] focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-(--primary-foreground) after:absolute after:-inset-2 pointer-fine:after:-inset-1";
+  private readonly host;
+  private readonly hovered;
+  private popoverShown;
+  private readonly focused;
+  private lastId;
+  private raisedId;
+  private remaining;
+  private startedAt;
+  private timer;
+  constructor();
+  protected setHovered(value: boolean): void;
+  protected setFocused(value: boolean): void;
+  private raise;
+  private resume;
+  private pause;
+  private stop;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToaster, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiToaster, "ui-toaster", never, {}, {}, never, never, true, never>;
 }
-
-export { UiToaster, UiToasts };
-export type { Toast };
+export type { Toast };

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

@@ -1,2 +1 @@
-
-export { };
+export {}

package/fesm2022/joanroucoux-cairn-ui.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"joanroucoux-cairn-ui.mjs","sources":["../../../projects/ui/src/joanroucoux-cairn-ui.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}