mn-angular-lib 1.0.170 → 1.0.172

package/types/mn-angular-lib.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Provider, TemplateRef, OnInit, EventEmitter, OnChanges, ElementRef, OnDestroy, PipeTransform, DoCheck, ChangeDetectorRef, Type, ComponentRef, AfterViewInit, QueryList, ViewContainerRef, SimpleChanges, Signal } from '@angular/core';
+import { InjectionToken, Provider, TemplateRef, OnInit, EventEmitter, OnChanges, ElementRef, OnDestroy, PipeTransform, DoCheck, ChangeDetectorRef, Type, ComponentRef, AfterViewInit, QueryList, ViewContainerRef, SimpleChanges, Signal, AfterViewChecked } from '@angular/core';
 export { TemplateRef, Type } from '@angular/core';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
@@ -914,6 +914,11 @@ declare class MnInputField implements OnInit {
      * Determines whether to show error messages.
      * Errors are shown when the control is invalid and has been touched or modified.
      */
+    /**
+     * Ids of the rendered error messages, space-separated, for `aria-describedby`. Mirrors the
+     * `{id}-error` / `{id}-{index}-error` ids `mn-error-message` renders in single and show-all mode.
+     */
+    get errorDescribedBy(): string;
     get showError(): boolean;
     /**
      * Picks the error key to display based on errorPriority.
@@ -1528,6 +1533,11 @@ declare class MnTextarea implements OnInit {
      * Determines whether to show error messages.
      * Errors are shown when the control is invalid and has been touched or modified.
      */
+    /**
+     * Ids of the rendered error messages, space-separated, for `aria-describedby`. Mirrors the
+     * `{id}-error` / `{id}-{index}-error` ids `mn-error-message` renders in single and show-all mode.
+     */
+    get errorDescribedBy(): string;
     get showError(): boolean;
     /**
      * Picks the error key to display based on errorPriority.
@@ -2812,6 +2822,8 @@ type MnMultiSelectProps<TValue = unknown> = {
     errorPriority?: string[];
     /** Whether to use built-in default error messages (default: true) */
     useBuiltInErrorMessages?: boolean;
+    /** ARIA label for screen readers (overrides uiConfig.ariaLabel when provided); use it when the control has no visible label, e.g. a table filter. */
+    ariaLabel?: string;
     /** Whether to display all validation errors or just the first/priority error (default: false) */
     showAllErrors?: boolean;
 };
@@ -3991,6 +4003,8 @@ type MnSelectProps<TValue = unknown> = {
     errorPriority?: string[];
     /** Whether to use built-in default error messages (default: true) */
     useBuiltInErrorMessages?: boolean;
+    /** ARIA label for screen readers (overrides uiConfig.ariaLabel when provided); use it when the select has no visible label, e.g. a table filter. */
+    ariaLabel?: string;
     /** Whether to display all validation errors or just the first/priority error (default: false) */
     showAllErrors?: boolean;
 };
@@ -5308,6 +5322,8 @@ type ColumnFilterConfig<T> = (ColumnFilterCommon & {
 };
 type ColumnDefinition<T> = ColumnBase<T> & ColumnFilterConfig<T>;
 type TableDataSource<T> = MnSelectableCollectionDataSource<T> & {
+    /** Accessible name of the scrollable table region; without it the `mnCollection.dataTable` convention key is used. */
+    ariaLabel?: string;
     columns: ColumnDefinition<T>[];
     defaultSort?: SortState;
     onRowClick?: (row: T) => void;
@@ -5491,6 +5507,12 @@ declare class MnTable<T = object> extends MnSelectableCollectionBase<T, TableDat
      */
     getColumnSkeletonData(column: ColumnDefinition<T>): Partial<MnSkeletonProps>;
     getSortIcon(column: ColumnDefinition<T>): string;
+    /**
+     * Accessible name for a column's inline filter control: the header text, or the column key when
+     * the header is a template.
+     * @param column - The filtered column.
+     */
+    filterLabel(column: ColumnDefinition<T>): string;
     isSortable(column: ColumnDefinition<T>): boolean;
     constructor();
     /**
@@ -8442,7 +8464,7 @@ type MnTabDataSource = {
  * a back button or a shared link lands on the same tab; see
  * {@link MnTabDataSource.urlParam} to rename that parameter or switch it off.
  */
-declare class MnTabComponent implements DoCheck, AfterViewInit, OnDestroy {
+declare class MnTabComponent implements DoCheck, AfterViewInit, AfterViewChecked, OnDestroy {
     /**
      * Router the active tab is written to. Optional: a tab bar used outside a
      * routed application still works, it just has no URL to mirror into.
@@ -8543,6 +8565,17 @@ declare class MnTabComponent implements DoCheck, AfterViewInit, OnDestroy {
      * loaded) re-checks whether either edge overflows at all.
      */
     ngAfterViewInit(): void;
+    /** Wrapper geometry (`scrollWidth:clientWidth`) at the last fade evaluation. */
+    private lastFadeGeometry;
+    /**
+     * Re-evaluates the edge fade when the wrapper's scrollable extent changes without its box
+     * changing. {@link resizeObserver} only sees border-box changes, and the tab row is a
+     * block-level flex container that keeps its parent's width while its tabs overflow inside it,
+     * so tabs that arrive after init (permission-gated tabs, badge counts, skeleton → loaded) grow
+     * `scrollWidth` without firing it; until a resize or scroll the fade stayed off. Two property
+     * reads per pass; the repaint only runs when they moved.
+     */
+    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     /**
      * Paints a fade over whichever edge has tabs scrolled out of view — a soft
@@ -9440,6 +9473,681 @@ declare class MnSegmented {
     static ɵcmp: i0.ɵɵComponentDeclaration<MnSegmented, "mn-segmented", never, { "dataSource": { "alias": "dataSource"; "required": true; }; "value": { "alias": "value"; "required": false; }; "justified": { "alias": "justified"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
+/**
+ * Styling for {@link MnCard}, as tailwind-variants slots: `root` is the card element
+ * itself, `accent` the optional bar along its top edge, `header` the heading row and
+ * `title` the `h2` inside it.
+ *
+ * Theme tokens only, so the card holds up in light and dark. The surface reads the
+ * consumer's `--color-base-card` when it defines one (a card ground a step off the
+ * page background) and falls back to `base-100` otherwise, the same fallback device
+ * `mnBadge` uses for its `-text` tokens.
+ */
+declare const mnCardVariants: tailwind_variants.TVReturnType<{
+    /**
+     * Inner padding, and with it the gap between the card's children: a tile needs
+     * less air than a section card, and a section card that had to say `gap-4` on
+     * every use would drift.
+     */
+    padding: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    /** How the children flow: stacked (the default) or on one line, centred. */
+    layout: {
+        column: {
+            root: string;
+        };
+        row: {
+            root: string;
+        };
+    };
+    /**
+     * Hover response. `shadow` is a little depth for a card that only sits there;
+     * `lift` promises a destination and belongs on a card that is a link.
+     */
+    hover: {
+        none: {};
+        shadow: {
+            root: string;
+        };
+        lift: {
+            root: string;
+        };
+    };
+    /**
+     * Entrance. `rise` plays the consumer's `--animate-rise` keyframes when its theme
+     * defines them (a short rise-in, delayed per card through
+     * {@link MnCard.enterDelayMs}) and is a no-op otherwise; reduced-motion users
+     * never see it.
+     */
+    enter: {
+        none: {};
+        rise: {
+            root: string;
+        };
+    };
+    /** Corner rounding, in mn-button's radius tokens. */
+    borderRadius: {
+        none: {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+        two_xl: {
+            root: string;
+        };
+        three_xl: {
+            root: string;
+        };
+        four_xl: {
+            root: string;
+        };
+    };
+    /**
+     * Colour of the accent bar and of the heading's icon chip: the same palette as
+     * mn-button and the icon chip. What the colour *means* (a kind, a status, a
+     * module) is the consumer's choice; the card only renders it.
+     */
+    color: {
+        primary: {
+            accent: string;
+        };
+        secondary: {
+            accent: string;
+        };
+        accent: {
+            accent: string;
+        };
+        success: {
+            accent: string;
+        };
+        warning: {
+            accent: string;
+        };
+        danger: {
+            accent: string;
+        };
+        gray: {
+            accent: string;
+        };
+    };
+}, {
+    root: string;
+    accent: string;
+    header: string;
+    title: string;
+}, undefined, {
+    /**
+     * Inner padding, and with it the gap between the card's children: a tile needs
+     * less air than a section card, and a section card that had to say `gap-4` on
+     * every use would drift.
+     */
+    padding: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    /** How the children flow: stacked (the default) or on one line, centred. */
+    layout: {
+        column: {
+            root: string;
+        };
+        row: {
+            root: string;
+        };
+    };
+    /**
+     * Hover response. `shadow` is a little depth for a card that only sits there;
+     * `lift` promises a destination and belongs on a card that is a link.
+     */
+    hover: {
+        none: {};
+        shadow: {
+            root: string;
+        };
+        lift: {
+            root: string;
+        };
+    };
+    /**
+     * Entrance. `rise` plays the consumer's `--animate-rise` keyframes when its theme
+     * defines them (a short rise-in, delayed per card through
+     * {@link MnCard.enterDelayMs}) and is a no-op otherwise; reduced-motion users
+     * never see it.
+     */
+    enter: {
+        none: {};
+        rise: {
+            root: string;
+        };
+    };
+    /** Corner rounding, in mn-button's radius tokens. */
+    borderRadius: {
+        none: {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+        two_xl: {
+            root: string;
+        };
+        three_xl: {
+            root: string;
+        };
+        four_xl: {
+            root: string;
+        };
+    };
+    /**
+     * Colour of the accent bar and of the heading's icon chip: the same palette as
+     * mn-button and the icon chip. What the colour *means* (a kind, a status, a
+     * module) is the consumer's choice; the card only renders it.
+     */
+    color: {
+        primary: {
+            accent: string;
+        };
+        secondary: {
+            accent: string;
+        };
+        accent: {
+            accent: string;
+        };
+        success: {
+            accent: string;
+        };
+        warning: {
+            accent: string;
+        };
+        danger: {
+            accent: string;
+        };
+        gray: {
+            accent: string;
+        };
+    };
+}, {
+    root: string;
+    accent: string;
+    header: string;
+    title: string;
+}, tailwind_variants.TVReturnType<{
+    /**
+     * Inner padding, and with it the gap between the card's children: a tile needs
+     * less air than a section card, and a section card that had to say `gap-4` on
+     * every use would drift.
+     */
+    padding: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    /** How the children flow: stacked (the default) or on one line, centred. */
+    layout: {
+        column: {
+            root: string;
+        };
+        row: {
+            root: string;
+        };
+    };
+    /**
+     * Hover response. `shadow` is a little depth for a card that only sits there;
+     * `lift` promises a destination and belongs on a card that is a link.
+     */
+    hover: {
+        none: {};
+        shadow: {
+            root: string;
+        };
+        lift: {
+            root: string;
+        };
+    };
+    /**
+     * Entrance. `rise` plays the consumer's `--animate-rise` keyframes when its theme
+     * defines them (a short rise-in, delayed per card through
+     * {@link MnCard.enterDelayMs}) and is a no-op otherwise; reduced-motion users
+     * never see it.
+     */
+    enter: {
+        none: {};
+        rise: {
+            root: string;
+        };
+    };
+    /** Corner rounding, in mn-button's radius tokens. */
+    borderRadius: {
+        none: {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+        two_xl: {
+            root: string;
+        };
+        three_xl: {
+            root: string;
+        };
+        four_xl: {
+            root: string;
+        };
+    };
+    /**
+     * Colour of the accent bar and of the heading's icon chip: the same palette as
+     * mn-button and the icon chip. What the colour *means* (a kind, a status, a
+     * module) is the consumer's choice; the card only renders it.
+     */
+    color: {
+        primary: {
+            accent: string;
+        };
+        secondary: {
+            accent: string;
+        };
+        accent: {
+            accent: string;
+        };
+        success: {
+            accent: string;
+        };
+        warning: {
+            accent: string;
+        };
+        danger: {
+            accent: string;
+        };
+        gray: {
+            accent: string;
+        };
+    };
+}, {
+    root: string;
+    accent: string;
+    header: string;
+    title: string;
+}, undefined, unknown, unknown, undefined>>;
+type MnCardVariants = VariantProps<typeof mnCardVariants>;
+
+/**
+ * Configuration of one {@link MnCard}. Every field is optional; the defaults give the
+ * compact stacked tile with a soft hover, which is what most cards are.
+ */
+type MnCardTypes = {
+    /** Inner padding and child gap. `sm` for tiles, `md` for section cards, `lg` for hero cards. */
+    padding: MnCardVariants['padding'];
+    /** Stacked children (`column`, the default) or one centred line (`row`). */
+    layout: MnCardVariants['layout'];
+    /** Hover response: `shadow` (default), `lift` for a card that is a link, or `none`. */
+    hover: MnCardVariants['hover'];
+    /** Entrance animation: `rise` (default, needs the consumer's `--animate-rise`) or `none`. */
+    enter: MnCardVariants['enter'];
+    /** Corner rounding. Defaults to `two_xl`. */
+    borderRadius: MnCardVariants['borderRadius'];
+    /** Colour of the accent bar and the heading's icon chip. Defaults to `primary`. */
+    color: MnCardVariants['color'];
+    /** Whether to draw the accent bar along the top edge. Defaults to false. */
+    accent: boolean;
+};
+
+/**
+ * The card: a rounded surface with a hairline border, a hover response and an
+ * optional accent bar along its top edge. The body is whatever the consumer projects,
+ * so a booking, a competition and a pending-action tile share one look without
+ * sharing a view model.
+ *
+ * It is an attribute as well as an element, like `mnButton` and `mnBadge`: `<mn-card>`
+ * for a plain surface, `<a mnCard [routerLink]>` for a card that is a link,
+ * `<section mnCard>` when the landmark matters. Extra classes on the host merge with
+ * the card's own, so sizing it (`min-w-0 flex-1`, `lg:w-80`) is ordinary CSS on the
+ * element, not an input.
+ *
+ * A **section card** passes a {@link heading}: the card then renders the shared header
+ * row, an {@link MnIconChip} beside an `h2`, then whatever trails the title (a badge, a
+ * button). Project the icon with the `cardIcon` attribute and group the trailing content
+ * in one `cardHeaderEnd` container, so the template reads icon, header end, body:
+ *
+ * ```html
+ * <mn-card [data]="{ padding: 'md', color: 'primary' }" heading="meetings.agenda.title">
+ *   <svg cardIcon lucideListOrdered [size]="20"></svg>
+ *   <ng-container cardHeaderEnd>
+ *     <span mnBadge [data]="{ size: 'sm', color: 'warning' }">Draft</span>
+ *   </ng-container>
+ *   ...body...
+ * </mn-card>
+ * ```
+ *
+ * The other members of the family build on this shell: {@link MnStatTile} for one
+ * figure at a glance, and {@link MnProportionBar} for the bar inside a card.
+ */
+declare class MnCard {
+    /** Padding, layout, hover, entrance, radius, colour and accent; see {@link MnCardTypes}. */
+    data: Partial<MnCardTypes>;
+    /**
+     * Section title, as a translation key or a literal. When set, the header row with
+     * the icon chip and `h2` renders above the body. Deliberately not called `title`: a
+     * static `title="..."` on the host would also become a browser tooltip.
+     */
+    heading?: string;
+    /**
+     * Delay before the entrance animation starts, in milliseconds, so a row of cards
+     * can rise one after another. Ignored when {@link MnCardTypes.enter} is `none`.
+     */
+    enterDelayMs: number;
+    /** Resolved slot classes for the current configuration. */
+    get styles(): {
+        root: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+        accent: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+        header: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+        title: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+    } & {
+        root: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+        accent: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+        header: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+        title: (slotProps?: ({
+            color?: "success" | "warning" | "accent" | "primary" | "secondary" | "danger" | "gray" | undefined;
+            hover?: "none" | "shadow" | "lift" | undefined;
+            borderRadius?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "two_xl" | "three_xl" | "four_xl" | undefined;
+            padding?: "sm" | "md" | "lg" | undefined;
+            layout?: "column" | "row" | undefined;
+            enter?: "none" | "rise" | undefined;
+        } & tailwind_variants.ClassProp<tailwind_merge.ClassNameValue>) | undefined) => string;
+    } & {};
+    /** The card element's own classes; the consumer's static classes merge with them. */
+    get hostClasses(): string;
+    /** Staggers the entrance per card. */
+    get animationDelay(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MnCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MnCard, "mn-card, [mnCard]", never, { "data": { "alias": "data"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "enterDelayMs": { "alias": "enterDelayMs"; "required": false; }; }, {}, never, ["[cardIcon]", "[cardHeaderEnd]", "*"], true, never>;
+}
+
+/**
+ * Styling for {@link MnIconChip}: one 10% wash of the colour behind an icon drawn in
+ * the consumer's `--color-<colour>-text` token when it defines one (the shade it uses
+ * for readable coloured text on a tinted ground) and in the base colour otherwise, the
+ * same device `mnBadge` uses. The radius grows with the box so the corner reads the
+ * same at every size.
+ */
+declare const mnIconChipVariants: tailwind_variants.TVReturnType<{
+    /** `sm` for list rows, `md` for section-card headers and stat tiles, `lg` for page headers. */
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        success: string;
+        warning: string;
+        danger: string;
+        gray: string;
+    };
+}, undefined, "inline-flex shrink-0 items-center justify-center", {
+    /** `sm` for list rows, `md` for section-card headers and stat tiles, `lg` for page headers. */
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        success: string;
+        warning: string;
+        danger: string;
+        gray: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    /** `sm` for list rows, `md` for section-card headers and stat tiles, `lg` for page headers. */
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        success: string;
+        warning: string;
+        danger: string;
+        gray: string;
+    };
+}, undefined, "inline-flex shrink-0 items-center justify-center", unknown, unknown, undefined>>;
+type MnIconChipVariants = VariantProps<typeof mnIconChipVariants>;
+
+/** Configuration of one {@link MnIconChip}. Both fields are optional. */
+type MnIconChipTypes = {
+    /** Box size. Defaults to `md`. */
+    size: MnIconChipVariants['size'];
+    /** Colour of the wash and the icon. Defaults to `primary`. */
+    color: MnIconChipVariants['color'];
+};
+
+/**
+ * The tinted square that carries an icon in front of a card title, a stat or a list
+ * row: the one place a colour says "what kind of thing this is". Project the icon as
+ * content; the chip sizes and tints itself and never grows with the row.
+ *
+ * Decorative for assistive technology: the title or label beside it carries the
+ * meaning, so the chip is `aria-hidden` and a screen reader never meets a bare icon.
+ *
+ * ```html
+ * <mn-icon-chip [data]="{ color: 'success', size: 'md' }">
+ *   <svg lucideCheck [size]="20"></svg>
+ * </mn-icon-chip>
+ * ```
+ */
+declare class MnIconChip {
+    /** Size and colour; see {@link MnIconChipTypes}. */
+    data: Partial<MnIconChipTypes>;
+    /** The chip's own classes; the consumer's static classes merge with them. */
+    get hostClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MnIconChip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MnIconChip, "mn-icon-chip", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Configuration of one {@link MnStatTile}. */
+type MnStatTileTypes = {
+    /** Colour of the chip; the number itself stays in the base text colour. Defaults to `primary`. */
+    color: MnIconChipVariants['color'];
+};
+/**
+ * One fact at a glance: a tinted icon chip, a muted label and a large tabular number,
+ * on the {@link MnCard} shell, in a tile that shares a row with its siblings as
+ * `flex-1`. Project the icon as content; project a badge or a short note into the
+ * `trailing` slot when the number needs a qualifier.
+ *
+ * ```html
+ * <div class="flex flex-wrap gap-4">
+ *   <mn-stat-tile label="meetings.attending" [value]="yesCount" [data]="{ color: 'success' }">
+ *     <svg lucideCheck [size]="20"></svg>
+ *   </mn-stat-tile>
+ * </div>
+ * ```
+ */
+declare class MnStatTile {
+    /** Caption under the number, as a translation key or a literal. */
+    label: string;
+    /** The figure, already formatted for display. */
+    value: string | number;
+    /** Colour of the chip; see {@link MnStatTileTypes}. */
+    data: Partial<MnStatTileTypes>;
+    /** Grows to share its row and never forces the row wider than its siblings. */
+    readonly hostClasses = "flex flex-1 basis-40 min-w-0";
+    static ɵfac: i0.ɵɵFactoryDeclaration<MnStatTile, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MnStatTile, "mn-stat-tile", never, { "label": { "alias": "label"; "required": true; }; "value": { "alias": "value"; "required": true; }; "data": { "alias": "data"; "required": false; }; }, {}, never, ["*", "[trailing]"], true, never>;
+}
+
+/** One coloured run of a {@link MnProportionBar}: how much of the whole it covers, and in which colour. */
+type MnProportionSegment = {
+    /** Amount in the same unit as the other segments and the total. */
+    value: number;
+    /** Colour of this run; `gray` for the part that has no answer yet. */
+    color: NonNullable<MnIconChipVariants['color']>;
+};
+/** Configuration of one {@link MnProportionBar}. */
+type MnProportionBarTypes = {
+    /** Track thickness: `sm` inside dense rows, `md` (default) under a section title. */
+    height: 'sm' | 'md';
+};
+
+/** A segment resolved to a rendered width. */
+type MnRenderedProportionSegment = {
+    /** Percentage of the track this run covers. */
+    widthPct: number;
+    /** Fill class for the run. */
+    fillClass: string;
+};
+/**
+ * The proportional bar every turnout, budget, capacity and collection figure draws:
+ * a rounded track with one coloured run per segment, widths from the values. Empty
+ * segments are skipped so a zero never leaves a hairline. Announced as one image with
+ * the caller's label, because the numbers it visualises are always written out next
+ * to it.
+ *
+ * ```html
+ * <mn-proportion-bar
+ *   [segments]="[{ value: yes, color: 'success' }, { value: maybe, color: 'warning' }]"
+ *   [total]="invited"
+ *   ariaLabel="meetings.responses.title">
+ * </mn-proportion-bar>
+ * ```
+ */
+declare class MnProportionBar {
+    /** The coloured runs, in draw order from the left. */
+    segments: MnProportionSegment[];
+    /** The whole the segments are measured against; defaults to their sum. */
+    total?: number | null;
+    /** Accessible name for the bar as a whole, as a translation key or a literal. */
+    ariaLabel: string;
+    /** Track thickness; see {@link MnProportionBarTypes}. */
+    data: Partial<MnProportionBarTypes>;
+    /** Resolves the accessible name against the app's bundle. */
+    private readonly lang;
+    /** The translated accessible name. */
+    get label(): string;
+    /** Every class on the track element. */
+    get trackClass(): string;
+    /** The denominator actually used: the explicit total when positive, else the segment sum. */
+    private get denominator();
+    /** Segments with a width, empty ones dropped. */
+    get rendered(): MnRenderedProportionSegment[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MnProportionBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MnProportionBar, "mn-proportion-bar", never, { "segments": { "alias": "segments"; "required": true; }; "total": { "alias": "total"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Types for mn-lib configuration.
  */
@@ -9933,5 +10641,5 @@ type MnPreviewMessage = {
  */
 declare function enableMnPreviewMode(configService: MnConfigService, langService: MnLanguageService, allowedOrigins?: string[]): void;
 
-export { API_BASE_URL, ActionStyle, BackdropMode, BaseModalBuilder, CALENDAR_CONFIG, CALENDAR_DATE_FORMATTER, CalendarDayComponent, CalendarEventComponent, CalendarEventDefaultComponent, CalendarEventLayoutService, CalendarMonthComponent, CalendarUtility, CalendarView, CalendarViewComponent, CalendarWeekComponent, CloseMode, ColumnSortType, ConfirmationModalBuilder, ConfirmationTone, CrudService, CustomModalBuilder, DEFAULT_CALENDAR_CONFIG, DEFAULT_MN_ALERT_CONFIG, DefaultCalendarDateFormatter, FieldAppearance, FieldKind, FormLayoutMode, FormModalBuilder, KeyboardMode, MN_ALERT_CONFIG, MN_CALENDAR_COMPONENT_NAME, MN_CALENDAR_CONFIG, MN_CHECKBOX_CONFIG, MN_DATETIME_CONFIG, MN_DROPDOWN_CONFIG, MN_HAPTICS, MN_ICON_MAP, MN_INPUT_FIELD_CONFIG, MN_INSTANCE_ID, MN_LIB_DUAL_HORIZONTAL_IMAGE, MN_MODAL_ACTION_ICONS, MN_MULTI_SELECT_CONFIG, MN_SECTION_PATH, MN_SELECT_CONFIG, MN_TEXTAREA_CONFIG, MODAL_ACTION_ICON_SIZE, MODAL_ACTION_ICON_SIZE_SM, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnBadge, MnBottomSheet, MnBreadcrumbs, MnButton, MnCheckbox, MnCollectionBase, MnCollectionPagination, MnCollectionState, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDateSelectorBar, MnDatetime, MnDropdown, MnDualHorizontalImage, MnFileInput, MnFormBodyComponent, MnGrid, MnHiddenBelowDirective, MnHttpService, MnIcon, MnIconAttributes, MnInformationCard, MnInputField, MnInstanceDirective, MnKeyboard, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnRichTextEditor, MnSectionDirective, MnSegmented, MnSelect, MnSelectableCollectionBase, MnShowAboveDirective, MnShowBelowDirective, MnSkeleton, MnTabComponent, MnTable, MnTextarea, MnTranslatePipe, MnWizardBodyComponent, ModalBuilder, ModalCloseReason, ModalIntent, ModalKind, ModalSize, NavigationDirection, OptionState, SelectionMode, StepBuilder, StepState, SubmitMode, UpcomingEventRowComponent, UpcomingEventsComponent, ValidationCode, ValidationStatus, WizardFlowMode, WizardModalBuilder, dateTimeAdapter, defaultFilterPredicate, defaultIconForStyle, defaultTextAdapter, emptyFilterValue, enableMnPreviewMode, isFilterValueActive, isTranslatable, matchesColumnFilter, mnAlertVariants, mnBadgeVariants, mnBreadcrumbsVariants, mnButtonVariants, mnCheckboxVariants, mnCheckboxWrapperVariants, mnDatetimeVariants, mnDropdownTriggerVariants, mnFileInputVariants, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSegmentedVariants, mnSelectVariants, mnSkeletonVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig, resolveFilterableValue };
-export type { AnimationOptions, ApiError, BaseModalConfig, CalendarButton, CalendarConfig, CalendarDateFormatter, CalendarEvent, CalendarEventData, CancellationActionConfig, CheckboxFieldConfig, ColorFieldConfig, ColorPreset, ColumnBase, ColumnDay, ColumnDefinition, ColumnFilterOption, ColumnFilterState, ColumnFilterType, ColumnFilterValue, ColumnSkeleton, ConfirmationActionConfig, ConfirmationModalConfig, CrudConfig, CurrentTimeCalendarEvent, CursorPaginationStrategy, CustomFieldConfig, CustomModalConfig, DateFieldConfig, DateSelectorBarLayout, DatetimeFieldConfig, DayTile, FailureResult, FieldDataSource, FieldRequiredCondition, FieldValidator, FieldVisibilityCondition, FileFieldConfig, FormFieldConfig, FormFieldGroup, FormModalConfig, FormRow, FormRowField, FormValidator, GridDataSource, GridLayout, GridSkeleton, HourRow, ListAppearance, ListDataSource, ListLabels, ListSkeleton, MnActionIcon, MnAlert, MnAlertConfig, MnAlertId, MnAlertKind, MnAlertTemplateContext, MnAlertVariants, MnBadgeTypes, MnBadgeVariants, MnBreadcrumbItem, MnBreadcrumbsData, MnBreadcrumbsVariants, MnButtonTypes, MnButtonVariants, MnCheckboxErrorMessageData, MnCheckboxErrorMessagesData, MnCheckboxProps, MnCheckboxUIConfig, MnCheckboxVariants, MnCheckboxWrapperVariants, MnCollectionDataSource, MnCollectionLabels, MnColumnFilter, MnConfigFile, MnConfigSettings, MnConfigValue, MnDatetimeErrorMessageData, MnDatetimeErrorMessagesData, MnDatetimeMode, MnDatetimeProps, MnDatetimeUIConfig, MnDatetimeVariants, MnDomAttrs, MnDropdownAction, MnDropdownActionColor, MnDropdownItem, MnDropdownProps, MnDropdownSeparator, MnDropdownTriggerVariants, MnDropdownUIConfig, MnDualHorizontalImageConfig, MnDualHorizontalImageTypes, MnErrorMessageData, MnErrorMessageFn, MnErrorMessagesData, MnFileDisplayItem, MnFileInputDisplayMode, MnFileInputErrorMessageData, MnFileInputErrorMessagesData, MnFileInputProps, MnFileInputUIConfig, MnFileInputVariants, MnHapticStyle, MnHapticsHandler, MnIconTypes, MnIconVariants, MnImageType, MnInformationCardBaseData, MnInformationCardData, MnInformationCardVariants, MnInputAdapter, MnInputBaseProps, MnInputDateTimeProps, MnInputFieldProps, MnInputFieldUIConfig, MnInputProps, MnInputType, MnInputVariants, MnKeyboardLabels, MnKeyboardLayout, MnKeyboardPresentation, MnLanguageConfig, MnMultiSelectErrorMessageData, MnMultiSelectErrorMessagesData, MnMultiSelectOption, MnMultiSelectProps, MnMultiSelectUIConfig, MnMultiSelectVariants, MnPageSlot, MnPreviewMessage, MnQueryParams, MnRichTextEditorControl, MnRichTextEditorLabels, MnRichTextEditorToolbar, MnRowValue, MnSegmentedDataSource, MnSegmentedItem, MnSegmentedVariants, MnSelectErrorMessageData, MnSelectErrorMessagesData, MnSelectOption, MnSelectProps, MnSelectUIConfig, MnSelectVariants, MnSelectableCollectionDataSource, MnShowInput, MnSkeletonProps, MnSkeletonShape, MnSkeletonVariantProps, MnTabDataSource, MnTabItem, MnTableFilterLabels, MnTableRowAction, MnTextareaErrorMessageData, MnTextareaErrorMessagesData, MnTextareaProps, MnTextareaUIConfig, MnTextareaVariants, MnTranslatable, MnTranslationMap, MnTranslations, MnValidationErrorArgs, ModalCancelHandler, ModalCloseEvent, ModalConfig, ModalFooterAction, ModalI18nLabels, ModalInputMap, ModalPollingConfig, ModalRef, ModalResultHandler, ModalStepId, MonthItem, MultiSelectFieldConfig, MultiSelectTableFieldConfig, NumberFieldConfig, OffsetPaginationStrategy, PaginationMode, PaginationStrategy, PasswordFieldConfig, Primitive, QueryParams, QueryValue, RatingFieldConfig, Result, ResultMeta, SelectFieldConfig, SelectOption, SingleSelectTableFieldConfig, SliderFieldConfig, SortState, StepBodyConfig, StepGuard, StepValidator, SuccessResult, TableAppearance, TableDataSource, TableLabels, TextFieldConfig, TextareaFieldConfig, ValidationResult, WizardBeforeCompleteValidator, WizardModalConfig, WizardResult, WizardStepChangeEvent, WizardStepChangeHandler, WizardStepConfig };
+export { API_BASE_URL, ActionStyle, BackdropMode, BaseModalBuilder, CALENDAR_CONFIG, CALENDAR_DATE_FORMATTER, CalendarDayComponent, CalendarEventComponent, CalendarEventDefaultComponent, CalendarEventLayoutService, CalendarMonthComponent, CalendarUtility, CalendarView, CalendarViewComponent, CalendarWeekComponent, CloseMode, ColumnSortType, ConfirmationModalBuilder, ConfirmationTone, CrudService, CustomModalBuilder, DEFAULT_CALENDAR_CONFIG, DEFAULT_MN_ALERT_CONFIG, DefaultCalendarDateFormatter, FieldAppearance, FieldKind, FormLayoutMode, FormModalBuilder, KeyboardMode, MN_ALERT_CONFIG, MN_CALENDAR_COMPONENT_NAME, MN_CALENDAR_CONFIG, MN_CHECKBOX_CONFIG, MN_DATETIME_CONFIG, MN_DROPDOWN_CONFIG, MN_HAPTICS, MN_ICON_MAP, MN_INPUT_FIELD_CONFIG, MN_INSTANCE_ID, MN_LIB_DUAL_HORIZONTAL_IMAGE, MN_MODAL_ACTION_ICONS, MN_MULTI_SELECT_CONFIG, MN_SECTION_PATH, MN_SELECT_CONFIG, MN_TEXTAREA_CONFIG, MODAL_ACTION_ICON_SIZE, MODAL_ACTION_ICON_SIZE_SM, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnBadge, MnBottomSheet, MnBreadcrumbs, MnButton, MnCard, MnCheckbox, MnCollectionBase, MnCollectionPagination, MnCollectionState, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDateSelectorBar, MnDatetime, MnDropdown, MnDualHorizontalImage, MnFileInput, MnFormBodyComponent, MnGrid, MnHiddenBelowDirective, MnHttpService, MnIcon, MnIconAttributes, MnIconChip, MnInformationCard, MnInputField, MnInstanceDirective, MnKeyboard, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnProportionBar, MnRichTextEditor, MnSectionDirective, MnSegmented, MnSelect, MnSelectableCollectionBase, MnShowAboveDirective, MnShowBelowDirective, MnSkeleton, MnStatTile, MnTabComponent, MnTable, MnTextarea, MnTranslatePipe, MnWizardBodyComponent, ModalBuilder, ModalCloseReason, ModalIntent, ModalKind, ModalSize, NavigationDirection, OptionState, SelectionMode, StepBuilder, StepState, SubmitMode, UpcomingEventRowComponent, UpcomingEventsComponent, ValidationCode, ValidationStatus, WizardFlowMode, WizardModalBuilder, dateTimeAdapter, defaultFilterPredicate, defaultIconForStyle, defaultTextAdapter, emptyFilterValue, enableMnPreviewMode, isFilterValueActive, isTranslatable, matchesColumnFilter, mnAlertVariants, mnBadgeVariants, mnBreadcrumbsVariants, mnButtonVariants, mnCardVariants, mnCheckboxVariants, mnCheckboxWrapperVariants, mnDatetimeVariants, mnDropdownTriggerVariants, mnFileInputVariants, mnIconChipVariants, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSegmentedVariants, mnSelectVariants, mnSkeletonVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig, resolveFilterableValue };
+export type { AnimationOptions, ApiError, BaseModalConfig, CalendarButton, CalendarConfig, CalendarDateFormatter, CalendarEvent, CalendarEventData, CancellationActionConfig, CheckboxFieldConfig, ColorFieldConfig, ColorPreset, ColumnBase, ColumnDay, ColumnDefinition, ColumnFilterOption, ColumnFilterState, ColumnFilterType, ColumnFilterValue, ColumnSkeleton, ConfirmationActionConfig, ConfirmationModalConfig, CrudConfig, CurrentTimeCalendarEvent, CursorPaginationStrategy, CustomFieldConfig, CustomModalConfig, DateFieldConfig, DateSelectorBarLayout, DatetimeFieldConfig, DayTile, FailureResult, FieldDataSource, FieldRequiredCondition, FieldValidator, FieldVisibilityCondition, FileFieldConfig, FormFieldConfig, FormFieldGroup, FormModalConfig, FormRow, FormRowField, FormValidator, GridDataSource, GridLayout, GridSkeleton, HourRow, ListAppearance, ListDataSource, ListLabels, ListSkeleton, MnActionIcon, MnAlert, MnAlertConfig, MnAlertId, MnAlertKind, MnAlertTemplateContext, MnAlertVariants, MnBadgeTypes, MnBadgeVariants, MnBreadcrumbItem, MnBreadcrumbsData, MnBreadcrumbsVariants, MnButtonTypes, MnButtonVariants, MnCardTypes, MnCardVariants, MnCheckboxErrorMessageData, MnCheckboxErrorMessagesData, MnCheckboxProps, MnCheckboxUIConfig, MnCheckboxVariants, MnCheckboxWrapperVariants, MnCollectionDataSource, MnCollectionLabels, MnColumnFilter, MnConfigFile, MnConfigSettings, MnConfigValue, MnDatetimeErrorMessageData, MnDatetimeErrorMessagesData, MnDatetimeMode, MnDatetimeProps, MnDatetimeUIConfig, MnDatetimeVariants, MnDomAttrs, MnDropdownAction, MnDropdownActionColor, MnDropdownItem, MnDropdownProps, MnDropdownSeparator, MnDropdownTriggerVariants, MnDropdownUIConfig, MnDualHorizontalImageConfig, MnDualHorizontalImageTypes, MnErrorMessageData, MnErrorMessageFn, MnErrorMessagesData, MnFileDisplayItem, MnFileInputDisplayMode, MnFileInputErrorMessageData, MnFileInputErrorMessagesData, MnFileInputProps, MnFileInputUIConfig, MnFileInputVariants, MnHapticStyle, MnHapticsHandler, MnIconChipTypes, MnIconChipVariants, MnIconTypes, MnIconVariants, MnImageType, MnInformationCardBaseData, MnInformationCardData, MnInformationCardVariants, MnInputAdapter, MnInputBaseProps, MnInputDateTimeProps, MnInputFieldProps, MnInputFieldUIConfig, MnInputProps, MnInputType, MnInputVariants, MnKeyboardLabels, MnKeyboardLayout, MnKeyboardPresentation, MnLanguageConfig, MnMultiSelectErrorMessageData, MnMultiSelectErrorMessagesData, MnMultiSelectOption, MnMultiSelectProps, MnMultiSelectUIConfig, MnMultiSelectVariants, MnPageSlot, MnPreviewMessage, MnProportionBarTypes, MnProportionSegment, MnQueryParams, MnRenderedProportionSegment, MnRichTextEditorControl, MnRichTextEditorLabels, MnRichTextEditorToolbar, MnRowValue, MnSegmentedDataSource, MnSegmentedItem, MnSegmentedVariants, MnSelectErrorMessageData, MnSelectErrorMessagesData, MnSelectOption, MnSelectProps, MnSelectUIConfig, MnSelectVariants, MnSelectableCollectionDataSource, MnShowInput, MnSkeletonProps, MnSkeletonShape, MnSkeletonVariantProps, MnStatTileTypes, MnTabDataSource, MnTabItem, MnTableFilterLabels, MnTableRowAction, MnTextareaErrorMessageData, MnTextareaErrorMessagesData, MnTextareaProps, MnTextareaUIConfig, MnTextareaVariants, MnTranslatable, MnTranslationMap, MnTranslations, MnValidationErrorArgs, ModalCancelHandler, ModalCloseEvent, ModalConfig, ModalFooterAction, ModalI18nLabels, ModalInputMap, ModalPollingConfig, ModalRef, ModalResultHandler, ModalStepId, MonthItem, MultiSelectFieldConfig, MultiSelectTableFieldConfig, NumberFieldConfig, OffsetPaginationStrategy, PaginationMode, PaginationStrategy, PasswordFieldConfig, Primitive, QueryParams, QueryValue, RatingFieldConfig, Result, ResultMeta, SelectFieldConfig, SelectOption, SingleSelectTableFieldConfig, SliderFieldConfig, SortState, StepBodyConfig, StepGuard, StepValidator, SuccessResult, TableAppearance, TableDataSource, TableLabels, TextFieldConfig, TextareaFieldConfig, ValidationResult, WizardBeforeCompleteValidator, WizardModalConfig, WizardResult, WizardStepChangeEvent, WizardStepChangeHandler, WizardStepConfig };