yukit-web 0.4.0 → 0.5.1

package/types/yukit-web.d.ts

@@ -78,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.
  *
@@ -528,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" | "submit" | "reset">;
+    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>;
@@ -665,7 +754,7 @@ declare class YuwButtonGroupComponent {
         color: YuwColorDto;
         transparent: boolean;
         disabled: boolean;
-        type: "button" | "submit" | "reset";
+        type: "reset" | "submit" | "button";
         class: string;
         id: string;
         label?: string;
@@ -869,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.
  *
@@ -1703,52 +1703,6 @@ declare class YuwSkeletonDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSkeletonDirective, "[yuwSkeleton]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.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>;
-}
-
 /**
  * Container directive for card components.
  * Accepts optional `size` input (e.g. `'default'` or `'sm'`).
@@ -2206,230 +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 and closes its list after a pick, `multiple` keeps a set. */
-type YuwFilterGroupMode = 'single' | 'multiple';
-/**
- * `options` feeds the group's combobox. A `yuwFilterContent` template of the same id replaces that
- * combobox; `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;
-}
-/**
- * `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 YuwListToolbarFilterLabels {
-    readonly title: string;
-    readonly add: string;
-    readonly remove: string;
-    readonly clearAll: string;
-    readonly empty: string;
-    readonly sets?: YuwFilterSetLabels;
-}
-interface YuwListToolbarSearchLabels {
-    readonly expand: string;
-    readonly clear: string;
-}
-interface YuwListToolbarColumnsLabels {
-    readonly trigger: string;
-    readonly placeholder: string;
-    readonly empty: 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;
-}
-
+type YuwDatatableAlign = 'start' | 'center' | 'end';
 /**
- * Template context of a `yuwFilterContent` template.
+ * Default floor for a column that opts into `meta.wrap`, as a Tailwind `min-w-*` class.
  *
- * `$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.
+ * 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.
  */
-interface YuwFilterContentContext {
-    readonly $implicit: YuwFilterGroupDto;
-    readonly value: YuwFilterValue | undefined;
-    readonly change: (value: YuwFilterValue | undefined) => void;
-}
+declare const YUW_DATATABLE_WRAP_MIN_WIDTH = "min-w-48";
 /**
- * Replaces the combobox of one active filter inside `<yuw-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
- * <yuw-list-toolbar [filterGroups]="groups" [(selection)]="selection" [labels]="labels">
- *   <ng-template yuwFilterContent="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>
- * </yuw-list-toolbar>
- * ```
+ * 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. 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.
+ * 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 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 yuwFilterContent="groupId">` replaces it (see
- * `YuwFilterContentDirective`). `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 `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
@@ -4385,5 +4145,820 @@ 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, 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, 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, YuwComboboxTriggerContext, 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 filter row never shrinks below its star and
+ * add button; the trailing actions take the room they need above that (the search grows into it when
+ * expanded, and shrinks back to fit when that room runs out) 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 };