yukit-web 0.3.4 → 0.5.0

package/types/yukit-web.d.ts

@@ -3,33 +3,34 @@ import * as _angular_core from '@angular/core';
 import { ModelSignal, Type, Provider, InputSignal, InputSignalWithTransform, TemplateRef, WritableSignal, Signal, OnInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SortingState, PaginationState, columnFilteringFeature, columnVisibilityFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, RowData, ColumnDef, ColumnFiltersState, ColumnVisibilityState, RowSelectionState } from '@tanstack/table-core';
+import * as i1 from '@spartan-ng/brain/combobox';
 import { ButtonVariants } from 'yukit-web/helm/button';
-import * as i1 from 'yukit-web/helm/badge';
+import * as i1$1 from 'yukit-web/helm/badge';
 import * as yukit_web from 'yukit-web';
 import { HlmAccordion, HlmAccordionItem } from 'yukit-web/helm/accordion';
 import { HlmLabel } from 'yukit-web/helm/label';
-import * as i1$1 from 'yukit-web/helm/skeleton';
-import * as i1$2 from 'yukit-web/helm/card';
-import * as i1$3 from 'yukit-web/helm/empty';
-import * as i1$4 from 'yukit-web/helm/context-menu';
+import * as i1$2 from 'yukit-web/helm/skeleton';
+import * as i1$3 from 'yukit-web/helm/card';
+import * as i1$4 from 'yukit-web/helm/empty';
+import * as i1$5 from 'yukit-web/helm/context-menu';
 import * as i2 from 'yukit-web/helm/dropdown-menu';
-import * as i1$5 from 'yukit-web/helm/table';
+import * as i1$6 from 'yukit-web/helm/table';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as _tanstack_angular_table from '@tanstack/angular-table';
-import * as i1$6 from 'yukit-web/helm/item';
+import * as i1$7 from 'yukit-web/helm/item';
 import { HlmItemSeparator } from 'yukit-web/helm/item';
-import * as i1$7 from '@spartan-ng/brain/sheet';
-import * as i1$8 from '@spartan-ng/brain/popover';
-import * as i1$9 from '@spartan-ng/brain/tooltip';
+import * as i1$8 from '@spartan-ng/brain/sheet';
+import * as i1$9 from '@spartan-ng/brain/popover';
+import * as i1$a from '@spartan-ng/brain/tooltip';
 import { ToastOptions } from '@spartan-ng/brain/sonner';
 export { toast as yuwToast } from '@spartan-ng/brain/sonner';
-import * as i1$a from '@spartan-ng/brain/dialog';
+import * as i1$b from '@spartan-ng/brain/dialog';
 import { BrnDialogState } from '@spartan-ng/brain/dialog';
-import * as i1$b from '@spartan-ng/brain/alert-dialog';
-import * as i1$c from 'yukit-web/helm/attachment';
+import * as i1$c from '@spartan-ng/brain/alert-dialog';
+import * as i1$d from 'yukit-web/helm/attachment';
 import { HlmAttachmentAction } from 'yukit-web/helm/attachment';
 import { RouterLink } from '@angular/router';
-import * as i1$d from 'yukit-web/helm/sidebar';
+import * as i1$e from 'yukit-web/helm/sidebar';
 export { HlmSidebarConfig as YuwSidebarConfigDto, HlmSidebarService as YuwSidebarService, SidebarVariant as YuwSidebarServiceVariantDto, provideHlmSidebarConfig as provideYuwSidebarConfig } from 'yukit-web/helm/sidebar';
 import { CommandFilter } from '@spartan-ng/brain/command';
 
@@ -77,6 +78,95 @@ declare class YuwClassDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwClassDirective, "[yuwClass]", never, { "yuwClass": { "alias": "yuwClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** Scroll axes the mouse-scroll directives drag along. */
+type YuwScrollAxisDto = 'x' | 'y';
+/**
+ * Click-and-drag scrolling for a mouse along one axis, shared by `yuwMouseScrollX` and `yuwMouseScrollY`.
+ * Touch and pen input are left to the browser's native scrolling, and nothing happens while the host
+ * does not overflow along the axis.
+ *
+ * Pressing the primary button and moving past `DRAG_THRESHOLD_PX` scrolls the host with the pointer,
+ * captured so it keeps following outside the host. The click that ends a drag is swallowed in the
+ * capture phase, so the control under the pointer is not activated; a shorter press is a normal click.
+ * The pointer is only captured once the drag starts, so a press that leaves the host before then is
+ * released outside unseen: it is dropped on the next move that arrives with the button up, and never
+ * turns into a drag the user is no longer holding.
+ * While dragging the host gets `data-dragging`, a `grabbing` cursor and no text selection.
+ *
+ * Built to cost nothing while idle, since it sits inside data-heavy views: every listener is a native one
+ * registered outside Angular, so no event ever schedules change detection, and the drag state lives in
+ * plain fields written straight to the DOM instead of signals bound to the host. At rest the host only
+ * listens to `pointerdown` (plus `wheel` in `yuwMouseScrollX`); the move, release and `dragstart`
+ * listeners exist only during a press, and the click-swallowing one only between a drag and its click.
+ * Each group hangs off an `AbortController`, so ending a press or destroying the directive drops it at once.
+ *
+ * Subclasses provide `_axis`, the axis they scroll along, and register extra host listeners with `_listen`.
+ */
+declare abstract class YuwMouseDragScrollBase {
+    protected readonly _element: HTMLElement;
+    private readonly _zone;
+    protected abstract readonly _axis: YuwScrollAxisDto;
+    private _clickGuard;
+    private _dragging;
+    private readonly _lifetime;
+    private readonly _onPointerDown;
+    private readonly _onPointerEnd;
+    private readonly _onPointerMove;
+    private _press;
+    constructor();
+    /** Adds a native host listener outside Angular, removed when the directive is destroyed. */
+    protected _listen<K extends keyof HTMLElementEventMap>(type: K, listener: (event: HTMLElementEventMap[K]) => void, options?: AddEventListenerOptions): void;
+    private _endPress;
+    /**
+     * Swallows the click a drag ends with. The listener is dropped after that click, or on the next press
+     * when the release produced none.
+     */
+    private _guardNextClick;
+    private _setDragging;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwMouseDragScrollBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwMouseDragScrollBase, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Lets a mouse scroll a horizontally overflowing element, which otherwise only a touch swipe, a trackpad
+ * or Shift+wheel can move.
+ *
+ * - Wheel: a mostly vertical step scrolls sideways while the element can still move that way; at either
+ *   end, or when nothing overflows, the event is left alone so the page keeps scrolling. Horizontal input
+ *   (trackpads, tilt wheels) and Ctrl+wheel zoom pass through untouched.
+ * - Drag: click and drag scrolls sideways, as described in `YuwMouseDragScrollBase`.
+ *
+ * The wheel listener is native, registered outside Angular and non-passive, since it must be able to
+ * `preventDefault`; it only reads four numbers before returning, so it never delays the page's scrolling.
+ *
+ * Usage:
+ * ```html
+ * <div class="overflow-x-auto" yuwMouseScrollX>...</div>
+ * ```
+ */
+declare class YuwMouseScrollXDirective extends YuwMouseDragScrollBase {
+    protected readonly _axis = "x";
+    private readonly _onWheel;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwMouseScrollXDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwMouseScrollXDirective, "[yuwMouseScrollX]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Lets a mouse scroll a vertically overflowing element by click and drag, as described in
+ * `YuwMouseDragScrollBase`. The wheel already scrolls vertically, so it is left to the browser.
+ *
+ * Usage:
+ * ```html
+ * <div class="overflow-y-auto" yuwMouseScrollY>...</div>
+ * ```
+ */
+declare class YuwMouseScrollYDirective extends YuwMouseDragScrollBase {
+    protected readonly _axis = "y";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwMouseScrollYDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwMouseScrollYDirective, "[yuwMouseScrollY]", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * Registers a component as a form control, so `formControlName`/`formControl`/`ngModel` bind to it.
  *
@@ -235,6 +325,8 @@ interface YuwComboboxOptionDto<TData = unknown> {
     data?: TData;
 }
 
+type YuwColorDto = 'primary' | 'secondary' | 'neutral' | 'destructive' | 'success' | 'warning' | 'info' | 'muted' | 'violet' | 'orange' | 'pink' | 'teal';
+
 /** The `let-` context of a `*yuwComboboxItem` template. `$implicit` is the option itself, so
  * `let-option` works; `selected` is passed alongside because an item that renders its own
  * markup loses the default check glyph and often needs to show that state some other way. */
@@ -268,6 +360,49 @@ declare class YuwComboboxItemDirective<TData = unknown> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwComboboxItemDirective<any>, "[yuwComboboxItem]", never, { "typeOf": { "alias": "yuwComboboxItemTypeOf"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * The `let-` context of a `yuwComboboxTrigger` template.
+ *
+ * `$implict`: Labels of the selected options joined with `, `;
+ * empty while nothing is selected.
+ *
+ * `labels`: Labels of the selected options, in selection order.
+ */
+interface YuwComboboxTriggerContext {
+    readonly $implicit: string;
+    readonly labels: readonly string[];
+}
+/**
+ * Turns `<yuw-combobox>` into a button that opens its option list directly, with the search field
+ * inside the list. The template is the button's content; the button itself is a `<yuw-button>`
+ * styled by the combobox `trigger*` inputs.
+ *
+ * Usage:
+ * ```html
+ * <yuw-combobox multiple [options]="columns" [(value)]="hidden" triggerAriaLabel="Columns" triggerSize="icon">
+ *   <ng-template yuwComboboxTrigger let-selected>
+ *     <ng-icon name="lucideSettings2" />
+ *   </ng-template>
+ * </yuw-combobox>
+ * ```
+ */
+declare class YuwComboboxTriggerDirective {
+    readonly templateRef: TemplateRef<YuwComboboxTriggerContext>;
+    static ngTemplateContextGuard(_directive: YuwComboboxTriggerDirective, _context: unknown): _context is YuwComboboxTriggerContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwComboboxTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwComboboxTriggerDirective, "ng-template[yuwComboboxTrigger]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Makes a `<yuw-button>` the trigger and anchor of the surrounding brain combobox. The brain
+ * trigger's selector only matches a native `button`, so composing the directives here is what lets
+ * the combobox reuse `<yuw-button>`; its `inline-flex` host gives the overlay a box to anchor to and
+ * receives the click bubbling up from the inner button.
+ */
+declare class YuwComboboxTriggerButtonDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwComboboxTriggerButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwComboboxTriggerButtonDirective, "yuw-button[yuwComboboxTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnComboboxTrigger; inputs: {}; outputs: {}; }, { directive: typeof i1.BrnComboboxAnchor; inputs: {}; outputs: {}; }, { directive: typeof i1.BrnComboboxPopoverTrigger; inputs: {}; outputs: {}; }]>;
+}
+
 type YuwComboboxValue = string | string[] | undefined;
 /**
  * Searchable select combobox component supporting single or multiple selections, search filtering, and custom option rendering.
@@ -297,8 +432,19 @@ type YuwComboboxValue = string | string[] | undefined;
  * - `inputId`: HTML `id` for the focusable control (the search input, or the trigger button when
  *   `readonlyTrigger` is set), enabling external `<label for="...">` association.
  * - `readonlyTrigger`: Renders control as a button showing selected label, placing search input inside popover.
+ * - `triggerColor`, `triggerSize`, `triggerVariant`, `triggerClass`: Look of the button rendered by a
+ *   projected `yuwComboboxTrigger` template, same vocabulary as `<yuw-popover>`. Defaults are
+ *   `'neutral'`, `'default'`, `'outline'` and `''`.
+ *
+ * A projected `<ng-template yuwComboboxTrigger>` replaces the control, in either mode, with a
+ * `<yuw-button>` whose content is that template: clicking it opens the option list straight away,
+ * with the search field inside it. `triggerAriaLabel` names that button, so pass one that reads well
+ * for an icon-only trigger. See `YuwComboboxTriggerDirective`.
  * - `invalid`: Forces invalid styling.
  *
+ * Content marked `yuwComboboxFooter` is projected at the bottom of the option list, for actions
+ * that belong with it (a "clear all", say); the consumer renders and styles it.
+ *
  * `multiple` takes precedence over `readonlyTrigger`: when both are set the multi-select
  * chips shape renders and `readonlyTrigger` is ignored.
  *
@@ -316,6 +462,7 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
     private readonly _panel;
     private readonly _singleBox;
     protected readonly itemTemplate: _angular_core.Signal<YuwComboboxItemDirective<TData> | undefined>;
+    protected readonly triggerTemplate: _angular_core.Signal<YuwComboboxTriggerDirective | undefined>;
     readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     readonly emptyText: _angular_core.InputSignal<string | undefined>;
     readonly inputId: _angular_core.InputSignal<string | undefined>;
@@ -329,16 +476,22 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
     readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
     readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
     readonly triggerAriaLabel: _angular_core.InputSignal<string>;
+    readonly triggerClass: _angular_core.InputSignal<string>;
+    readonly triggerColor: _angular_core.InputSignal<YuwColorDto>;
+    readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
+    readonly triggerVariant: _angular_core.InputSignal<"link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
     readonly value: _angular_core.ModelSignal<YuwComboboxValue>;
     protected readonly _focusSelectors: string[];
     private readonly _generatedId;
     protected readonly _itemToString: (value: string) => string;
     protected readonly _chipsClass: _angular_core.Signal<string>;
     protected readonly _clearVisible: _angular_core.Signal<boolean>;
+    protected readonly _contentClass: _angular_core.Signal<"" | "w-auto min-w-56 max-w-80">;
     protected readonly _controlId: _angular_core.Signal<string>;
     protected readonly _fieldClass: _angular_core.Signal<string>;
     private readonly _labelByValue;
     protected readonly _multipleValue: _angular_core.Signal<string[]>;
+    protected readonly _searchInPanel: _angular_core.Signal<boolean>;
     protected readonly _selectedChips: _angular_core.Signal<{
         value: string;
         label: string;
@@ -346,6 +499,7 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
     protected readonly _selectedValues: _angular_core.Signal<Set<string>>;
     protected readonly _singleValue: _angular_core.Signal<string | undefined>;
     protected readonly _triggerClass: _angular_core.Signal<string>;
+    protected readonly _triggerContext: _angular_core.Signal<YuwComboboxTriggerContext>;
     close(): void;
     constructor();
     /**
@@ -365,7 +519,7 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
      */
     private _guardEscape;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwComboboxComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "keepValueOnEscape": { "alias": "keepValueOnEscape"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "value": "valueChange"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "keepValueOnEscape": { "alias": "keepValueOnEscape"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "triggerColor": { "alias": "triggerColor"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "value": "valueChange"; }, ["itemTemplate", "triggerTemplate"], ["[yuwComboboxFooter]"], true, never>;
 }
 
 interface YuwPageSort {
@@ -412,8 +566,6 @@ interface YuwPagedList<Filters> {
  */
 declare function createPagedList<Filters>(options: YuwPagedListOptions<Filters>): YuwPagedList<Filters>;
 
-type YuwColorDto = 'primary' | 'secondary' | 'neutral' | 'destructive' | 'success' | 'warning' | 'info' | 'muted' | 'violet' | 'orange' | 'pink' | 'teal';
-
 /**
  * A single action button, rendered as a `<button>` or, when `href` is set, an `<a>`.
  *
@@ -465,7 +617,7 @@ declare class YuwButtonComponent {
     readonly size: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
     readonly target: _angular_core.InputSignal<string | undefined>;
     readonly transparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
     readonly userClass: _angular_core.InputSignal<string>;
     readonly variant: _angular_core.InputSignal<"link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
     readonly yuwDropdownMenuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
@@ -602,7 +754,7 @@ declare class YuwButtonGroupComponent {
         color: YuwColorDto;
         transparent: boolean;
         disabled: boolean;
-        type: "button" | "reset" | "submit";
+        type: "reset" | "submit" | "button";
         class: string;
         id: string;
         label?: string;
@@ -681,7 +833,7 @@ declare class YuwBadgeComponent {
     protected readonly removeClass: _angular_core.Signal<string>;
     protected onRemoveClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwBadgeComponent, "yuw-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["[yuwBadgeIcon]", "*"], true, [{ directive: typeof i1.HlmBadge; inputs: { "variant": "variant"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwBadgeComponent, "yuw-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["[yuwBadgeIcon]", "*"], true, [{ directive: typeof i1$1.HlmBadge; inputs: { "variant": "variant"; }; outputs: {}; }]>;
 }
 
 /** A single crumb in `<yuw-breadcrumb>`'s `items` input. */
@@ -806,95 +958,6 @@ type YuwPaginationRangeItem = number | 'ellipsis';
  */
 declare function getPaginationRange(page: number, totalPages: number): YuwPaginationRangeItem[];
 
-/** Text of the page size selector and its range message. */
-interface YuwPageSizeLabels {
-    readonly label: string;
-    readonly empty: string;
-    readonly range: (range: YuwPageRange) => string;
-}
-/** Text of the standalone pagination footer. */
-interface YuwListPaginationLabels {
-    readonly pageSize: YuwPageSizeLabels;
-    readonly ariaLabel: string;
-    readonly previous: string;
-    readonly next: string;
-    readonly ellipsis: string;
-}
-
-/**
- * Page size selector and range message of a `YuwPagedList`; in a datatable it takes the pagination slot.
- *
- * Inputs:
- * - `disabled`: Disables the page size selector. Default is `false`.
- * - `labels`: Required `YuwPageSizeLabels` with the selector label, the text for an empty list and the function that builds the range message.
- * - `list`: Required `YuwPagedList` whose page size is chosen and whose range is shown in the message.
- */
-declare class YuwPageSizeComponent {
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly labels: _angular_core.InputSignal<YuwPageSizeLabels>;
-    readonly list: _angular_core.InputSignal<YuwPagedList<unknown>>;
-    protected readonly message: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPageSizeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPageSizeComponent, "yuw-page-size", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "list": { "alias": "list"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Pagination footer for lists without a datatable: the page size selector with its range message
- * and the page navigation, both driven by one `YuwPagedList`. A disabled `fieldset` blocks its buttons.
- *
- * Inputs:
- * - `disabled`: Disables the page size selector and the page buttons. Default is `false`.
- * - `labels`: Required `YuwListPaginationLabels` with the consumer's text for the page size selector, the navigation aria label and the previous, next and ellipsis texts.
- * - `list`: Required `YuwPagedList` holding the current page, page size, total pages and range; changes made in the footer are written back to it.
- */
-declare class YuwListPaginationComponent {
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly labels: _angular_core.InputSignal<YuwListPaginationLabels>;
-    readonly list: _angular_core.InputSignal<YuwPagedList<unknown>>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwListPaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwListPaginationComponent, "yuw-list-pagination", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "list": { "alias": "list"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Page title, optional description and up to two actions, each rendered when its label is set.
- * On mobile the primary action shows only its icon, or `primaryMobileLabel`. Icons are `@ng-icons`
- * names; the consumer registers any beyond `lucidePlus` with `provideIcons`.
- *
- * Inputs:
- * - `backLabel`: Text of the back button, which renders only when set; on small screens only its arrow shows.
- * - `description`: Optional subtitle under the title.
- * - `primaryDisabled`: Disables the primary action, which stays visible but ignores clicks, e.g. while the list it creates items for is loading.
- * - `primaryIcon`: Icon name shown in the primary action.
- * - `primaryLabel`: Text of the primary action, which renders only when set.
- * - `primaryMobileLabel`: Text the primary action shows on small screens instead of its label.
- * - `secondaryIcon`: Icon name shown in the secondary action.
- * - `secondaryLabel`: Text of the secondary action, which renders only when set; hidden on small screens, leaving its icon.
- * - `title`: Required page title.
- *
- * Outputs:
- * - `backClicked`: Emits the `MouseEvent` of the back button.
- * - `primaryClicked`: Emits the `MouseEvent` of the primary action.
- * - `secondaryClicked`: Emits the `MouseEvent` of the secondary action.
- */
-declare class YuwPageHeaderComponent {
-    readonly backLabel: _angular_core.InputSignal<string | undefined>;
-    readonly description: _angular_core.InputSignal<string | undefined>;
-    readonly primaryDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly primaryIcon: _angular_core.InputSignal<string | undefined>;
-    readonly primaryLabel: _angular_core.InputSignal<string | undefined>;
-    readonly primaryMobileLabel: _angular_core.InputSignal<string | undefined>;
-    readonly secondaryDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly secondaryIcon: _angular_core.InputSignal<string | undefined>;
-    readonly secondaryLabel: _angular_core.InputSignal<string | undefined>;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly backClicked: _angular_core.OutputEmitterRef<MouseEvent>;
-    readonly primaryClicked: _angular_core.OutputEmitterRef<MouseEvent>;
-    readonly secondaryClicked: _angular_core.OutputEmitterRef<MouseEvent>;
-    protected readonly isMobile: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPageHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPageHeaderComponent, "yuw-page-header", never, { "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "primaryDisabled": { "alias": "primaryDisabled"; "required": false; "isSignal": true; }; "primaryIcon": { "alias": "primaryIcon"; "required": false; "isSignal": true; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; "isSignal": true; }; "primaryMobileLabel": { "alias": "primaryMobileLabel"; "required": false; "isSignal": true; }; "secondaryDisabled": { "alias": "secondaryDisabled"; "required": false; "isSignal": true; }; "secondaryIcon": { "alias": "secondaryIcon"; "required": false; "isSignal": true; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "backClicked": "backClicked"; "primaryClicked": "primaryClicked"; "secondaryClicked": "secondaryClicked"; }, never, never, true, never>;
-}
-
 /**
  * Container directive for collapsible accordion items.
  *
@@ -1637,53 +1700,7 @@ declare class YuwRadioGroupComponent extends YuwValueAccessorBase<string | undef
  */
 declare class YuwSkeletonDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSkeletonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSkeletonDirective, "[yuwSkeleton]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.HlmSkeleton; inputs: {}; outputs: {}; }]>;
-}
-
-/**
- * Grid of projected cards, usually `yuw-card-grid-item`s in an `@for`. `loading` shows
- * `skeletonCount` placeholders shaped by `skeletonClass`; `empty` shows `emptyText`; `columnsClass`
- * holds the Tailwind column utilities.
- *
- * Inputs:
- * - `columnsClass`: Tailwind grid column utilities applied to the grid and its skeleton. Default is `'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'`.
- * - `empty`: Shows `emptyText` instead of the projected cards. Default is `false`.
- * - `emptyText`: Required message shown when `empty` is set. The app supplies and translates it.
- * - `loading`: Shows `skeletonCount` placeholders instead of the content; takes precedence over `empty`. Default is `false`.
- * - `skeletonClass`: Extra classes sizing each placeholder, e.g. its height. Default is `'h-16'`.
- * - `skeletonCount`: Number of placeholders shown while loading. Default is `12`.
- *
- * `YuwCardGridComponent.COLUMNS` holds the column classes admin lists share per view mode — `list`
- * is one column, `block` grows from one to five, and `tags` packs small tag cards up to six — so every listing lays out its cards the same
- * way: `[columnsClass]="YuwCardGridComponent.COLUMNS[mode]"`.
- */
-declare class YuwCardGridComponent {
-    readonly columnsClass: _angular_core.InputSignal<string>;
-    readonly empty: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly emptyText: _angular_core.InputSignal<string>;
-    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly skeletonClass: _angular_core.InputSignal<string>;
-    readonly skeletonCount: _angular_core.InputSignalWithTransform<number, unknown>;
-    static readonly COLUMNS: {
-        readonly list: "grid-cols-1";
-        readonly block: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5";
-        readonly tags: "grid-cols-1 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6";
-    };
-    protected readonly skeletons: _angular_core.Signal<number[]>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardGridComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCardGridComponent, "yuw-card-grid", never, { "columnsClass": { "alias": "columnsClass"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonClass": { "alias": "skeletonClass"; "required": false; "isSignal": true; }; "skeletonCount": { "alias": "skeletonCount"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/**
- * While `pending` the card stays hidden in place under a skeleton, so the grid does not jump.
- *
- * Inputs:
- * - `pending`: Hides the projected card and overlays a skeleton while it is loading. Default is `false`.
- */
-declare class YuwCardGridItemComponent {
-    readonly pending: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardGridItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCardGridItemComponent, "yuw-card-grid-item", never, { "pending": { "alias": "pending"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSkeletonDirective, "[yuwSkeleton]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmSkeleton; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -1704,37 +1721,37 @@ declare class YuwCardGridItemComponent {
  */
 declare class YuwCardDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardDirective, "[yuwCard]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmCard; inputs: { "size": "size"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardDirective, "[yuwCard]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmCard; inputs: { "size": "size"; }; outputs: {}; }]>;
 }
 /** Header container directive for a card. */
 declare class YuwCardHeaderDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardHeaderDirective, "[yuwCardHeader]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmCardHeader; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardHeaderDirective, "[yuwCardHeader]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmCardHeader; inputs: {}; outputs: {}; }]>;
 }
 /** Heading directive for card title text. */
 declare class YuwCardTitleDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardTitleDirective, "[yuwCardTitle]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmCardTitle; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardTitleDirective, "[yuwCardTitle]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmCardTitle; inputs: {}; outputs: {}; }]>;
 }
 /** Subtitle or description directive for card text. */
 declare class YuwCardDescriptionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardDescriptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardDescriptionDirective, "[yuwCardDescription]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmCardDescription; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardDescriptionDirective, "[yuwCardDescription]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmCardDescription; inputs: {}; outputs: {}; }]>;
 }
 /** Header action directive for placing top-right controls (e.g. menu button or status badge). */
 declare class YuwCardActionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardActionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardActionDirective, "[yuwCardAction]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmCardAction; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardActionDirective, "[yuwCardAction]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmCardAction; inputs: {}; outputs: {}; }]>;
 }
 /** Main body container directive for card content. */
 declare class YuwCardContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardContentDirective, "[yuwCardContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmCardContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardContentDirective, "[yuwCardContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmCardContent; inputs: {}; outputs: {}; }]>;
 }
 /** Footer container directive for card action buttons or summary info. */
 declare class YuwCardFooterDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCardFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardFooterDirective, "[yuwCardFooter]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmCardFooter; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCardFooterDirective, "[yuwCardFooter]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmCardFooter; inputs: {}; outputs: {}; }]>;
 }
 /** Every card part, for a consumer's `imports`. */
 declare const YuwCardImports: readonly [typeof YuwCardDirective, typeof YuwCardHeaderDirective, typeof YuwCardTitleDirective, typeof YuwCardDescriptionDirective, typeof YuwCardActionDirective, typeof YuwCardContentDirective, typeof YuwCardFooterDirective];
@@ -1760,32 +1777,32 @@ declare const YuwCardImports: readonly [typeof YuwCardDirective, typeof YuwCardH
  */
 declare class YuwEmptyDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwEmptyDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyDirective, "[yuwEmpty]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmEmpty; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyDirective, "[yuwEmpty]", never, {}, {}, never, never, true, [{ directive: typeof i1$4.HlmEmpty; inputs: {}; outputs: {}; }]>;
 }
 /** Header container directive for empty-state title and media. */
 declare class YuwEmptyHeaderDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwEmptyHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyHeaderDirective, "[yuwEmptyHeader]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmEmptyHeader; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyHeaderDirective, "[yuwEmptyHeader]", never, {}, {}, never, never, true, [{ directive: typeof i1$4.HlmEmptyHeader; inputs: {}; outputs: {}; }]>;
 }
 /** Slot directive for empty-state icons or illustrations. Supports `variant` input. */
 declare class YuwEmptyMediaDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwEmptyMediaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyMediaDirective, "[yuwEmptyMedia]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmEmptyMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyMediaDirective, "[yuwEmptyMedia]", never, {}, {}, never, never, true, [{ directive: typeof i1$4.HlmEmptyMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
 }
 /** Title heading directive for empty state message. */
 declare class YuwEmptyTitleDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwEmptyTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyTitleDirective, "[yuwEmptyTitle]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmEmptyTitle; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyTitleDirective, "[yuwEmptyTitle]", never, {}, {}, never, never, true, [{ directive: typeof i1$4.HlmEmptyTitle; inputs: {}; outputs: {}; }]>;
 }
 /** Description paragraph directive explaining the empty state. */
 declare class YuwEmptyDescriptionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwEmptyDescriptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyDescriptionDirective, "[yuwEmptyDescription]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmEmptyDescription; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyDescriptionDirective, "[yuwEmptyDescription]", never, {}, {}, never, never, true, [{ directive: typeof i1$4.HlmEmptyDescription; inputs: {}; outputs: {}; }]>;
 }
 /** Content slot directive for action buttons or call-to-action controls in an empty state. */
 declare class YuwEmptyContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwEmptyContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyContentDirective, "[yuwEmptyContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.HlmEmptyContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwEmptyContentDirective, "[yuwEmptyContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$4.HlmEmptyContent; inputs: {}; outputs: {}; }]>;
 }
 /** Every empty-state part, for a consumer's `imports`. */
 declare const YuwEmptyImports: readonly [typeof YuwEmptyDirective, typeof YuwEmptyHeaderDirective, typeof YuwEmptyMediaDirective, typeof YuwEmptyTitleDirective, typeof YuwEmptyDescriptionDirective, typeof YuwEmptyContentDirective];
@@ -1887,7 +1904,7 @@ declare class YuwContextMenuTriggerDirective {
     readonly opened: _angular_core.OutputRef<void>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwContextMenuTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwContextMenuTriggerDirective, "[yuwContextMenuTrigger]", never, { "menu": { "alias": "yuwContextMenuTrigger"; "required": true; "isSignal": true; }; "menuData": { "alias": "yuwContextMenuTriggerData"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; }, never, never, true, [{ directive: typeof i1$4.HlmContextMenuTrigger; inputs: { "disabled": "disabled"; "align": "align"; "side": "side"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwContextMenuTriggerDirective, "[yuwContextMenuTrigger]", never, { "menu": { "alias": "yuwContextMenuTrigger"; "required": true; "isSignal": true; }; "menuData": { "alias": "yuwContextMenuTriggerData"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; }, never, never, true, [{ directive: typeof i1$5.HlmContextMenuTrigger; inputs: { "disabled": "disabled"; "align": "align"; "side": "side"; }; outputs: {}; }]>;
 }
 /** Container directive for context menu options, placed inside the context menu template. */
 declare class YuwContextMenuDirective {
@@ -2093,47 +2110,47 @@ declare class YuwDatepickerComponent extends YuwValueAccessorBase<YuwDatepickerV
  */
 declare class YuwTableContainerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTableContainerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTableContainerDirective, "[yuwTableContainer]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTableContainer; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTableContainerDirective, "[yuwTableContainer]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTableContainer; inputs: {}; outputs: {}; }]>;
 }
 /** Table element styling directive applied to native `<table>`. */
 declare class YuwTableDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTableDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTableDirective, "[yuwTable]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTable; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTableDirective, "[yuwTable]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTable; inputs: {}; outputs: {}; }]>;
 }
 /** Table header container directive applied to native `<thead>`. */
 declare class YuwTHeadDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTHeadDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTHeadDirective, "[yuwTHead]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTHead; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTHeadDirective, "[yuwTHead]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTHead; inputs: {}; outputs: {}; }]>;
 }
 /** Table body container directive applied to native `<tbody>`. */
 declare class YuwTBodyDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTBodyDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTBodyDirective, "[yuwTBody]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTBody; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTBodyDirective, "[yuwTBody]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTBody; inputs: {}; outputs: {}; }]>;
 }
 /** Table footer container directive applied to native `<tfoot>`. */
 declare class YuwTFootDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTFootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTFootDirective, "[yuwTFoot]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTFoot; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTFootDirective, "[yuwTFoot]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTFoot; inputs: {}; outputs: {}; }]>;
 }
 /** Table row directive applied to native `<tr>`. */
 declare class YuwTrDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTrDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTrDirective, "[yuwTr]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTr; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTrDirective, "[yuwTr]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTr; inputs: {}; outputs: {}; }]>;
 }
 /** Table header cell directive applied to native `<th>`. */
 declare class YuwThDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwThDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwThDirective, "[yuwTh]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTh; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwThDirective, "[yuwTh]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTh; inputs: {}; outputs: {}; }]>;
 }
 /** Table data cell directive applied to native `<td>`. */
 declare class YuwTdDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTdDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTdDirective, "[yuwTd]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmTd; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTdDirective, "[yuwTd]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmTd; inputs: {}; outputs: {}; }]>;
 }
 /** Table caption directive applied to native `<caption>`. */
 declare class YuwCaptionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCaptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCaptionDirective, "[yuwCaption]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmCaption; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCaptionDirective, "[yuwCaption]", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmCaption; inputs: {}; outputs: {}; }]>;
 }
 /** Table custom pagination div content. */
 declare class YuwDatatablePaginationDirective {
@@ -2143,215 +2160,36 @@ declare class YuwDatatablePaginationDirective {
 /** Every table part, for a consumer's `imports`. */
 declare const YuwTableImports: readonly [typeof YuwTableContainerDirective, typeof YuwTableDirective, typeof YuwTHeadDirective, typeof YuwTBodyDirective, typeof YuwTFootDirective, typeof YuwTrDirective, typeof YuwThDirective, typeof YuwTdDirective, typeof YuwCaptionDirective, typeof YuwDatatablePaginationDirective];
 
-interface YuwFilterOptionDto {
-    readonly value: string;
-    readonly label: string;
-    readonly disabled?: boolean;
-}
-/** `single` keeps one value, `multiple` a set; both render as checkboxes. */
-type YuwFilterGroupMode = 'single' | 'multiple';
-/**
- * `options` feeds the checkbox list; a group without them renders the `yuwFilterContent` template
- * of the same id, and `mode` then only states whether its value is a string or an array.
- */
-interface YuwFilterGroupDto {
-    readonly id: string;
-    readonly label: string;
-    readonly mode: YuwFilterGroupMode;
-    readonly options?: readonly YuwFilterOptionDto[];
-}
-/** Value of one group: a string for `single` groups, an array for `multiple`. */
-type YuwFilterValue = string | readonly string[];
-/** Selection keyed by `YuwFilterGroupDto.id`. */
-type YuwFilterSelection = Readonly<Record<string, YuwFilterValue>>;
-/** A named selection the user saved; `id` is assigned by the consumer that persists it. */
-interface YuwFilterSetDto {
-    readonly id: string;
-    readonly name: string;
-    readonly selection: YuwFilterSelection;
-}
-/** Payload of `setSaved`: the name the user typed and the selection applied at that moment. */
-interface YuwFilterSetSaveDto {
-    readonly name: string;
-    readonly selection: YuwFilterSelection;
-}
-/** Payload of `setRenamed`. */
-interface YuwFilterSetRenameDto {
-    readonly id: string;
-    readonly name: string;
-}
-/** Texts of the saved-sets control and its dialog; the consumer translates them. */
-interface YuwFilterSetLabels {
-    readonly title: string;
-    readonly empty: string;
-    readonly save: string;
-    readonly select: string;
-    readonly none: string;
-    readonly edit: string;
-    readonly delete: string;
-    readonly saveTitle: string;
-    readonly renameTitle: string;
-    readonly deleteTitle: string;
-    readonly deleteMessage: (name: string) => string;
-    readonly nameLabel: string;
-    readonly confirm: string;
-    readonly cancel: string;
-    readonly close: string;
-}
-interface YuwListToolbarFilterLabels {
-    readonly title: string;
-    readonly clearAll: string;
-    readonly close: string;
-    readonly apply: string;
-    readonly pending: string;
-    readonly selected: (count: number) => string;
-    readonly sets?: YuwFilterSetLabels;
-}
-interface YuwListToolbarSearchLabels {
-    readonly expand: string;
-    readonly clear: string;
-}
-interface YuwListToolbarColumnsLabels {
-    readonly trigger: string;
-    readonly placeholder: string;
-    readonly empty: string;
-    readonly toggle: string;
-}
-type YuwViewMode = 'list' | 'block';
-type YuwListToolbarViewModeLabels = Readonly<Record<YuwViewMode, string>>;
-/** ng-icon names of the view mode buttons; the consumer registers custom ones with `provideIcons`. */
-type YuwListToolbarViewModeIcons = Readonly<Record<YuwViewMode, string>>;
-interface YuwListToolbarLabels {
-    readonly filters: YuwListToolbarFilterLabels;
-    readonly search: YuwListToolbarSearchLabels;
-    readonly columns: YuwListToolbarColumnsLabels;
-    readonly export: string;
-    readonly viewMode?: YuwListToolbarViewModeLabels;
-}
-
-/** Template context of a `yuwFilterContent` template. */
-interface YuwFilterContentContext {
-    /** The group the template renders; same as `let-group`. */
-    readonly $implicit: YuwFilterGroupDto;
-    /** Staged value of the group, `undefined` while it holds nothing. */
-    readonly value: YuwFilterValue | undefined;
-    /** Stages a new value for the group; `undefined` or an empty array clears it. */
-    readonly change: (value: YuwFilterValue | undefined) => void;
-}
+type YuwDatatableAlign = 'start' | 'center' | 'end';
 /**
- * Replaces the checkbox list of one filter group inside `<yuw-list-toolbar>` with projected markup.
- * Apply it to an `<ng-template>` and pass the id of the group it renders; that group needs no
- * `options`.
+ * Default floor for a column that opts into `meta.wrap`, as a Tailwind `min-w-*` class.
  *
- * The template feeds the same staged selection as the checkboxes: calling `change` stages the value
- * under the group id, so the pending dot, the applied count, Apply, Clear and saved sets all work
- * without extra wiring.
+ * This is the only bound a wrapping column needs. It is what makes the responsive behaviour work:
+ * below it the table stops shrinking the column — which would end in a column one word wide — and
+ * the table's own width exceeds the container instead, so `YuwTableContainer`'s `overflow-x-auto`
+ * scrolls horizontally.
  *
- * Usage:
- * ```html
- * <yuw-list-toolbar [filterGroups]="groups" [(selection)]="selection" [labels]="labels">
- *   <ng-template yuwFilterContent="customer" let-value="value" let-change="change">
- *     <yuw-combobox [options]="customers" [value]="value ?? ''" (valueChange)="change($event)" />
- *   </ng-template>
- * </yuw-list-toolbar>
- * ```
+ * There is deliberately no maximum. A cap would make a wrapping column break onto several lines
+ * while the table still had free space beside it, which reads as broken; letting the column take
+ * its share of the row means text wraps only once it genuinely no longer fits.
+ */
+declare const YUW_DATATABLE_WRAP_MIN_WIDTH = "min-w-48";
+/**
+ * Layout classes the `<table>` needs for `meta.wrap` columns to size correctly.
  *
- * Inputs:
- * - `yuwFilterContent`: Required string; id of the filter group this template renders.
+ * `w-full` lets the table fill its container so a wrapping column can spread into the free space
+ * instead of wrapping early, and `min-w-max` keeps the table at least as wide as its content
+ * demands — which is what lets a wrapping column's floor push the table past the container and
+ * hand the overflow to the scroll container. Applied unconditionally: for a table with no wrapping
+ * column both halves resolve to the width it already had.
  */
-declare class YuwFilterContentDirective {
-    readonly templateRef: TemplateRef<YuwFilterContentContext>;
-    readonly groupId: _angular_core.InputSignal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwFilterContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwFilterContentDirective, "ng-template[yuwFilterContent]", never, { "groupId": { "alias": "yuwFilterContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
+declare const DATATABLE_LAYOUT_CLASS = "w-full min-w-max";
 /**
- * Toolbar of a list page: filters on the leading edge, search, export and column visibility on the
- * trailing one, and projected content after them.
+ * Class maps for `yuw-datatable`, layered on top of the Hlm table directives' own classes.
  *
- * Each control renders only when its input is set: `filterGroups`, `searchPlaceholder`,
- * `showExport`, `hideableColumns`, `viewMode`. Setting `viewMode` adds a list/block switch bound
- * two-way to it (`viewModeChange` is the click listener); its names come from `labels.viewMode`. Saved filter sets need `filterSets` and `labels.filters.sets`;
- * the toolbar emits `setSaved`, `setRenamed` and `setDeleted` and the consumer persists them. `labels` holds every text and the consumer translates it;
- * `idleColor` is the filter trigger tone while nothing is applied. A filter group may omit `options` and be
- * rendered by a projected `<ng-template yuwFilterContent="groupId">` instead (a combobox, say); see
- * `YuwFilterContentDirective`.
- *
- * Inputs:
- * - `filterGroups`: Filter groups the editor offers; the filter control renders only when set.
- * - `filterSets`: Saved filter sets; together with `labels.filters.sets` it enables the sets star.
- * - `filtersDisabled`: Disables the filter buttons. Default is `false`.
- * - `hiddenColumns`: Two-way (`[(hiddenColumns)]`) ids of the columns currently hidden. Default is `[]`.
- * - `hideableColumns`: Options of the columns the user may hide; the columns button renders only when set.
- * - `idleColor`: `YuwColorDto` tone of the filter trigger while nothing is applied. Default is `'neutral'`.
- * - `labels`: Required `YuwListToolbarLabels` with the consumer's translated text for every control.
- * - `search`: Two-way (`[(search)]`) text of the search field. Default is `''`.
- * - `searchPlaceholder`: Placeholder of the search field; the search renders only when set.
- * - `selection`: Two-way (`[(selection)]`) applied filter selection, values keyed by group id. Default is `{}`.
- * - `showExport`: Renders the export button. Default is `false`.
- * - `viewMode`: Two-way (`[(viewMode)]`) `YuwViewMode` (`'list'` or `'block'`); the list/block switch renders only when set.
- * - `viewModeIcons`: Partial override of the switch icons by mode (ng-icon names, registered by the consumer with `provideIcons`). Defaults are `lucideList` and `lucideLayoutGrid`.
- *
- * Outputs:
- * - `exported`: Emits the `MouseEvent` of the export button click.
- * - `searched`: Emits the current search text on every keystroke and when it is cleared.
- */
-declare class YuwListToolbarComponent {
-    protected readonly filterContents: _angular_core.Signal<readonly YuwFilterContentDirective[]>;
-    readonly filterGroups: _angular_core.InputSignal<readonly YuwFilterGroupDto[] | undefined>;
-    readonly filtersDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly filterSets: _angular_core.InputSignal<readonly YuwFilterSetDto[] | undefined>;
-    readonly hiddenColumns: _angular_core.ModelSignal<string[]>;
-    readonly hideableColumns: _angular_core.InputSignal<YuwComboboxOptionDto<unknown>[] | undefined>;
-    readonly idleColor: _angular_core.InputSignal<YuwColorDto>;
-    readonly labels: _angular_core.InputSignal<YuwListToolbarLabels>;
-    readonly search: _angular_core.ModelSignal<string>;
-    readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
-    readonly selection: _angular_core.ModelSignal<Readonly<Record<string, yukit_web.YuwFilterValue>>>;
-    readonly showExport: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly viewMode: _angular_core.ModelSignal<YuwViewMode | undefined>;
-    readonly viewModeIcons: _angular_core.InputSignal<Partial<Readonly<Record<YuwViewMode, string>>> | undefined>;
-    readonly exported: _angular_core.OutputEmitterRef<MouseEvent>;
-    readonly searched: _angular_core.OutputEmitterRef<string>;
-    readonly setDeleted: _angular_core.OutputEmitterRef<string>;
-    readonly setRenamed: _angular_core.OutputEmitterRef<YuwFilterSetRenameDto>;
-    readonly setSaved: _angular_core.OutputEmitterRef<YuwFilterSetSaveDto>;
-    protected readonly isMobile: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwListToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwListToolbarComponent, "yuw-list-toolbar", never, { "filterGroups": { "alias": "filterGroups"; "required": false; "isSignal": true; }; "filtersDisabled": { "alias": "filtersDisabled"; "required": false; "isSignal": true; }; "filterSets": { "alias": "filterSets"; "required": false; "isSignal": true; }; "hiddenColumns": { "alias": "hiddenColumns"; "required": false; "isSignal": true; }; "hideableColumns": { "alias": "hideableColumns"; "required": false; "isSignal": true; }; "idleColor": { "alias": "idleColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewModeIcons": { "alias": "viewModeIcons"; "required": false; "isSignal": true; }; }, { "hiddenColumns": "hiddenColumnsChange"; "search": "searchChange"; "selection": "selectionChange"; "viewMode": "viewModeChange"; "exported": "exported"; "searched": "searched"; "setDeleted": "setDeleted"; "setRenamed": "setRenamed"; "setSaved": "setSaved"; }, ["filterContents"], ["*"], true, never>;
-}
-
-type YuwDatatableAlign = 'start' | 'center' | 'end';
-/**
- * Default floor for a column that opts into `meta.wrap`, as a Tailwind `min-w-*` class.
- *
- * This is the only bound a wrapping column needs. It is what makes the responsive behaviour work:
- * below it the table stops shrinking the column — which would end in a column one word wide — and
- * the table's own width exceeds the container instead, so `YuwTableContainer`'s `overflow-x-auto`
- * scrolls horizontally.
- *
- * There is deliberately no maximum. A cap would make a wrapping column break onto several lines
- * while the table still had free space beside it, which reads as broken; letting the column take
- * its share of the row means text wraps only once it genuinely no longer fits.
- */
-declare const YUW_DATATABLE_WRAP_MIN_WIDTH = "min-w-48";
-/**
- * Layout classes the `<table>` needs for `meta.wrap` columns to size correctly.
- *
- * `w-full` lets the table fill its container so a wrapping column can spread into the free space
- * instead of wrapping early, and `min-w-max` keeps the table at least as wide as its content
- * demands — which is what lets a wrapping column's floor push the table past the container and
- * hand the overflow to the scroll container. Applied unconditionally: for a table with no wrapping
- * column both halves resolve to the width it already had.
- */
-declare const DATATABLE_LAYOUT_CLASS = "w-full min-w-max";
-/**
- * Class maps for `yuw-datatable`, layered on top of the Hlm table directives' own classes.
- *
- * `DATATABLE_ALIGN_CLASS` is keyed by a column's `meta.align` and shared by header and body cells,
- * so a column declares its alignment once and both honour it; `start` maps to an empty string
- * rather than re-stating what `HlmTh`/`HlmTd` already apply.
+ * `DATATABLE_ALIGN_CLASS` is keyed by a column's `meta.align` and shared by header and body cells,
+ * so a column declares its alignment once and both honour it; `start` maps to an empty string
+ * rather than re-stating what `HlmTh`/`HlmTd` already apply.
  *
  * The `appearance` maps are split per element because the treatment is not uniform: `card` frames
  * the container so the header tint clips to the radius instead of squaring off against a
@@ -2719,47 +2557,47 @@ declare class YuwAvatarComponent {
  */
 declare class YuwItemDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemDirective, "[yuwItem], yuw-item", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItem; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemDirective, "[yuwItem], yuw-item", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItem; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
 }
 /** Header slot directive for an item container. */
 declare class YuwItemHeaderDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemHeaderDirective, "[yuwItemHeader], yuw-item-header", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemHeader; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemHeaderDirective, "[yuwItemHeader], yuw-item-header", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemHeader; inputs: {}; outputs: {}; }]>;
 }
 /** Leading media slot directive (for icons, avatars, or images) at the start of an item. Supports `variant` (`'default'`, `'icon'`, `'image'`). */
 declare class YuwItemMediaDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemMediaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemMediaDirective, "[yuwItemMedia], yuw-item-media", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemMediaDirective, "[yuwItemMedia], yuw-item-media", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
 }
 /** Main text content container directive for an item. */
 declare class YuwItemContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemContentDirective, "[yuwItemContent], yuw-item-content", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemContentDirective, "[yuwItemContent], yuw-item-content", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemContent; inputs: {}; outputs: {}; }]>;
 }
 /** Title heading directive for an item. */
 declare class YuwItemTitleDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemTitleDirective, "[yuwItemTitle], yuw-item-title", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemTitle; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemTitleDirective, "[yuwItemTitle], yuw-item-title", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemTitle; inputs: {}; outputs: {}; }]>;
 }
 /** Subtitle or description paragraph directive for an item. */
 declare class YuwItemDescriptionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemDescriptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemDescriptionDirective, "[yuwItemDescription], yuw-item-description", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemDescription; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemDescriptionDirective, "[yuwItemDescription], yuw-item-description", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemDescription; inputs: {}; outputs: {}; }]>;
 }
 /** Trailing action controls slot directive (for buttons, switches, or menu triggers) at the end of an item. */
 declare class YuwItemActionsDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemActionsDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemActionsDirective, "[yuwItemActions], yuw-item-actions", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemActions; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemActionsDirective, "[yuwItemActions], yuw-item-actions", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemActions; inputs: {}; outputs: {}; }]>;
 }
 /** Footer slot directive for an item. */
 declare class YuwItemFooterDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemFooterDirective, "[yuwItemFooter], yuw-item-footer", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemFooter; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemFooterDirective, "[yuwItemFooter], yuw-item-footer", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemFooter; inputs: {}; outputs: {}; }]>;
 }
 /** Container directive for grouping multiple item rows together into a list card or bordered group. */
 declare class YuwItemGroupDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwItemGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemGroupDirective, "[yuwItemGroup], yuw-item-group", never, {}, {}, never, never, true, [{ directive: typeof i1$6.HlmItemGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwItemGroupDirective, "[yuwItemGroup], yuw-item-group", never, {}, {}, never, never, true, [{ directive: typeof i1$7.HlmItemGroup; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Visual separator line between items inside a group. Accepts `orientation` (`'horizontal'` or
@@ -2891,12 +2729,12 @@ declare const YuwSheetImports: readonly [typeof YuwSheetComponent, typeof YuwShe
  */
 declare class YuwSheetTriggerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSheetTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSheetTriggerDirective, "yuw-button[yuwSheetTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$7.BrnSheetTrigger; inputs: { "id": "id"; "side": "side"; "type": "type"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSheetTriggerDirective, "yuw-button[yuwSheetTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$8.BrnSheetTrigger; inputs: { "id": "id"; "side": "side"; "type": "type"; }; outputs: {}; }]>;
 }
 /** Closes the surrounding `<yuw-sheet>` when the host `<yuw-button>` is activated. */
 declare class YuwSheetCloseDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSheetCloseDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSheetCloseDirective, "yuw-button[yuwSheetClose]", never, {}, {}, never, never, true, [{ directive: typeof i1$7.BrnSheetClose; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSheetCloseDirective, "yuw-button[yuwSheetClose]", never, {}, {}, never, never, true, [{ directive: typeof i1$8.BrnSheetClose; inputs: {}; outputs: {}; }]>;
 }
 
 type YuwPopoverAlignDto = 'start' | 'center' | 'end';
@@ -2972,7 +2810,7 @@ declare class YuwPopoverComponent {
  */
 declare class YuwPopoverTriggerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPopoverTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwPopoverTriggerDirective, "yuw-button[yuwPopoverTriggerFor], yuw-button[yuwPopoverTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$8.BrnPopoverTrigger; inputs: { "id": "id"; "brnPopoverTriggerFor": "yuwPopoverTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwPopoverTriggerDirective, "yuw-button[yuwPopoverTriggerFor], yuw-button[yuwPopoverTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.BrnPopoverTrigger; inputs: { "id": "id"; "brnPopoverTriggerFor": "yuwPopoverTriggerFor"; "type": "type"; }; outputs: {}; }]>;
 }
 
 type YuwTooltipPositionDto = 'top' | 'bottom' | 'left' | 'right';
@@ -2997,7 +2835,7 @@ type YuwTooltipPositionDto = 'top' | 'bottom' | 'left' | 'right';
  */
 declare class YuwTooltipDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTooltipDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTooltipDirective, "[yuwTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.BrnTooltip; inputs: { "brnTooltip": "yuwTooltip"; "position": "position"; "hideDelay": "hideDelay"; "showDelay": "showDelay"; "tooltipDisabled": "tooltipDisabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTooltipDirective, "[yuwTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1$a.BrnTooltip; inputs: { "brnTooltip": "yuwTooltip"; "position": "position"; "hideDelay": "hideDelay"; "showDelay": "showDelay"; "tooltipDisabled": "tooltipDisabled"; }; outputs: {}; }]>;
 }
 
 /**
@@ -3224,12 +3062,12 @@ declare const YuwDialogImports: readonly [typeof YuwDialogComponent, typeof YuwD
  */
 declare class YuwDialogTriggerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDialogTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwDialogTriggerDirective, "yuw-button[yuwDialogTriggerFor], yuw-button[yuwDialogTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$a.BrnDialogTrigger; inputs: { "id": "id"; "brnDialogTriggerFor": "yuwDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwDialogTriggerDirective, "yuw-button[yuwDialogTriggerFor], yuw-button[yuwDialogTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$b.BrnDialogTrigger; inputs: { "id": "id"; "brnDialogTriggerFor": "yuwDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
 }
 /** Closes the surrounding `<yuw-dialog>` when the host `<yuw-button>` is activated. */
 declare class YuwDialogCloseDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDialogCloseDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwDialogCloseDirective, "yuw-button[yuwDialogClose]", never, {}, {}, never, never, true, [{ directive: typeof i1$a.BrnDialogClose; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwDialogCloseDirective, "yuw-button[yuwDialogClose]", never, {}, {}, never, never, true, [{ directive: typeof i1$b.BrnDialogClose; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -3307,7 +3145,7 @@ declare class YuwAlertDialogComponent {
  */
 declare class YuwAlertDialogTriggerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAlertDialogTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAlertDialogTriggerDirective, "yuw-button[yuwAlertDialogTriggerFor], yuw-button[yuwAlertDialogTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$b.BrnAlertDialogTrigger; inputs: { "id": "id"; "brnAlertDialogTriggerFor": "yuwAlertDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAlertDialogTriggerDirective, "yuw-button[yuwAlertDialogTriggerFor], yuw-button[yuwAlertDialogTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$c.BrnAlertDialogTrigger; inputs: { "id": "id"; "brnAlertDialogTriggerFor": "yuwAlertDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
 }
 
 /** A single tab in `<yuw-tabs>`, pairing the trigger label with the id used to match its content. */
@@ -3426,37 +3264,37 @@ declare class YuwTabContentDirective {
  */
 declare class YuwAttachmentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDirective, "[yuwAttachment], yuw-attachment", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachment; inputs: { "state": "state"; "size": "size"; "orientation": "orientation"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDirective, "[yuwAttachment], yuw-attachment", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachment; inputs: { "state": "state"; "size": "size"; "orientation": "orientation"; }; outputs: {}; }]>;
 }
 /** Scrollable, snapping row that lays out several attachment cards. */
 declare class YuwAttachmentGroupDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentGroupDirective, "[yuwAttachmentGroup], yuw-attachment-group", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentGroupDirective, "[yuwAttachmentGroup], yuw-attachment-group", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachmentGroup; inputs: {}; outputs: {}; }]>;
 }
 /** Leading media slot of an attachment, for a file-type icon or an image preview. Supports `variant` (`'icon'`, `'image'`). */
 declare class YuwAttachmentMediaDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentMediaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentMediaDirective, "[yuwAttachmentMedia], yuw-attachment-media", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentMediaDirective, "[yuwAttachmentMedia], yuw-attachment-media", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachmentMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
 }
 /** Text content container of an attachment, holding its title and description. */
 declare class YuwAttachmentContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentContentDirective, "[yuwAttachmentContent], yuw-attachment-content", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentContentDirective, "[yuwAttachmentContent], yuw-attachment-content", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachmentContent; inputs: {}; outputs: {}; }]>;
 }
 /** File name of an attachment. Truncates and shimmers while the attachment is uploading or processing. */
 declare class YuwAttachmentTitleDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTitleDirective, "[yuwAttachmentTitle], yuw-attachment-title", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentTitle; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTitleDirective, "[yuwAttachmentTitle], yuw-attachment-title", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachmentTitle; inputs: {}; outputs: {}; }]>;
 }
 /** Secondary line of an attachment, for file size, progress, or an error message. */
 declare class YuwAttachmentDescriptionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentDescriptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDescriptionDirective, "[yuwAttachmentDescription], yuw-attachment-description", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentDescription; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDescriptionDirective, "[yuwAttachmentDescription], yuw-attachment-description", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachmentDescription; inputs: {}; outputs: {}; }]>;
 }
 /** Trailing container for an attachment's action buttons. */
 declare class YuwAttachmentActionsDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentActionsDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentActionsDirective, "[yuwAttachmentActions], yuw-attachment-actions", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentActions; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentActionsDirective, "[yuwAttachmentActions], yuw-attachment-actions", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachmentActions; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Icon-sized action button inside an attachment, such as remove or retry.
@@ -3477,7 +3315,7 @@ declare class YuwAttachmentActionDirective extends HlmAttachmentAction {
 /** Turns the whole attachment card into a single clickable target, layered under its actions. */
 declare class YuwAttachmentTriggerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTriggerDirective, "button[yuwAttachmentTrigger], a[yuwAttachmentTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentTrigger; inputs: { "type": "type"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTriggerDirective, "button[yuwAttachmentTrigger], a[yuwAttachmentTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmAttachmentTrigger; inputs: { "type": "type"; }; outputs: {}; }]>;
 }
 
 /**
@@ -3850,12 +3688,12 @@ declare class YuwSidebarTriggerComponent {
  */
 declare class YuwSidebarWrapperDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarWrapperDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarWrapperDirective, "[yuwSidebarWrapper], yuw-sidebar-wrapper", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarWrapper; inputs: { "sidebarWidth": "sidebarWidth"; "sidebarWidthIcon": "sidebarWidthIcon"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarWrapperDirective, "[yuwSidebarWrapper], yuw-sidebar-wrapper", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarWrapper; inputs: { "sidebarWidth": "sidebarWidth"; "sidebarWidthIcon": "sidebarWidthIcon"; }; outputs: {}; }]>;
 }
 /** Top area of the sidebar, above the scrollable content. */
 declare class YuwSidebarHeaderDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarHeaderDirective, "[yuwSidebarHeader], yuw-sidebar-header", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarHeader; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarHeaderDirective, "[yuwSidebarHeader], yuw-sidebar-header", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarHeader; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Scrollable middle area of the sidebar that holds the navigation groups.
@@ -3883,13 +3721,13 @@ declare class YuwSidebarHeaderDirective {
 declare class YuwSidebarContentDirective {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarContentDirective, "[yuwSidebarContent], yuw-sidebar-content", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarContentDirective, "[yuwSidebarContent], yuw-sidebar-content", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarContent; inputs: {}; outputs: {}; }]>;
 }
 /** Bottom area of the sidebar, below the scrollable content. */
 declare class YuwSidebarFooterDirective {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFooterDirective, "[yuwSidebarFooter], yuw-sidebar-footer", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarFooter; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFooterDirective, "[yuwSidebarFooter], yuw-sidebar-footer", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarFooter; inputs: {}; outputs: {}; }]>;
 }
 /**
  * A titled section of the sidebar.
@@ -3903,7 +3741,7 @@ declare class YuwSidebarFooterDirective {
 declare class YuwSidebarGroupDirective {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupDirective, "[yuwSidebarGroup], yuw-sidebar-group", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupDirective, "[yuwSidebarGroup], yuw-sidebar-group", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarGroup; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Heading of a sidebar group. Removed from the layout when the sidebar collapses to icons.
@@ -3917,17 +3755,17 @@ declare class YuwSidebarGroupDirective {
 declare class YuwSidebarGroupLabelDirective {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupLabelDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupLabelDirective, "div[yuwSidebarGroupLabel], button[yuwSidebarGroupLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroupLabel; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupLabelDirective, "div[yuwSidebarGroupLabel], button[yuwSidebarGroupLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarGroupLabel; inputs: {}; outputs: {}; }]>;
 }
 /** Body of a sidebar group, wrapping its menu. */
 declare class YuwSidebarGroupContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupContentDirective, "div[yuwSidebarGroupContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroupContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupContentDirective, "div[yuwSidebarGroupContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarGroupContent; inputs: {}; outputs: {}; }]>;
 }
 /** Navigation list of a sidebar group. Apply to a `<ul>`. */
 declare class YuwSidebarMenuDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuDirective, "ul[yuwSidebarMenu]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenu; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuDirective, "ul[yuwSidebarMenu]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarMenu; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Marks projected markup that belongs *inside* the region `<yuw-sidebar>` renders from its `content`
@@ -3959,7 +3797,7 @@ declare class YuwSidebarFooterExtraDirective {
 declare class YuwSidebarMenuItemDirective {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuItemDirective, "li[yuwSidebarMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuItemDirective, "li[yuwSidebarMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarMenuItem; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Interactive control of a sidebar menu item. Accepts `variant` (`'default'`, `'outline'`), `size`
@@ -4021,7 +3859,7 @@ declare class YuwSidebarMenuItemDirective {
 declare class YuwSidebarMenuButtonDirective {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuButtonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuButtonDirective, "button[yuwSidebarMenuButton], a[yuwSidebarMenuButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuButton; inputs: { "variant": "variant"; "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuButtonDirective, "button[yuwSidebarMenuButton], a[yuwSidebarMenuButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarMenuButton; inputs: { "variant": "variant"; "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
 }
 /**
  * Applied alongside `[yuwSidebarMenuButton]` on an entry whose leading slot is a 40px avatar rather
@@ -4059,17 +3897,17 @@ declare class YuwSidebarMenuAvatarButtonDirective {
 /** Trailing count or status badge of a sidebar menu item. */
 declare class YuwSidebarMenuBadgeDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuBadgeDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuBadgeDirective, "[yuwSidebarMenuBadge], yuw-sidebar-menu-badge", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuBadge; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuBadgeDirective, "[yuwSidebarMenuBadge], yuw-sidebar-menu-badge", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarMenuBadge; inputs: {}; outputs: {}; }]>;
 }
 /** Nested submenu list of a sidebar menu item. Apply to a `<ul>`. */
 declare class YuwSidebarMenuSubDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubDirective, "ul[yuwSidebarMenuSub]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSub; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubDirective, "ul[yuwSidebarMenuSub]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarMenuSub; inputs: {}; outputs: {}; }]>;
 }
 /** A single entry of a sidebar submenu. Apply to an `<li>`. */
 declare class YuwSidebarMenuSubItemDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubItemDirective, "li[yuwSidebarMenuSubItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSubItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubItemDirective, "li[yuwSidebarMenuSubItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarMenuSubItem; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Interactive control of a sidebar submenu item. Accepts `size` (`'sm'`, `'md'`) and `isActive`.
@@ -4083,12 +3921,12 @@ declare class YuwSidebarMenuSubItemDirective {
 declare class YuwSidebarMenuSubButtonDirective {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubButtonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubButtonDirective, "a[yuwSidebarMenuSubButton], button[yuwSidebarMenuSubButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSubButton; inputs: { "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubButtonDirective, "a[yuwSidebarMenuSubButton], button[yuwSidebarMenuSubButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarMenuSubButton; inputs: { "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
 }
 /** Divider between sidebar sections. */
 declare class YuwSidebarSeparatorDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarSeparatorDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarSeparatorDirective, "[yuwSidebarSeparator], yuw-sidebar-separator", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarSeparator; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarSeparatorDirective, "[yuwSidebarSeparator], yuw-sidebar-separator", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarSeparator; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Thin draggable edge that toggles the sidebar. Apply to a `<button>`.
@@ -4102,12 +3940,12 @@ declare class YuwSidebarSeparatorDirective {
 declare class YuwSidebarRailDirective {
     readonly label: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarRailDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarRailDirective, "button[yuwSidebarRail]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarRail; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarRailDirective, "button[yuwSidebarRail]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarRail; inputs: {}; outputs: {}; }]>;
 }
 /** Main content region beside the sidebar. Apply to a `<main>`. */
 declare class YuwSidebarInsetDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarInsetDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarInsetDirective, "main[yuwSidebarInset]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarInset; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarInsetDirective, "main[yuwSidebarInset]", never, {}, {}, never, never, true, [{ directive: typeof i1$e.HlmSidebarInset; inputs: {}; outputs: {}; }]>;
 }
 
 declare const YUW_SIDEBAR_RAIL_PADDING = "22px";
@@ -4307,5 +4145,819 @@ declare class YuwCommandDialogComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCommandDialogComponent, "yuw-command-dialog", never, { "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "open": "openChange"; "search": "searchChange"; "commandSelected": "commandSelected"; }, never, never, true, never>;
 }
 
-export { DATATABLE_ALIGN_CLASS, DATATABLE_LAYOUT_CLASS, DATATABLE_WRAP_CONTENT_CLASS, YUW_DATATABLE_FEATURES, YUW_DATATABLE_WRAP_MIN_WIDTH, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwActionsCellComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwBreadcrumbTrailService, YuwButtonComponent, YuwButtonGroupComponent, YuwButtonGroupContentDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardGridComponent, YuwCardGridItemComponent, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwClassDirective, YuwComboboxComponent, YuwComboboxItemDirective, YuwCommandComponent, YuwCommandDialogComponent, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatablePaginationDirective, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwFieldBase, YuwFilterContentDirective, YuwInputAddonImports, YuwInputComponent, YuwInputFileComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwListPaginationComponent, YuwListToolbarComponent, YuwPageHeaderComponent, YuwPageSizeComponent, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetHeaderDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuAvatarButtonDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabContentDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextFieldBase, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, buildYuwActionsColumn, cn, createPagedList, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength, yuwCommandDefaultFilter };
-export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbCrumb, YuwBreadcrumbItemDto, YuwBreadcrumbRouteData, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwCommandGroupDto, YuwCommandItemDto, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatatableRowClass, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwFilterContentContext, YuwFilterGroupDto, YuwFilterGroupMode, YuwFilterOptionDto, YuwFilterSelection, YuwFilterSetDto, YuwFilterSetLabels, YuwFilterSetRenameDto, YuwFilterSetSaveDto, YuwFilterValue, YuwInputFileVariantDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwListPaginationLabels, YuwListToolbarColumnsLabels, YuwListToolbarFilterLabels, YuwListToolbarLabels, YuwListToolbarSearchLabels, YuwListToolbarViewModeIcons, YuwListToolbarViewModeLabels, YuwPageQuery, YuwPageRange, YuwPageSizeLabels, YuwPageSort, YuwPagedList, YuwPagedListOptions, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarAvatarDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto, YuwViewMode };
+/**
+ * Derives up to two uppercase initials from a name or an email address.
+ *
+ * The text is split on anything that is not a letter or a digit, so separators such as `.`, `@`, `-` or `_` never end
+ * up as an initial: `Pere Sanches` and `p.sanchez@gmail.com` both give `PS`.
+ *
+ * @param text Display name or email.
+ * @returns The first characters of the first two words, or an empty string when there are none.
+ */
+declare function yuwsInitialsOf(text: string): string;
+
+/**
+ * Tracks a media query as a signal. Resolves to a constant `false` where `matchMedia` is unavailable: a non-browser
+ * platform has no OS preference or viewport to follow, so callers settle on their non-matching default instead of
+ * throwing during injection. Server platforms expose a `window` shim without `matchMedia`, hence the `typeof` check.
+ * Must be called in an injection context.
+ */
+declare function yuwsMediaQuerySignal(window: (Window & typeof globalThis) | null | undefined, query: string): Signal<boolean>;
+
+/**
+ * `rowClass` for `yuw-datatable` that dims and locks the rows whose id is in `pendingIds`, so nobody edits on top of
+ * a write still in flight. `idOf` reads the id because not every row is identified the same way.
+ */
+declare function yuwsPendingRowClass<Row extends object>(pendingIds: Signal<ReadonlySet<string>>, idOf: (row: Row) => string): YuwDatatableRowClass<Row>;
+
+/**
+ * Reads a file as a `data:` URL, for previews and for backends that take the image inline.
+ *
+ * @param file File to read.
+ * @returns The `data:` URL of the file contents; rejects if the browser fails to read it.
+ */
+declare function yuwsReadFileAsDataUrl(file: File): Promise<string>;
+
+/** State of a create/edit sheet. `editing` is `undefined` while creating. */
+interface YuwsSheetEditor<Item> {
+    readonly open: WritableSignal<boolean>;
+    readonly editing: Signal<Item | undefined>;
+    edit(item: Item): void;
+    startNew(): void;
+}
+/**
+ * State of a create/edit sheet: bind `open` with `[(open)]` and `editing` to the sheet's item, call `edit` from a row
+ * and `startNew` from the "new" action.
+ */
+declare function createYuwsSheetEditor<Item>(): YuwsSheetEditor<Item>;
+
+/**
+ * Table cell with the active/inactive state of a row as a badge. The color derives from `active`, so an inactive row
+ * can never be painted green.
+ *
+ * Inputs:
+ * - `active` (required): Whether the row is active.
+ * - `label` (required): Visible state text. The consuming app translates it.
+ *
+ * Usage:
+ * ```ts
+ * cell: ({ row }) => flexRenderComponent(YuwsActiveStatusCellComponent, { inputs: { active: row.original.active, label } })
+ * ```
+ */
+declare class YuwsActiveStatusCellComponent {
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    protected readonly color: _angular_core.Signal<YuwColorDto>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsActiveStatusCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsActiveStatusCellComponent, "yuws-active-status-cell", never, { "active": { "alias": "active"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Avatar size of the cell: `sm` for entity listings, `md` for the 45x45 thumbnails of catalog listings. */
+type YuwsAvatarNameCellSize = 'sm' | 'md';
+/**
+ * Table cell with the identity of a row: avatar and name. The name is text, not a link: the whole row is the click
+ * target. Without an image the avatar shows the initials of `name`.
+ *
+ * Inputs:
+ * - `imageUrl`: Image of the row. Default is `undefined`.
+ * - `name` (required): Visible name; also the avatar's alternative text.
+ * - `size`: Avatar size (`'sm'`, `'md'`). Default is `'sm'`.
+ */
+declare class YuwsAvatarNameCellComponent {
+    readonly imageUrl: _angular_core.InputSignal<string | undefined>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<YuwsAvatarNameCellSize>;
+    protected readonly avatar: _angular_core.Signal<{
+        size: YuwAvatarSizeDto;
+        class: string;
+    }>;
+    protected readonly initials: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsAvatarNameCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsAvatarNameCellComponent, "yuws-avatar-name-cell", never, { "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Table cell that clamps its text to two lines, breaking anywhere, for long values with no spaces such as tokens. The
+ * full text stays in the `title`.
+ *
+ * Inputs:
+ * - `text` (required): Value to show.
+ */
+declare class YuwsClampedTextCellComponent {
+    readonly text: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsClampedTextCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsClampedTextCellComponent, "yuws-clamped-text-cell", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Table cell for a boolean field: a check or a dash. The icon is never the only carrier of the meaning: it takes
+ * `label` as its accessible name.
+ *
+ * Inputs:
+ * - `enabled` (required): Value of the field.
+ * - `label` (required): Accessible text of the state. The consuming app translates it.
+ */
+declare class YuwsFlagCellComponent {
+    readonly enabled: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsFlagCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsFlagCellComponent, "yuws-flag-cell", never, { "enabled": { "alias": "enabled"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Icon button at the end of a row, hidden until the row is hovered or keyboard-focused like the pencil of
+ * `buildYuwActionsColumn`; touch devices keep it visible. `icon` is the SVG itself (e.g. `lucideEye`), so the cell does
+ * not have to register every consumer's icon. The host stops the click so a clickable row does not fire too.
+ *
+ * Inputs:
+ * - `action` (required): Callback run on click. An input because `flexRenderComponent` does not subscribe outputs.
+ * - `icon` (required): SVG markup of the icon.
+ * - `label` (required): Accessible name of the button. The consuming app translates it.
+ */
+declare class YuwsIconActionCellComponent {
+    readonly action: _angular_core.InputSignal<() => void>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    protected run(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsIconActionCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsIconActionCellComponent, "yuws-icon-action-cell", never, { "action": { "alias": "action"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Image size of the cell: `lg` is the 60x60 catalog thumbnail, `md` the 45x45 one. */
+type YuwsImageCellSize = 'md' | 'lg';
+/**
+ * Table cell with the image of a row, backed by the initials of `name` when the image is missing or fails to load.
+ * Sizes go through `class` because `yuw-avatar` sizes stop short of them.
+ *
+ * Inputs:
+ * - `imageUrl`: Image of the row. Default is `undefined`.
+ * - `name` (required): What the image shows; its alternative text and the source of the initials.
+ * - `size`: Image size (`'md'`, `'lg'`). Default is `'lg'`.
+ */
+declare class YuwsImageCellComponent {
+    readonly imageUrl: _angular_core.InputSignal<string | undefined>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<YuwsImageCellSize>;
+    protected readonly initials: _angular_core.Signal<string>;
+    protected readonly sizeClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsImageCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsImageCellComponent, "yuws-image-cell", never, { "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Table cell with a link that opens in a new tab. It stops the click so a clickable row does not navigate too.
+ *
+ * Inputs:
+ * - `href` (required): Link target.
+ * - `label` (required): Link text. The consuming app translates it.
+ */
+declare class YuwsLinkCellComponent {
+    readonly href: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsLinkCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsLinkCellComponent, "yuws-link-cell", never, { "href": { "alias": "href"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Table cell with a clickable pill: a state that flips on click (active, blocked) or, without `positive`, a neutral
+ * action such as duplicate. It is a button so it is keyboard reachable, and it stops the click so a clickable row does
+ * not fire too. `toggled` is an input because `flexRenderComponent` does not subscribe outputs.
+ *
+ * Inputs:
+ * - `disabled`: Disables the pill. Default is `false`.
+ * - `label` (required): Visible text. The consuming app translates it.
+ * - `positive`: `true` paints the pill green, `false` red; unset keeps it neutral. Default is `undefined`.
+ * - `toggled` (required): Callback run on click.
+ */
+declare class YuwsStatusToggleCellComponent {
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly positive: _angular_core.InputSignal<boolean | undefined>;
+    readonly toggled: _angular_core.InputSignal<() => void>;
+    private readonly _tone;
+    protected readonly toneClass: _angular_core.Signal<string>;
+    protected onClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsStatusToggleCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsStatusToggleCellComponent, "yuws-status-toggle-cell", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "positive": { "alias": "positive"; "required": false; "isSignal": true; }; "toggled": { "alias": "toggled"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Text of a cell with no value. */
+declare const YUWS_NO_DATA_PLACEHOLDER = "\u2014";
+/** Options of a text column: whether it sorts and whether its text may wrap. */
+interface YuwsTextColumnOptions {
+    enableSorting?: boolean;
+    wrap?: boolean;
+}
+/** Texts of the two states of a boolean column, already translated. */
+interface YuwsStateLabels {
+    on: string;
+    off: string;
+}
+/** Icon button column. `visible` decides the rows that show the button; without it every row does. */
+interface YuwsIconActionColumn<Row> {
+    id: string;
+    icon: string;
+    label: string;
+    header?: string;
+    onAction: (row: Row) => void;
+    visible?: (row: Row) => boolean;
+}
+/** State column that flips on click. `disabled` locks the rows whose state cannot change. */
+interface YuwsStatusToggleColumn<Row> {
+    key: keyof Row & string;
+    header: string;
+    labels: YuwsStateLabels;
+    positive: (row: Row) => boolean;
+    toggled: (row: Row) => void;
+    disabled?: (row: Row) => boolean;
+}
+/** Text column that shows `YUWS_NO_DATA_PLACEHOLDER` when the value is missing or an empty string. */
+declare function buildYuwsOptionalTextColumn<Row extends Record<string, unknown>>(key: keyof Row & string, header: string, options?: YuwsTextColumnOptions): YuwDatatableColumnDef<Row>;
+/** Date and time column formatted for `locale`, with `YUWS_NO_DATA_PLACEHOLDER` when the row has none. */
+declare function buildYuwsDateTimeColumn<Row extends Record<string, unknown>>(key: keyof Row & string, header: string, locale: string | undefined, enableSorting?: boolean): YuwDatatableColumnDef<Row>;
+/** Read-only active/inactive column of a row that exposes `active`. */
+declare function buildYuwsActiveStatusColumn<Row extends {
+    active: boolean;
+}>(header: string, labels: YuwsStateLabels, meta?: YuwDatatableColumnDef<Row>['meta']): YuwDatatableColumnDef<Row>;
+/** State column that flips on click, painted green or red by `positive`. */
+declare function buildYuwsStatusToggleColumn<Row extends Record<string, unknown>>(column: YuwsStatusToggleColumn<Row>): YuwDatatableColumnDef<Row>;
+/** Last column with an icon button that runs `onAction` on the row. */
+declare function buildYuwsIconActionColumn<Row extends RowData>(column: YuwsIconActionColumn<Row>): YuwDatatableColumnDef<Row>;
+
+/**
+ * Button that copies a value to the clipboard without showing it. The icon turns into a check for a moment, and the
+ * optional messages raise a toast for whoever looks elsewhere. Copying again restarts the wait. The host stops the
+ * click because the button usually lives in a clickable row.
+ *
+ * Inputs:
+ * - `ariaLabel` (required): Accessible name of the button. The consuming app translates it.
+ * - `copiedMessage`: Success toast text; no toast when unset. Default is `undefined`.
+ * - `failedMessage`: Error toast text; no toast when unset. Default is `undefined`.
+ * - `value` (required): Text copied to the clipboard.
+ */
+declare class YuwsCopyButtonComponent {
+    private readonly _navigator;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly copiedMessage: _angular_core.InputSignal<string | undefined>;
+    readonly failedMessage: _angular_core.InputSignal<string | undefined>;
+    readonly value: _angular_core.InputSignal<string>;
+    private readonly _copies;
+    protected readonly copied: _angular_core.Signal<boolean>;
+    protected copy(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsCopyButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsCopyButtonComponent, "yuws-copy-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "copiedMessage": { "alias": "copiedMessage"; "required": false; "isSignal": true; }; "failedMessage": { "alias": "failedMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** State a `yuws-confirm-dialog` reads: whether it is open, its title and what confirming does. */
+interface YuwsConfirmationState {
+    readonly open: WritableSignal<boolean>;
+    readonly title: Signal<string>;
+    confirm(): void;
+}
+
+/**
+ * Dialog that asks to confirm an action on a row (delete, restore, block). It opens from its state rather than from a
+ * trigger of its own, because the row starts the action.
+ *
+ * Inputs:
+ * - `cancelLabel` (required): Cancel button text. The consuming app translates it.
+ * - `confirmation` (required): Open state, title and confirm callback.
+ * - `confirmLabel` (required): Confirm button text. The consuming app translates it.
+ * - `description` (required): Body text. The consuming app translates it.
+ * - `destructive`: Paints the confirm button red, for what cannot be undone. Default is `false`.
+ */
+declare class YuwsConfirmDialogComponent {
+    readonly cancelLabel: _angular_core.InputSignal<string>;
+    readonly confirmation: _angular_core.InputSignal<YuwsConfirmationState>;
+    readonly confirmLabel: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly destructive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsConfirmDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsConfirmDialogComponent, "yuws-confirm-dialog", never, { "cancelLabel": { "alias": "cancelLabel"; "required": true; "isSignal": true; }; "confirmation": { "alias": "confirmation"; "required": true; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "destructive": { "alias": "destructive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Combobox for a custom filter (`yuwsFilterContent`) of `yuws-list-toolbar` that looks like the toolbar's own filters:
+ * a secondary button with the group label in bold followed by the selection.
+ *
+ * Inputs:
+ * - `emptyText` (required): Text when the search finds nothing. The consuming app translates it.
+ * - `idleColor`: Trigger color, matching the toolbar's idle filters. Default is `'secondary'`.
+ * - `label` (required): Group label; also the trigger's accessible name.
+ * - `options` (required): Options to pick from.
+ * - `searchPlaceholder`: Placeholder of the search box. Default is `undefined`.
+ * - `value` (model): Selected value.
+ */
+declare class YuwsFilterComboboxComponent {
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly idleColor: _angular_core.InputSignal<YuwColorDto>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<YuwComboboxOptionDto<unknown>[]>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
+    readonly value: _angular_core.ModelSignal<YuwComboboxValue>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsFilterComboboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsFilterComboboxComponent, "yuws-filter-combobox", never, { "emptyText": { "alias": "emptyText"; "required": true; "isSignal": true; }; "idleColor": { "alias": "idleColor"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/** Texts of the fixed buttons of a `yuws-form-sheet`, already translated by the consuming app. */
+interface YuwsFormSheetLabels {
+    cancel: string;
+    close: string;
+    save: string;
+}
+
+/**
+ * Side edit panel of an entity: the sheet, its title and the cancel/save footer. It only reports `save`, `remove`,
+ * `restore` and `back`: composing the entity and closing the sheet stay with the host, which owns the draft. It opens
+ * from a row, so it has no trigger.
+ *
+ * Inputs:
+ * - `backLabel`: Turns the panel into a sub-step: a back arrow with this accessible name precedes the title, the close
+ *   button goes away and cancel emits `back`. Default is `undefined`.
+ * - `errorMessage`: Rejection shown above the footer, so the draft stays on screen to be fixed. Default is `undefined`.
+ * - `hideFooter`: Hides the footer. Default is `false`.
+ * - `labels` (required): Cancel, close and save texts.
+ * - `panelClass`: Class of the sheet panel. Default is `'w-full sm:max-w-md'`.
+ * - `readonly`: Drops the save button. Default is `false`.
+ * - `removeDisabled`: Disables the delete button. Default is `false`.
+ * - `removeLabel`: Renders the delete button with this text. Default is `undefined`.
+ * - `restoreLabel`: Renders the restore button with this text. Default is `undefined`.
+ * - `saveDisabled`: Disables the save button. Default is `false`.
+ * - `saving`: Disables the footer actions while the host's write is in flight. Default is `false`.
+ * - `title` (required): Panel title.
+ * - `open` (model): Whether the panel is open.
+ *
+ * Outputs: `back`, `remove`, `restore`, `save`.
+ */
+declare class YuwsFormSheetComponent {
+    readonly backLabel: _angular_core.InputSignal<string | undefined>;
+    readonly errorMessage: _angular_core.InputSignal<string | undefined>;
+    readonly hideFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly labels: _angular_core.InputSignal<YuwsFormSheetLabels>;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly panelClass: _angular_core.InputSignal<string>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removeDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removeLabel: _angular_core.InputSignal<string | undefined>;
+    readonly restoreLabel: _angular_core.InputSignal<string | undefined>;
+    readonly saveDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly saving: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly back: _angular_core.OutputEmitterRef<void>;
+    readonly remove: _angular_core.OutputEmitterRef<void>;
+    readonly restore: _angular_core.OutputEmitterRef<void>;
+    readonly save: _angular_core.OutputEmitterRef<void>;
+    protected onCancel(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsFormSheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsFormSheetComponent, "yuws-form-sheet", never, { "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hideFooter": { "alias": "hideFooter"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": true; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "removeDisabled": { "alias": "removeDisabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "restoreLabel": { "alias": "restoreLabel"; "required": false; "isSignal": true; }; "saveDisabled": { "alias": "saveDisabled"; "required": false; "isSignal": true; }; "saving": { "alias": "saving"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "open": "openChange"; "back": "back"; "remove": "remove"; "restore": "restore"; "save": "save"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Image field of a form: label, avatar with the current image and an upload button. Without an image the avatar shows
+ * the first letter of `name`.
+ *
+ * Inputs:
+ * - `inputId` (required): Id of the file input, tied to the label.
+ * - `label` (required): Field label. The consuming app translates it.
+ * - `name` (required): What the image represents; its alternative text.
+ * - `src`: Image already stored. Default is `undefined`.
+ * - `uploadLabel` (required): Upload button text. The consuming app translates it.
+ * - `value` (model): Files picked, sent by the form on save.
+ */
+declare class YuwsImageFieldComponent {
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly src: _angular_core.InputSignal<string | undefined>;
+    readonly uploadLabel: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<File[]>;
+    protected readonly initial: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsImageFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsImageFieldComponent, "yuws-image-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Avatar with a button to pick an image that is kept as a `data:` URL in `imageUrl`, for backends that take the image
+ * inline. The picked file is cleared once read, because what is shown and saved is `imageUrl`.
+ *
+ * Inputs:
+ * - `fallback`: Initials shown without an image. Default is the initials of `name`.
+ * - `name` (required): What the image represents; its alternative text.
+ * - `uploadLabel` (required): Upload button text. The consuming app translates it.
+ * - `imageUrl` (model): Current image as a URL or `data:` URL.
+ */
+declare class YuwsImageUploadComponent {
+    readonly fallback: _angular_core.InputSignal<string | undefined>;
+    readonly imageUrl: _angular_core.ModelSignal<string | undefined>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly uploadLabel: _angular_core.InputSignal<string>;
+    protected readonly files: _angular_core.WritableSignal<File[]>;
+    protected readonly initials: _angular_core.Signal<string>;
+    protected onFiles(files: File[]): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsImageUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsImageUploadComponent, "yuws-image-upload", never, { "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": true; "isSignal": true; }; }, { "imageUrl": "imageUrlChange"; }, never, never, true, never>;
+}
+
+/** Text of the page size selector and its range message. */
+interface YuwsPageSizeLabels {
+    readonly label: string;
+    readonly empty: string;
+    readonly range: (range: YuwPageRange) => string;
+}
+/** Text of the standalone pagination footer. */
+interface YuwsListPaginationLabels {
+    readonly pageSize: YuwsPageSizeLabels;
+    readonly ariaLabel: string;
+    readonly previous: string;
+    readonly next: string;
+    readonly ellipsis: string;
+}
+
+/**
+ * Sortable, paginated `yuw-datatable` in card appearance bound to a `YuwPagedList`, with the page-size picker in its
+ * pagination slot.
+ *
+ * Inputs:
+ * - `columns` (required): Column definitions.
+ * - `data` (required): Rows of the current page.
+ * - `emptyText` (required): Text without rows. The consuming app translates it.
+ * - `labels` (required): Pagination and page-size texts.
+ * - `list` (required): Paged list that owns pagination and sorting.
+ * - `loading`: Shows the loading state and locks the page size. Default is `false`.
+ * - `rowClass`: Class per row. Default is `undefined`.
+ * - `selectable`: Adds row selection. Default is `false`.
+ * - `total` (required): Total rows across pages.
+ * - `columnVisibility` (model): Hidden columns.
+ *
+ * Outputs:
+ * - `rowClicked`: Emits the clicked row.
+ */
+declare class YuwsListTableComponent<Row extends RowData> {
+    readonly columns: _angular_core.InputSignal<YuwDatatableColumnDef<Row>[]>;
+    readonly columnVisibility: _angular_core.ModelSignal<ColumnVisibilityState>;
+    readonly data: _angular_core.InputSignal<Row[]>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly labels: _angular_core.InputSignal<YuwsListPaginationLabels>;
+    readonly list: _angular_core.InputSignal<YuwPagedList<unknown>>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly rowClass: _angular_core.InputSignal<YuwDatatableRowClass<Row> | undefined>;
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly total: _angular_core.InputSignal<number>;
+    readonly rowClicked: _angular_core.OutputEmitterRef<Row>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsListTableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsListTableComponent<any>, "yuws-list-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "columnVisibility": { "alias": "columnVisibility"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": true; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "list": { "alias": "list"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": true; "isSignal": true; }; }, { "columnVisibility": "columnVisibilityChange"; "rowClicked": "rowClicked"; }, never, never, true, never>;
+}
+
+/**
+ * Page size selector and range message of a `YuwPagedList`; in a datatable it takes the pagination slot.
+ *
+ * Inputs:
+ * - `disabled`: Disables the page size selector. Default is `false`.
+ * - `labels`: Required `YuwsPageSizeLabels` with the selector label, the text for an empty list and the function that builds the range message.
+ * - `list`: Required `YuwPagedList` whose page size is chosen and whose range is shown in the message.
+ */
+declare class YuwsPageSizeComponent {
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly labels: _angular_core.InputSignal<YuwsPageSizeLabels>;
+    readonly list: _angular_core.InputSignal<YuwPagedList<unknown>>;
+    protected readonly message: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsPageSizeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsPageSizeComponent, "yuws-page-size", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "list": { "alias": "list"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Pagination footer for lists without a datatable: the page size selector with its range message
+ * and the page navigation, both driven by one `YuwPagedList`. A disabled `fieldset` blocks its buttons.
+ *
+ * Inputs:
+ * - `disabled`: Disables the page size selector and the page buttons. Default is `false`.
+ * - `labels`: Required `YuwsListPaginationLabels` with the consumer's text for the page size selector, the navigation aria label and the previous, next and ellipsis texts.
+ * - `list`: Required `YuwPagedList` holding the current page, page size, total pages and range; changes made in the footer are written back to it.
+ */
+declare class YuwsListPaginationComponent {
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly labels: _angular_core.InputSignal<YuwsListPaginationLabels>;
+    readonly list: _angular_core.InputSignal<YuwPagedList<unknown>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsListPaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsListPaginationComponent, "yuws-list-pagination", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "list": { "alias": "list"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Page title, optional description and up to two actions, each rendered when its label is set.
+ * On mobile the primary action shows only its icon, or `primaryMobileLabel`. Icons are `@ng-icons`
+ * names; the consumer registers any beyond `lucidePlus` with `provideIcons`.
+ *
+ * Inputs:
+ * - `backLabel`: Text of the back button, which renders only when set; on small screens only its arrow shows.
+ * - `description`: Optional subtitle under the title.
+ * - `primaryDisabled`: Disables the primary action, which stays visible but ignores clicks, e.g. while the list it creates items for is loading.
+ * - `primaryIcon`: Icon name shown in the primary action.
+ * - `primaryLabel`: Text of the primary action, which renders only when set.
+ * - `primaryMobileLabel`: Text the primary action shows on small screens instead of its label.
+ * - `secondaryIcon`: Icon name shown in the secondary action.
+ * - `secondaryLabel`: Text of the secondary action, which renders only when set; hidden on small screens, leaving its icon.
+ * - `title`: Required page title.
+ *
+ * Outputs:
+ * - `backClicked`: Emits the `MouseEvent` of the back button.
+ * - `primaryClicked`: Emits the `MouseEvent` of the primary action.
+ * - `secondaryClicked`: Emits the `MouseEvent` of the secondary action.
+ */
+declare class YuwsPageHeaderComponent {
+    readonly backLabel: _angular_core.InputSignal<string | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly primaryDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly primaryIcon: _angular_core.InputSignal<string | undefined>;
+    readonly primaryLabel: _angular_core.InputSignal<string | undefined>;
+    readonly primaryMobileLabel: _angular_core.InputSignal<string | undefined>;
+    readonly secondaryDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly secondaryIcon: _angular_core.InputSignal<string | undefined>;
+    readonly secondaryLabel: _angular_core.InputSignal<string | undefined>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly backClicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly primaryClicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly secondaryClicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    protected readonly isMobile: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsPageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsPageHeaderComponent, "yuws-page-header", never, { "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "primaryDisabled": { "alias": "primaryDisabled"; "required": false; "isSignal": true; }; "primaryIcon": { "alias": "primaryIcon"; "required": false; "isSignal": true; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; "isSignal": true; }; "primaryMobileLabel": { "alias": "primaryMobileLabel"; "required": false; "isSignal": true; }; "secondaryDisabled": { "alias": "secondaryDisabled"; "required": false; "isSignal": true; }; "secondaryIcon": { "alias": "secondaryIcon"; "required": false; "isSignal": true; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "backClicked": "backClicked"; "primaryClicked": "primaryClicked"; "secondaryClicked": "secondaryClicked"; }, never, never, true, never>;
+}
+
+/**
+ * Grid of projected cards, usually `yuws-card-grid-item`s in an `@for`. `loading` shows
+ * `skeletonCount` placeholders shaped by `skeletonClass`; `empty` shows `emptyText`; `columnsClass`
+ * holds the Tailwind column utilities.
+ *
+ * Inputs:
+ * - `columnsClass`: Tailwind grid column utilities applied to the grid and its skeleton. Default is `'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'`.
+ * - `empty`: Shows `emptyText` instead of the projected cards. Default is `false`.
+ * - `emptyText`: Required message shown when `empty` is set. The app supplies and translates it.
+ * - `loading`: Shows `skeletonCount` placeholders instead of the content; takes precedence over `empty`. Default is `false`.
+ * - `skeletonClass`: Extra classes sizing each placeholder, e.g. its height. Default is `'h-16'`.
+ * - `skeletonCount`: Number of placeholders shown while loading. Default is `12`.
+ *
+ * `YuwsCardGridComponent.COLUMNS` holds the column classes admin lists share per view mode — `list`
+ * is one column, `block` grows from one to five, and `tags` packs small tag cards up to six — so every listing lays out its cards the same
+ * way: `[columnsClass]="YuwsCardGridComponent.COLUMNS[mode]"`.
+ */
+declare class YuwsCardGridComponent {
+    readonly columnsClass: _angular_core.InputSignal<string>;
+    readonly empty: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly skeletonClass: _angular_core.InputSignal<string>;
+    readonly skeletonCount: _angular_core.InputSignalWithTransform<number, unknown>;
+    static readonly COLUMNS: {
+        readonly list: "grid-cols-1";
+        readonly block: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5";
+        readonly tags: "grid-cols-1 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6";
+    };
+    protected readonly skeletons: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsCardGridComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsCardGridComponent, "yuws-card-grid", never, { "columnsClass": { "alias": "columnsClass"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonClass": { "alias": "skeletonClass"; "required": false; "isSignal": true; }; "skeletonCount": { "alias": "skeletonCount"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * While `pending` the card stays hidden in place under a skeleton, so the grid does not jump.
+ *
+ * Inputs:
+ * - `pending`: Hides the projected card and overlays a skeleton while it is loading. Default is `false`.
+ */
+declare class YuwsCardGridItemComponent {
+    readonly pending: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsCardGridItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsCardGridItemComponent, "yuws-card-grid-item", never, { "pending": { "alias": "pending"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface YuwsFilterOptionDto {
+    readonly value: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+}
+/** `single` keeps one value and closes its list after a pick, `multiple` keeps a set. */
+type YuwsFilterGroupMode = 'single' | 'multiple';
+/**
+ * `options` feeds the group's combobox. A `yuwsFilterContent` template of the same id replaces that
+ * combobox; `mode` then only states whether its value is a string or an array.
+ */
+interface YuwsFilterGroupDto {
+    readonly id: string;
+    readonly label: string;
+    readonly mode: YuwsFilterGroupMode;
+    readonly options?: readonly YuwsFilterOptionDto[];
+}
+/** Value of one group: a string for `single` groups, an array for `multiple`. */
+type YuwsFilterValue = string | readonly string[];
+/** Selection keyed by `YuwsFilterGroupDto.id`. */
+type YuwsFilterSelection = Readonly<Record<string, YuwsFilterValue>>;
+/** A named selection the user saved; `id` is assigned by the consumer that persists it. */
+interface YuwsFilterSetDto {
+    readonly id: string;
+    readonly name: string;
+    readonly selection: YuwsFilterSelection;
+}
+/** Payload of `setSaved`: the name the user typed and the selection applied at that moment. */
+interface YuwsFilterSetSaveDto {
+    readonly name: string;
+    readonly selection: YuwsFilterSelection;
+}
+/** Payload of `setRenamed`. */
+interface YuwsFilterSetRenameDto {
+    readonly id: string;
+    readonly name: string;
+}
+/** Texts of the saved-sets control and its dialog; the consumer translates them. */
+interface YuwsFilterSetLabels {
+    readonly title: string;
+    readonly empty: string;
+    readonly save: string;
+    readonly select: string;
+    readonly none: string;
+    readonly edit: string;
+    readonly delete: string;
+    readonly saveTitle: string;
+    readonly renameTitle: string;
+    readonly deleteTitle: string;
+    readonly deleteMessage: (name: string) => string;
+    readonly nameLabel: string;
+    readonly confirm: string;
+    readonly cancel: string;
+}
+/**
+ * `title` names the filter row for assistive tech, `add` is the add-filter button, `remove` the
+ * accessible name of the remove button of each active filter, `clearAll` the button that removes
+ * every filter, and `empty` the text of a filter search with no match.
+ */
+interface YuwsListToolbarFilterLabels {
+    readonly title: string;
+    readonly add: string;
+    readonly remove: string;
+    readonly clearAll: string;
+    readonly empty: string;
+    readonly sets?: YuwsFilterSetLabels;
+}
+interface YuwsListToolbarSearchLabels {
+    readonly expand: string;
+    readonly clear: string;
+}
+interface YuwsListToolbarColumnsLabels {
+    readonly trigger: string;
+    readonly placeholder: string;
+    readonly empty: string;
+}
+type YuwsViewMode = 'list' | 'block';
+type YuwsListToolbarViewModeLabels = Readonly<Record<YuwsViewMode, string>>;
+/** ng-icon names of the view mode buttons; the consumer registers custom ones with `provideIcons`. */
+type YuwsListToolbarViewModeIcons = Readonly<Record<YuwsViewMode, string>>;
+interface YuwsListToolbarLabels {
+    readonly filters: YuwsListToolbarFilterLabels;
+    readonly search: YuwsListToolbarSearchLabels;
+    readonly columns: YuwsListToolbarColumnsLabels;
+    readonly export: string;
+    readonly viewMode?: YuwsListToolbarViewModeLabels;
+}
+
+/**
+ * Template context of a `yuwsFilterContent` template.
+ *
+ * `$implicit`: The group the template renders; same as `let-group`.
+ * `value`: Applied value of the group, `undefined` while it holds nothing.
+ * `change`: Applies a new value to the group; `undefined` or an empty array clears it.
+ */
+interface YuwsFilterContentContext {
+    readonly $implicit: YuwsFilterGroupDto;
+    readonly value: YuwsFilterValue | undefined;
+    readonly change: (value: YuwsFilterValue | undefined) => void;
+}
+/**
+ * Replaces the combobox of one active filter inside `<yuws-list-toolbar>` with projected markup; the
+ * remove button stays after it. Apply it to an `<ng-template>` and pass the id of the group it
+ * renders; that group needs no `options`.
+ *
+ * The template feeds the same applied selection as the comboboxes: calling `change` writes the value
+ * under the group id, so removing, clearing and saved sets work without extra wiring.
+ *
+ * To match the library's filters, render a `yuw-combobox` with a `yuwComboboxTrigger` template that
+ * reads the group label and the selected labels; the row squares its trailing edge and welds it to the
+ * remove button.
+ *
+ * Usage:
+ * ```html
+ * <yuws-list-toolbar [filterGroups]="groups" [(selection)]="selection" [labels]="labels">
+ *   <ng-template yuwsFilterContent="customer" let-group let-value="value" let-change="change">
+ *     <yuw-combobox [options]="customers" [value]="value" [triggerAriaLabel]="group.label" (valueChange)="change($event)">
+ *       <ng-template yuwComboboxTrigger let-summary>
+ *         <span class="font-semibold">{{ group.label }}</span> {{ summary }}
+ *       </ng-template>
+ *     </yuw-combobox>
+ *   </ng-template>
+ * </yuws-list-toolbar>
+ * ```
+ *
+ * Inputs:
+ * - `yuwsFilterContent`: Required string; id of the filter group this template renders.
+ */
+declare class YuwsFilterContentDirective {
+    readonly templateRef: TemplateRef<YuwsFilterContentContext>;
+    readonly groupId: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsFilterContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwsFilterContentDirective, "ng-template[yuwsFilterContent]", never, { "groupId": { "alias": "yuwsFilterContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Toolbar of a list page: filters on the leading edge, search, export and column visibility on the
+ * trailing one, and projected content after them. The trailing actions keep the room they need (the
+ * search grows into it when expanded) and the filter row takes the rest, scrolling its active
+ * filters horizontally with faded edges when they do not fit. Below `md` the active filters move to a
+ * full-width second line, still a single scrolling row, and the trailing actions stay on the first.
+ *
+ * Each control renders only when its input is set: `filterGroups`, `searchPlaceholder`,
+ * `showExport`, `hideableColumns`, `viewMode`. Setting `viewMode` adds a list/block switch bound
+ * two-way to it (`viewModeChange` is the click listener); its names come from `labels.viewMode`. Saved filter sets need `filterSets` and `labels.filters.sets`;
+ * the toolbar emits `setSaved`, `setRenamed` and `setDeleted` and the consumer persists them. `labels` holds every text and the consumer translates it;
+ * `idleColor` is the tone of the filter row's outline controls (filters, add button, star). Each active
+ * group renders a combobox opened from an outline button; a projected `<ng-template yuwsFilterContent="groupId">` replaces it (see
+ * `YuwsFilterContentDirective`). `selection` may be set from outside at any time, e.g. restored from
+ * IndexedDB, and the row shows a filter for every group it holds.
+ *
+ * Inputs:
+ * - `filterGroups`: Filter groups the editor offers; the filter control renders only when set.
+ * - `filterSets`: Saved filter sets; together with `labels.filters.sets` it enables the sets star.
+ * - `filtersDisabled`: Disables every control of the filter row. Default is `false`.
+ * - `hiddenColumns`: Two-way (`[(hiddenColumns)]`) ids of the columns currently hidden. Default is `[]`.
+ * - `hideableColumns`: Options of the columns the user may hide; the columns button renders only when set.
+ * - `idleColor`: `YuwColorDto` tone of the filter row's outline controls. Default is `'neutral'`.
+ * - `labels`: Required `YuwsListToolbarLabels` with the consumer's translated text for every control.
+ * - `search`: Two-way (`[(search)]`) text of the search field. Default is `''`.
+ * - `searchPlaceholder`: Placeholder of the search field; the search renders only when set.
+ * - `selection`: Two-way (`[(selection)]`) applied filter selection, values keyed by group id. Default is `{}`.
+ * - `showExport`: Renders the export button. Default is `false`.
+ * - `viewMode`: Two-way (`[(viewMode)]`) `YuwsViewMode` (`'list'` or `'block'`); the list/block switch renders only when set.
+ * - `viewModeIcons`: Partial override of the switch icons by mode (ng-icon names, registered by the consumer with `provideIcons`). Defaults are `lucideList` and `lucideLayoutGrid`.
+ *
+ * Outputs:
+ * - `exported`: Emits the `MouseEvent` of the export button click.
+ * - `searched`: Emits the current search text on every keystroke and when it is cleared.
+ */
+declare class YuwsListToolbarComponent {
+    protected readonly filterContents: _angular_core.Signal<readonly YuwsFilterContentDirective[]>;
+    readonly filterGroups: _angular_core.InputSignal<readonly YuwsFilterGroupDto[] | undefined>;
+    readonly filtersDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filterSets: _angular_core.InputSignal<readonly YuwsFilterSetDto[] | undefined>;
+    readonly hiddenColumns: _angular_core.ModelSignal<string[]>;
+    readonly hideableColumns: _angular_core.InputSignal<YuwComboboxOptionDto<unknown>[] | undefined>;
+    readonly idleColor: _angular_core.InputSignal<YuwColorDto>;
+    readonly labels: _angular_core.InputSignal<YuwsListToolbarLabels>;
+    readonly search: _angular_core.ModelSignal<string>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
+    readonly selection: _angular_core.ModelSignal<Readonly<Record<string, yukit_web.YuwsFilterValue>>>;
+    readonly showExport: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly viewMode: _angular_core.ModelSignal<YuwsViewMode | undefined>;
+    readonly viewModeIcons: _angular_core.InputSignal<Partial<Readonly<Record<YuwsViewMode, string>>> | undefined>;
+    readonly exported: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly searched: _angular_core.OutputEmitterRef<string>;
+    readonly setDeleted: _angular_core.OutputEmitterRef<string>;
+    readonly setRenamed: _angular_core.OutputEmitterRef<YuwsFilterSetRenameDto>;
+    readonly setSaved: _angular_core.OutputEmitterRef<YuwsFilterSetSaveDto>;
+    protected readonly isMobile: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsListToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwsListToolbarComponent, "yuws-list-toolbar", never, { "filterGroups": { "alias": "filterGroups"; "required": false; "isSignal": true; }; "filtersDisabled": { "alias": "filtersDisabled"; "required": false; "isSignal": true; }; "filterSets": { "alias": "filterSets"; "required": false; "isSignal": true; }; "hiddenColumns": { "alias": "hiddenColumns"; "required": false; "isSignal": true; }; "hideableColumns": { "alias": "hideableColumns"; "required": false; "isSignal": true; }; "idleColor": { "alias": "idleColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewModeIcons": { "alias": "viewModeIcons"; "required": false; "isSignal": true; }; }, { "hiddenColumns": "hiddenColumnsChange"; "search": "searchChange"; "selection": "selectionChange"; "viewMode": "viewModeChange"; "exported": "exported"; "searched": "searched"; "setDeleted": "setDeleted"; "setRenamed": "setRenamed"; "setSaved": "setSaved"; }, ["filterContents"], ["*"], true, never>;
+}
+
+/**
+ * Walks a signal form with Enter. An invalid current field only shows its error; otherwise focus moves to the next
+ * invalid field, wrapping around; with none left the form is submitted through `submit`, which runs its
+ * `submission.action`. Disabled, hidden and read-only fields never hold the form back. One delegated listener on the
+ * `<form>`, reading the fields from `FormField` at the moment of the key press, so it works with any control bound with
+ * `[formField]`; focus goes to the first focusable descendant because `yuw-*` hosts are `display: contents`.
+ *
+ * Usage:
+ * ```html
+ * <form [formRoot]="form" yuwsAdvanceOnEnter>...</form>
+ * ```
+ */
+declare class YuwsAdvanceOnEnterDirective {
+    private readonly _root;
+    private readonly _fields;
+    protected onEnter(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsAdvanceOnEnterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwsAdvanceOnEnterDirective, "form[formRoot][yuwsAdvanceOnEnter]", never, {}, {}, ["_fields"], never, true, never>;
+}
+
+/**
+ * Shows the title of a `yuws-page-header` as a text skeleton while it is pending, so a page whose title is entity data
+ * renders a placeholder of the same size instead of an empty gap. The height matches the header's `text-2xl` line.
+ *
+ * Usage:
+ * ```html
+ * <yuws-page-header [title]="title()" [yuwsTitleSkeleton]="!title()" />
+ * ```
+ */
+declare class YuwsTitleSkeletonDirective {
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly skeletonClass = "[&_h1]:block [&_h1]:h-8 [&_h1]:w-56 [&_h1]:max-w-full [&_h1]:rounded-md [&_h1]:bg-muted [&_h1]:motion-safe:animate-pulse";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwsTitleSkeletonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwsTitleSkeletonDirective, "yuws-page-header[yuwsTitleSkeleton]", never, { "loading": { "alias": "yuwsTitleSkeleton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { DATATABLE_ALIGN_CLASS, DATATABLE_LAYOUT_CLASS, DATATABLE_WRAP_CONTENT_CLASS, YUWS_NO_DATA_PLACEHOLDER, YUW_DATATABLE_FEATURES, YUW_DATATABLE_WRAP_MIN_WIDTH, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwActionsCellComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwBreadcrumbTrailService, YuwButtonComponent, YuwButtonGroupComponent, YuwButtonGroupContentDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwClassDirective, YuwComboboxComponent, YuwComboboxItemDirective, YuwComboboxTriggerButtonDirective, YuwComboboxTriggerDirective, YuwCommandComponent, YuwCommandDialogComponent, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatablePaginationDirective, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwFieldBase, YuwInputAddonImports, YuwInputComponent, YuwInputFileComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwMouseScrollXDirective, YuwMouseScrollYDirective, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetHeaderDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuAvatarButtonDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabContentDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextFieldBase, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, YuwsActiveStatusCellComponent, YuwsAdvanceOnEnterDirective, YuwsAvatarNameCellComponent, YuwsCardGridComponent, YuwsCardGridItemComponent, YuwsClampedTextCellComponent, YuwsConfirmDialogComponent, YuwsCopyButtonComponent, YuwsFilterComboboxComponent, YuwsFilterContentDirective, YuwsFlagCellComponent, YuwsFormSheetComponent, YuwsIconActionCellComponent, YuwsImageCellComponent, YuwsImageFieldComponent, YuwsImageUploadComponent, YuwsLinkCellComponent, YuwsListPaginationComponent, YuwsListTableComponent, YuwsListToolbarComponent, YuwsPageHeaderComponent, YuwsPageSizeComponent, YuwsStatusToggleCellComponent, YuwsTitleSkeletonDirective, buildInputOtpGroups, buildYuwActionsColumn, buildYuwsActiveStatusColumn, buildYuwsDateTimeColumn, buildYuwsIconActionColumn, buildYuwsOptionalTextColumn, buildYuwsStatusToggleColumn, cn, createPagedList, createYuwsSheetEditor, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength, yuwCommandDefaultFilter, yuwsInitialsOf, yuwsMediaQuerySignal, yuwsPendingRowClass, yuwsReadFileAsDataUrl };
+export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbCrumb, YuwBreadcrumbItemDto, YuwBreadcrumbRouteData, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxTriggerContext, YuwComboboxValue, YuwCommandGroupDto, YuwCommandItemDto, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatatableRowClass, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwInputFileVariantDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPageQuery, YuwPageRange, YuwPageSort, YuwPagedList, YuwPagedListOptions, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarAvatarDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto, YuwsAvatarNameCellSize, YuwsConfirmationState, YuwsFilterContentContext, YuwsFilterGroupDto, YuwsFilterGroupMode, YuwsFilterOptionDto, YuwsFilterSelection, YuwsFilterSetDto, YuwsFilterSetLabels, YuwsFilterSetRenameDto, YuwsFilterSetSaveDto, YuwsFilterValue, YuwsFormSheetLabels, YuwsIconActionColumn, YuwsImageCellSize, YuwsListPaginationLabels, YuwsListToolbarColumnsLabels, YuwsListToolbarFilterLabels, YuwsListToolbarLabels, YuwsListToolbarSearchLabels, YuwsListToolbarViewModeIcons, YuwsListToolbarViewModeLabels, YuwsPageSizeLabels, YuwsSheetEditor, YuwsStateLabels, YuwsStatusToggleColumn, YuwsTextColumnOptions, YuwsViewMode };