yukit-web 0.0.11 → 0.0.13

package/types/yukit-web.d.ts

@@ -14,7 +14,7 @@ import * as i1$4 from 'yukit-web/helm/context-menu';
 import * as i2 from 'yukit-web/helm/dropdown-menu';
 import * as i1$5 from 'yukit-web/helm/table';
 import * as _tanstack_angular_table from '@tanstack/angular-table';
-import { columnFilteringFeature, columnVisibilityFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, RowData, ColumnDef, SortingState, ColumnFiltersState, ColumnVisibilityState, RowSelectionState, PaginationState } from '@tanstack/table-core';
+import { columnFilteringFeature, columnVisibilityFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, RowData, ColumnDef, ColumnFiltersState, ColumnVisibilityState, PaginationState, RowSelectionState, SortingState } from '@tanstack/table-core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as i1$6 from 'yukit-web/helm/item';
 import { HlmItemSeparator } from 'yukit-web/helm/item';
@@ -72,18 +72,18 @@ declare function provideValueAccessor(component: Type<unknown>): Provider;
  * source means disabled. That's the only combination that never drops a caller's intent.
  */
 declare abstract class YuwValueAccessorBase<T> implements ControlValueAccessor {
-    abstract readonly value: ModelSignal<T>;
-    protected abstract _emptyValue(): T;
     protected readonly _formDisabled: _angular_core.WritableSignal<boolean>;
     private _onChange;
     private _onTouched;
-    protected _isDisabled(ownDisabled: boolean): boolean;
-    protected _commit(next: T): void;
-    protected _onBlur(): void;
-    writeValue(value: T | null | undefined): void;
+    abstract readonly value: ModelSignal<T>;
     registerOnChange(fn: (value: T) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
+    writeValue(value: T | null | undefined): void;
+    protected _commit(next: T): void;
+    protected abstract _emptyValue(): T;
+    protected _isDisabled(ownDisabled: boolean): boolean;
+    protected _onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwValueAccessorBase<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwValueAccessorBase<any>, never, never, {}, {}, never, never, true, never>;
 }
@@ -186,6 +186,13 @@ interface YuwButtonGroupClickDto {
  * - `clicked`: Emits MouseEvent on single button click.
  * - `buttonClicked`: Emits object containing clicked button `id` and `event` in group mode.
  *
+ * `_btnClass` merges our variant layer with the consumer's `class`, which goes last so it wins.
+ *
+ * `_resolved` gives each group entry everything its branch of the template needs. A text entry has
+ * no variant/size/color to fall back to, so it takes its own path rather than being run through the
+ * button resolver, which would invent fields its DTO doesn't declare. Its content template is looked
+ * up through a `Map` rather than a per-entry `.find()`, which would make an n-entry group cost n².
+ *
  * The host carries `inline-flex` so it is a real box rather than an inline one: an overlay trigger
  * directive composed onto `<yuw-button>` (see `YuwPopoverTriggerDirective`) anchors its panel to the
  * host element, and an inline host reports a rect that misses the button's own box. Elements that
@@ -211,38 +218,29 @@ interface YuwButtonGroupClickDto {
  */
 declare class YuwButtonComponent {
     private readonly _host;
-    readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
-    readonly size: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
+    private readonly _texts;
+    readonly animationDisabled: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly buttons: _angular_core.InputSignal<YuwButtonGroupEntryDto[] | undefined>;
     readonly color: _angular_core.InputSignal<YuwColorDto>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly groupAriaLabel: _angular_core.InputSignal<string | undefined>;
     readonly href: _angular_core.InputSignal<string | undefined>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    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 yuwDropdownMenuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    readonly buttons: _angular_core.InputSignal<YuwButtonGroupEntryDto[] | undefined>;
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
-    readonly groupAriaLabel: _angular_core.InputSignal<string | undefined>;
-    readonly animationDisabled: _angular_core.InputSignal<boolean>;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     readonly userClass: _angular_core.InputSignal<string>;
-    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
+    readonly yuwDropdownMenuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
     readonly buttonClicked: _angular_core.OutputEmitterRef<YuwButtonGroupClickDto>;
+    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     protected readonly _textClass = "bg-transparent text-foreground border-border dark:border-input";
-    protected readonly _isGroup: _angular_core.Signal<boolean>;
     protected readonly _animationDisabled: _angular_core.Signal<boolean>;
     protected readonly _effectiveVariant: _angular_core.Signal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
-    /** Classes for the single-mode button/anchor: our variant layer + the consumer's `class`, which goes last so it wins. */
     protected readonly _btnClass: _angular_core.Signal<string>;
-    private readonly _texts;
-    /**
-     * The group's entries, each carrying everything its branch of the template needs.
-     *
-     * A text entry has no variant/size/color to fall back to, so it takes its own path rather than
-     * being run through the button resolver, which would invent fields its DTO doesn't declare. Its
-     * content template is looked up through a `Map` rather than a per-entry `.find()`, which would
-     * make an n-entry group cost n² comparisons.
-     */
+    protected readonly _isGroup: _angular_core.Signal<boolean>;
     protected readonly _resolved: _angular_core.Signal<({
         template: TemplateRef<unknown> | undefined;
         id: string;
@@ -267,7 +265,7 @@ declare class YuwButtonComponent {
     protected onClick(event: MouseEvent): void;
     protected onGroupClick(button: YuwButtonGroupItemDto, event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwButtonComponent, "yuw-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "yuwDropdownMenuTrigger": { "alias": "yuwDropdownMenuTrigger"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "groupAriaLabel": { "alias": "groupAriaLabel"; "required": false; "isSignal": true; }; "animationDisabled": { "alias": "animationDisabled"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "buttonClicked": "buttonClicked"; }, ["_texts"], ["[yuwButtonIcon]", "*", "[yuwButtonIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwButtonComponent, "yuw-button", never, { "animationDisabled": { "alias": "animationDisabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "groupAriaLabel": { "alias": "groupAriaLabel"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "yuwDropdownMenuTrigger": { "alias": "yuwDropdownMenuTrigger"; "required": false; "isSignal": true; }; }, { "buttonClicked": "buttonClicked"; "clicked": "clicked"; }, ["_texts"], ["[yuwButtonIcon]", "*", "[yuwButtonIcon]", "*"], true, never>;
 }
 
 /**
@@ -289,8 +287,8 @@ declare class YuwButtonComponent {
  * ```
  */
 declare class YuwButtonGroupTextDirective {
-    readonly entryId: _angular_core.InputSignal<string>;
     readonly templateRef: TemplateRef<unknown>;
+    readonly entryId: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwButtonGroupTextDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwButtonGroupTextDirective, "ng-template[yuwButtonGroupText]", never, { "entryId": { "alias": "yuwButtonGroupText"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -310,16 +308,16 @@ declare class YuwButtonGroupTextDirective {
  * ```
  */
 declare class YuwBadgeComponent {
-    readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
     readonly color: _angular_core.InputSignal<YuwColorDto>;
-    readonly removeLabel: _angular_core.InputSignal<string | undefined>;
     readonly dot: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removeLabel: _angular_core.InputSignal<string | undefined>;
+    readonly variant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
     readonly removed: _angular_core.OutputEmitterRef<void>;
     protected readonly dotClass: _angular_core.Signal<"" | "size-4 p-0">;
     protected readonly removeClass: _angular_core.Signal<string>;
     protected onRemoveClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwBadgeComponent, "yuw-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["[yuwBadgeIcon]", "*"], true, [{ directive: typeof i1.HlmBadge; inputs: { "variant": "variant"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwBadgeComponent, "yuw-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["[yuwBadgeIcon]", "*"], true, [{ directive: typeof i1.HlmBadge; inputs: { "variant": "variant"; }; outputs: {}; }]>;
 }
 
 /** A single crumb in `<yuw-breadcrumb>`'s `items` input. */
@@ -345,11 +343,11 @@ interface YuwBreadcrumbItemDto {
  * ```
  */
 declare class YuwBreadcrumbComponent {
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly items: _angular_core.InputSignal<YuwBreadcrumbItemDto[]>;
     readonly separator: _angular_core.InputSignal<string>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwBreadcrumbComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwBreadcrumbComponent, "yuw-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwBreadcrumbComponent, "yuw-breadcrumb", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -375,18 +373,18 @@ type YuwPaginationSizeDto = 'default' | 'xs' | 'sm' | 'lg' | 'icon' | 'icon-xs'
  * ```
  */
 declare class YuwPaginationComponent {
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<YuwColorDto>;
+    readonly ellipsisSrText: _angular_core.InputSignal<string>;
+    readonly nextLabel: _angular_core.InputSignal<string>;
     readonly page: _angular_core.ModelSignal<number>;
-    readonly totalPages: _angular_core.InputSignal<number>;
     readonly previousLabel: _angular_core.InputSignal<string>;
-    readonly nextLabel: _angular_core.InputSignal<string>;
-    readonly ellipsisSrText: _angular_core.InputSignal<string>;
     readonly size: _angular_core.InputSignal<YuwPaginationSizeDto>;
-    readonly color: _angular_core.InputSignal<YuwColorDto>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly totalPages: _angular_core.InputSignal<number>;
     protected readonly range: _angular_core.Signal<yukit_web.YuwPaginationRangeItem[]>;
     protected goTo(target: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPaginationComponent, "yuw-pagination", never, { "page": { "alias": "page"; "required": true; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": true; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": true; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": true; "isSignal": true; }; "ellipsisSrText": { "alias": "ellipsisSrText"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; }, { "page": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPaginationComponent, "yuw-pagination", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ellipsisSrText": { "alias": "ellipsisSrText"; "required": true; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": true; "isSignal": true; }; "page": { "alias": "page"; "required": true; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": true; "isSignal": true; }; }, { "page": "pageChange"; }, never, never, true, never>;
 }
 
 type YuwPaginationRangeItem = number | 'ellipsis';
@@ -489,43 +487,43 @@ type YuwComboboxValue = string | string[] | undefined;
  * ```
  */
 declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase<YuwComboboxValue> {
-    readonly options: _angular_core.InputSignal<YuwComboboxOptionDto<TData>[]>;
-    readonly value: _angular_core.ModelSignal<YuwComboboxValue>;
-    readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
-    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly _panel;
+    protected readonly itemTemplate: _angular_core.Signal<YuwComboboxItemDirective<TData> | undefined>;
+    readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly placeholder: _angular_core.InputSignal<string | undefined>;
-    readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
     readonly emptyText: _angular_core.InputSignal<string | undefined>;
-    readonly search: _angular_core.ModelSignal<string>;
-    readonly triggerAriaLabel: _angular_core.InputSignal<string>;
-    readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     readonly inputId: _angular_core.InputSignal<string | undefined>;
-    readonly readonlyTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly itemTemplate: _angular_core.Signal<YuwComboboxItemDirective<TData> | undefined>;
-    private readonly _panel;
-    protected readonly _disabled: _angular_core.Signal<boolean>;
-    protected readonly _clearVisible: _angular_core.Signal<boolean>;
-    protected readonly _fieldClass: _angular_core.Signal<string>;
-    protected readonly _chipsClass: _angular_core.Signal<string>;
-    protected readonly _triggerClass: _angular_core.Signal<string>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly options: _angular_core.InputSignal<YuwComboboxOptionDto<TData>[]>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly readonlyTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly search: _angular_core.ModelSignal<string>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
+    readonly triggerAriaLabel: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<YuwComboboxValue>;
     private readonly _generatedId;
+    protected readonly _itemToString: (value: string) => string;
+    protected readonly _chipsClass: _angular_core.Signal<string>;
+    protected readonly _clearVisible: _angular_core.Signal<boolean>;
     protected readonly _controlId: _angular_core.Signal<string>;
-    protected readonly _singleValue: _angular_core.Signal<string | undefined>;
-    protected readonly _multipleValue: _angular_core.Signal<string[]>;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
+    protected readonly _fieldClass: _angular_core.Signal<string>;
     private readonly _labelByValue;
+    protected readonly _multipleValue: _angular_core.Signal<string[]>;
     protected readonly _selectedChips: _angular_core.Signal<{
         value: string;
         label: string;
     }[]>;
     protected readonly _selectedValues: _angular_core.Signal<Set<string>>;
-    protected readonly _itemToString: (value: string) => string;
+    protected readonly _singleValue: _angular_core.Signal<string | undefined>;
+    protected readonly _triggerClass: _angular_core.Signal<string>;
     protected _emptyValue(): YuwComboboxValue;
-    protected onValueChange(next: YuwComboboxValue | null): void;
     protected _onFocusOut(event: FocusEvent): void;
+    protected onValueChange(next: YuwComboboxValue | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwComboboxComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "value": "valueChange"; }, ["itemTemplate"], never, true, never>;
 }
 
 /**
@@ -633,35 +631,35 @@ declare const YuwAccordionImports: readonly [typeof YuwAccordion, typeof YuwAcco
  * ```
  */
 declare class YuwInputComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
-    readonly value: _angular_core.ModelSignal<string>;
+    private readonly _leftAddons;
+    private readonly _rightAddons;
+    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly inputId: _angular_core.InputSignal<string | undefined>;
-    readonly type: _angular_core.InputSignal<YuwInputTypeDto>;
-    readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
     readonly inputmode: _angular_core.InputSignal<YuwInputModeDto | undefined>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly name: _angular_core.InputSignal<string | undefined>;
-    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
     readonly maxlength: _angular_core.InputSignal<number | undefined>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
+    readonly type: _angular_core.InputSignal<YuwInputTypeDto>;
     readonly userClass: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<string>;
     readonly committed: _angular_core.OutputEmitterRef<string>;
     protected readonly _autoId: string;
-    protected readonly _inputId: _angular_core.Signal<string>;
     protected readonly _classes: _angular_core.Signal<string>;
     protected readonly _disabled: _angular_core.Signal<boolean>;
-    private readonly _leftAddons;
-    private readonly _rightAddons;
     protected readonly _hasLeftAddon: _angular_core.Signal<boolean>;
     protected readonly _hasRightAddon: _angular_core.Signal<boolean>;
     protected readonly _hasAddons: _angular_core.Signal<boolean>;
-    protected onInput(event: Event): void;
+    protected readonly _inputId: _angular_core.Signal<string>;
     protected _emptyValue(): string;
     protected onChange(): void;
+    protected onInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputComponent, "yuw-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; }, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputComponent, "yuw-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; }, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
 }
 
 /**
@@ -707,33 +705,33 @@ declare const YuwInputAddonImports: readonly [typeof YuwLeftAddonDirective, type
  * ```
  */
 declare class YuwTextareaComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    private readonly _leftAddons;
+    private readonly _rightAddons;
+    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly name: _angular_core.InputSignal<string | undefined>;
-    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
-    readonly rows: _angular_core.InputSignal<number | undefined>;
     readonly maxlength: _angular_core.InputSignal<number | undefined>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly rows: _angular_core.InputSignal<number | undefined>;
     readonly userClass: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<string>;
     readonly committed: _angular_core.OutputEmitterRef<string>;
     protected readonly _autoId: string;
-    protected readonly _inputId: _angular_core.Signal<string>;
     protected readonly _classes: _angular_core.Signal<string>;
     protected readonly _disabled: _angular_core.Signal<boolean>;
-    private readonly _leftAddons;
-    private readonly _rightAddons;
     protected readonly _hasLeftAddon: _angular_core.Signal<boolean>;
     protected readonly _hasRightAddon: _angular_core.Signal<boolean>;
     protected readonly _hasAddons: _angular_core.Signal<boolean>;
-    protected onInput(event: Event): void;
+    protected readonly _inputId: _angular_core.Signal<string>;
     protected _emptyValue(): string;
     protected onChange(): void;
+    protected onInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwTextareaComponent, "yuw-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; }, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwTextareaComponent, "yuw-textarea", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; }, ["_leftAddons", "_rightAddons"], ["yuw-left-addon", "yuw-right-addon"], true, never>;
 }
 
 /**
@@ -800,45 +798,45 @@ type YuwSearchInputCollapseFromDto = 'left' | 'right';
  * ```
  */
 declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly name: _angular_core.InputSignal<string | undefined>;
+    private readonly _injector;
+    private readonly _input;
     readonly autocomplete: _angular_core.InputSignal<string | undefined>;
-    readonly placeholder: _angular_core.InputSignal<string | undefined>;
     readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     readonly collapseFrom: _angular_core.InputSignal<YuwSearchInputCollapseFromDto | undefined>;
-    readonly expandedWidth: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly expandAriaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly expandedWidth: _angular_core.InputSignal<string>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
     readonly transparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly userClass: _angular_core.InputSignal<string>;
-    private readonly _open;
-    protected readonly _autoId: string;
-    private readonly _input;
-    private readonly _injector;
-    readonly searched: _angular_core.OutputEmitterRef<string>;
+    readonly value: _angular_core.ModelSignal<string>;
     readonly committed: _angular_core.OutputEmitterRef<string>;
-    protected readonly _inputId: _angular_core.Signal<string>;
+    readonly searched: _angular_core.OutputEmitterRef<string>;
+    protected readonly _autoId: string;
+    private readonly _open;
     protected readonly _classes: _angular_core.Signal<string>;
-    protected readonly _disabled: _angular_core.Signal<boolean>;
     protected readonly _collapsible: _angular_core.Signal<boolean>;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
+    protected readonly _expandButtonClasses: _angular_core.Signal<string>;
     protected readonly _expanded: _angular_core.Signal<boolean>;
-    protected readonly _wrapperClasses: _angular_core.Signal<string>;
-    protected readonly _wrapperMaxWidth: _angular_core.Signal<string | null>;
-    protected readonly _iconClasses: _angular_core.Signal<string>;
     protected readonly _fieldClasses: _angular_core.Signal<string>;
-    protected readonly _showExpandButton: _angular_core.Signal<boolean>;
-    /** Geometry for the collapsed expand button, which the helm's capped `size` input cannot express. */
-    protected readonly _expandButtonClasses: _angular_core.Signal<string>;
+    protected readonly _iconClasses: _angular_core.Signal<string>;
+    protected readonly _inputId: _angular_core.Signal<string>;
     protected readonly _showClear: _angular_core.Signal<boolean>;
+    protected readonly _showExpandButton: _angular_core.Signal<boolean>;
+    protected readonly _wrapperClasses: _angular_core.Signal<string>;
+    protected readonly _wrapperMaxWidth: _angular_core.Signal<string | null>;
     protected _emptyValue(): string;
-    protected onInput(event: Event): void;
-    protected onEnter(): void;
+    protected onBlur(): void;
     protected onClear(): void;
+    protected onEnter(): void;
+    protected onEscape(): void;
     /**
      * Focus is deferred to the next render: while collapsed the input carries `tabindex="-1"` and
      * `aria-hidden`, and focusing it before those bindings clear would be dropped by the browser.
@@ -854,10 +852,9 @@ declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> imple
      * programmatic/pointer focus that a collapse produces.
      */
     protected onExpandFocus(event: FocusEvent): void;
-    protected onEscape(): void;
-    protected onBlur(): void;
+    protected onInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSearchInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSearchInputComponent, "yuw-search-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "collapseFrom": { "alias": "collapseFrom"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "searched": "searched"; "committed": "committed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSearchInputComponent, "yuw-search-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "collapseFrom": { "alias": "collapseFrom"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; "searched": "searched"; }, never, never, true, never>;
 }
 
 /**
@@ -888,31 +885,31 @@ declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> imple
  * ```
  */
 declare class YuwPasswordInputComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
-    readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
+    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly masked: _angular_core.ModelSignal<boolean>;
     readonly name: _angular_core.InputSignal<string | undefined>;
-    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly revealAriaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
     readonly userClass: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<string>;
     readonly committed: _angular_core.OutputEmitterRef<string>;
-    readonly masked: _angular_core.ModelSignal<boolean>;
     protected readonly _autoId: string;
-    protected readonly _inputId: _angular_core.Signal<string>;
     protected readonly _classes: _angular_core.Signal<string>;
     protected readonly _disabled: _angular_core.Signal<boolean>;
+    protected readonly _inputId: _angular_core.Signal<string>;
     protected readonly _reveal: _angular_core.Signal<yukit_web.YuwPasswordRevealStateDto>;
     protected _emptyValue(): string;
-    protected onInput(event: Event): void;
     protected onChange(): void;
+    protected onInput(event: Event): void;
     protected onToggleReveal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPasswordInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPasswordInputComponent, "yuw-password-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "revealAriaLabel": { "alias": "revealAriaLabel"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "masked": { "alias": "masked"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "committed": "committed"; "masked": "maskedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPasswordInputComponent, "yuw-password-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "masked": { "alias": "masked"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "revealAriaLabel": { "alias": "revealAriaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "masked": "maskedChange"; "value": "valueChange"; "committed": "committed"; }, never, never, true, never>;
 }
 
 /**
@@ -959,27 +956,27 @@ type YuwInputOtpModeDto = 'numeric' | 'text';
  * ```
  */
 declare class YuwInputOtpComponent extends YuwValueAccessorBase<string> {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly groupSizes: _angular_core.InputSignal<readonly number[]>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly mode: _angular_core.InputSignal<YuwInputOtpModeDto>;
     readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly transformPaste: _angular_core.InputSignal<(pastedText: string, length: number) => string>;
     readonly userClass: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<string>;
     readonly completed: _angular_core.OutputEmitterRef<string>;
     protected readonly _autoId: string;
-    protected readonly _inputId: _angular_core.Signal<string>;
     protected readonly _classes: _angular_core.Signal<string>;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
     protected readonly _groups: _angular_core.Signal<yukit_web.YuwInputOtpGroupDto[]>;
+    protected readonly _inputId: _angular_core.Signal<string>;
     protected readonly _length: _angular_core.Signal<number>;
-    protected readonly _disabled: _angular_core.Signal<boolean>;
     protected _emptyValue(): string;
     protected onValueChange(next: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwInputOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputOtpComponent, "yuw-input-otp", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "groupSizes": { "alias": "groupSizes"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "transformPaste": { "alias": "transformPaste"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completed": "completed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputOtpComponent, "yuw-input-otp", never, { "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "groupSizes": { "alias": "groupSizes"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "transformPaste": { "alias": "transformPaste"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completed": "completed"; }, never, never, true, never>;
 }
 
 /**
@@ -1062,23 +1059,23 @@ declare class YuwLabel extends HlmLabel {
  * ```
  */
 declare class YuwCheckboxComponent extends YuwValueAccessorBase<boolean> {
-    readonly value: _angular_core.ModelSignal<boolean>;
-    readonly indeterminate: _angular_core.ModelSignal<boolean>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly indeterminate: _angular_core.ModelSignal<boolean>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly name: _angular_core.InputSignal<string | undefined>;
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
-    readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    protected readonly _disabled: _angular_core.Signal<boolean>;
+    readonly value: _angular_core.ModelSignal<boolean>;
     protected readonly _class: _angular_core.Signal<string>;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
     protected _emptyValue(): boolean;
     protected onCheckedChange(checked: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCheckboxComponent, "yuw-checkbox", never, { "value": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; }, { "value": "checkedChange"; "indeterminate": "indeterminateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCheckboxComponent, "yuw-checkbox", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "value": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "indeterminate": "indeterminateChange"; "value": "checkedChange"; }, never, ["*"], true, never>;
 }
 
 type YuwSwitchSizeDto = 'default' | 'xs' | 'sm' | 'lg';
@@ -1105,20 +1102,20 @@ type YuwSwitchSizeDto = 'default' | 'xs' | 'sm' | 'lg';
  * ```
  */
 declare class YuwSwitchComponent extends YuwValueAccessorBase<boolean> {
-    readonly value: _angular_core.ModelSignal<boolean>;
-    readonly size: _angular_core.InputSignal<YuwSwitchSizeDto>;
-    protected readonly _helmSize: _angular_core.Signal<"default" | "sm">;
-    protected readonly _switchClass: _angular_core.Signal<string>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
-    readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<YuwSwitchSizeDto>;
+    readonly value: _angular_core.ModelSignal<boolean>;
     protected readonly _disabled: _angular_core.Signal<boolean>;
+    protected readonly _helmSize: _angular_core.Signal<"default" | "sm">;
+    protected readonly _switchClass: _angular_core.Signal<string>;
     protected _emptyValue(): boolean;
     protected onCheckedChange(checked: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSwitchComponent, "yuw-switch", never, { "value": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; }, { "value": "checkedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSwitchComponent, "yuw-switch", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "value": "checkedChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -1160,22 +1157,22 @@ interface YuwRadioOptionDto {
  * ```
  */
 declare class YuwRadioGroupComponent extends YuwValueAccessorBase<string | undefined> {
-    readonly value: _angular_core.ModelSignal<string | undefined>;
-    readonly options: _angular_core.InputSignal<readonly YuwRadioOptionDto[]>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly name: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly options: _angular_core.InputSignal<readonly YuwRadioOptionDto[]>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly userClass: _angular_core.InputSignal<string>;
-    protected readonly _disabled: _angular_core.Signal<boolean>;
+    readonly value: _angular_core.ModelSignal<string | undefined>;
     private readonly _generatedName;
-    protected readonly _name: _angular_core.Signal<string>;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
     protected readonly _groupClass: _angular_core.Signal<string>;
+    protected readonly _name: _angular_core.Signal<string>;
     protected _emptyValue(): string | undefined;
     protected onValueChange(next: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwRadioGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwRadioGroupComponent, "yuw-radio-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwRadioGroupComponent, "yuw-radio-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /**
@@ -1387,11 +1384,11 @@ declare class YuwContextMenuTriggerDirective {
     private readonly _trigger;
     readonly menu: _angular_core.InputSignal<TemplateRef<unknown>>;
     readonly menuData: _angular_core.InputSignal<unknown>;
-    readonly opened: _angular_core.OutputRef<void>;
     readonly closed: _angular_core.OutputRef<void>;
+    readonly opened: _angular_core.OutputRef<void>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwContextMenuTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwContextMenuTriggerDirective, "[yuwContextMenuTrigger]", never, { "menu": { "alias": "yuwContextMenuTrigger"; "required": true; "isSignal": true; }; "menuData": { "alias": "yuwContextMenuTriggerData"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, [{ directive: typeof i1$4.HlmContextMenuTrigger; inputs: { "disabled": "disabled"; "align": "align"; "side": "side"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwContextMenuTriggerDirective, "[yuwContextMenuTrigger]", never, { "menu": { "alias": "yuwContextMenuTrigger"; "required": true; "isSignal": true; }; "menuData": { "alias": "yuwContextMenuTriggerData"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; }, never, never, true, [{ directive: typeof i1$4.HlmContextMenuTrigger; inputs: { "disabled": "disabled"; "align": "align"; "side": "side"; }; outputs: {}; }]>;
 }
 /** Container directive for context menu options, placed inside the context menu template. */
 declare class YuwContextMenuDirective {
@@ -1533,38 +1530,38 @@ type YuwDatepickerModeDto = 'single' | 'range' | 'multiple' | 'monthYear';
  * ```
  */
 declare class YuwDatepickerComponent extends YuwValueAccessorBase<YuwDatepickerValue> {
-    private readonly _singleConfig;
-    private readonly _rangeConfig;
-    private readonly _multiConfig;
-    private readonly _monthYearConfig;
-    readonly mode: _angular_core.InputSignal<YuwDatepickerModeDto>;
-    readonly value: _angular_core.ModelSignal<YuwDatepickerValue>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly placeholder: _angular_core.InputSignal<string | undefined>;
-    readonly minDate: _angular_core.InputSignal<Date | undefined>;
-    readonly maxDate: _angular_core.InputSignal<Date | undefined>;
-    readonly captionLayout: _angular_core.InputSignal<"dropdown" | "label" | "dropdown-months" | "dropdown-years">;
     readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
     readonly buttonId: _angular_core.InputSignal<string | undefined>;
+    readonly captionLayout: _angular_core.InputSignal<"dropdown" | "label" | "dropdown-months" | "dropdown-years">;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly formatDate: _angular_core.InputSignal<((date: Date) => string) | undefined>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly maxDate: _angular_core.InputSignal<Date | undefined>;
+    readonly minDate: _angular_core.InputSignal<Date | undefined>;
+    readonly mode: _angular_core.InputSignal<YuwDatepickerModeDto>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
     readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
     readonly userClass: _angular_core.InputSignal<string>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly formatDate: _angular_core.InputSignal<((date: Date) => string) | undefined>;
+    readonly value: _angular_core.ModelSignal<YuwDatepickerValue>;
     private readonly _generatedButtonId;
-    protected readonly _triggerClass: _angular_core.Signal<string>;
-    protected readonly _disabled: _angular_core.Signal<boolean>;
+    private readonly _monthYearConfig;
+    private readonly _multiConfig;
+    private readonly _rangeConfig;
+    private readonly _singleConfig;
     protected readonly _buttonId: _angular_core.Signal<string>;
-    protected readonly _formatSingle: _angular_core.Signal<(date: Date) => string>;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
     protected readonly _formatMonthYear: _angular_core.Signal<(date: Date) => string>;
-    protected readonly _formatRange: _angular_core.Signal<(dates: [Date | null, Date | null]) => string>;
     protected readonly _formatMulti: _angular_core.Signal<(dates: Date[]) => string>;
-    protected readonly _singleValue: _angular_core.Signal<Date | undefined>;
-    protected readonly _rangeValue: _angular_core.Signal<[Date, Date] | undefined>;
+    protected readonly _formatRange: _angular_core.Signal<(dates: [Date | null, Date | null]) => string>;
+    protected readonly _formatSingle: _angular_core.Signal<(date: Date) => string>;
     protected readonly _multipleValue: _angular_core.Signal<Date[]>;
+    protected readonly _rangeValue: _angular_core.Signal<[Date, Date] | undefined>;
+    protected readonly _singleValue: _angular_core.Signal<Date | undefined>;
+    protected readonly _triggerClass: _angular_core.Signal<string>;
     protected _emptyValue(): YuwDatepickerValue;
     protected onValueChange(next: YuwDatepickerValue): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDatepickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatepickerComponent, "yuw-datepicker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "buttonId": { "alias": "buttonId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatepickerComponent, "yuw-datepicker", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "buttonId": { "alias": "buttonId"; "required": false; "isSignal": true; }; "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 /**
@@ -1628,8 +1625,13 @@ declare class YuwCaptionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwCaptionDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwCaptionDirective, "[yuwCaption]", never, {}, {}, never, never, true, [{ directive: typeof i1$5.HlmCaption; inputs: {}; outputs: {}; }]>;
 }
+/** Table custom pagination div content. */
+declare class YuwDatatablePaginationDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDatatablePaginationDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwDatatablePaginationDirective, "[yuwDatatablePagination]", never, {}, {}, never, never, true, never>;
+}
 /** 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];
+declare const YuwTableImports: readonly [typeof YuwTableContainerDirective, typeof YuwTableDirective, typeof YuwTHeadDirective, typeof YuwTBodyDirective, typeof YuwTFootDirective, typeof YuwTrDirective, typeof YuwThDirective, typeof YuwTdDirective, typeof YuwCaptionDirective, typeof YuwDatatablePaginationDirective];
 
 type YuwDatatableAlign = 'start' | 'center' | 'end';
 /**
@@ -1691,7 +1693,7 @@ interface YuwDatatableFeatures {
 interface YuwDatatableColumnMeta {
     align?: YuwDatatableAlign;
 }
-declare const YUW_DATATABLE_FEATURES: YuwDatatableFeatures;
+
 type YuwDatatableColumnDef<TData extends RowData> = ColumnDef<YuwDatatableFeatures, TData>;
 type YuwDatatableAppearanceDto = 'default' | 'card';
 /**
@@ -1766,45 +1768,47 @@ type YuwDatatableAppearanceDto = 'default' | 'card';
  * ```
  */
 declare class YuwDatatableComponent<TData extends RowData> implements OnInit {
+    readonly customPagination: _angular_core.Signal<YuwDatatablePaginationDirective | undefined>;
+    readonly appearance: _angular_core.InputSignal<YuwDatatableAppearanceDto>;
+    readonly caption: _angular_core.InputSignal<string | undefined>;
+    readonly columnFilters: _angular_core.ModelSignal<ColumnFiltersState>;
     readonly columns: _angular_core.InputSignal<YuwDatatableColumnDef<TData>[]>;
+    readonly columnVisibility: _angular_core.ModelSignal<ColumnVisibilityState>;
     readonly data: _angular_core.InputSignal<TData[]>;
-    readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly paginated: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly emptyText: _angular_core.InputSignal<string | undefined>;
     readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly loadingRows: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly previousPageLabel: _angular_core.InputSignal<string>;
     readonly nextPageLabel: _angular_core.InputSignal<string>;
-    readonly paginationEllipsisSrText: _angular_core.InputSignal<string>;
+    readonly paginated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly pagination: _angular_core.ModelSignal<PaginationState>;
     readonly paginationAriaLabel: _angular_core.InputSignal<string>;
-    readonly caption: _angular_core.InputSignal<string | undefined>;
-    readonly tableClass: _angular_core.InputSignal<string | undefined>;
-    readonly appearance: _angular_core.InputSignal<YuwDatatableAppearanceDto>;
-    readonly sorting: _angular_core.ModelSignal<SortingState>;
-    readonly columnFilters: _angular_core.ModelSignal<ColumnFiltersState>;
-    readonly columnVisibility: _angular_core.ModelSignal<ColumnVisibilityState>;
+    readonly paginationEllipsisSrText: _angular_core.InputSignal<string>;
+    readonly previousPageLabel: _angular_core.InputSignal<string>;
     readonly rowSelection: _angular_core.ModelSignal<RowSelectionState>;
-    readonly pagination: _angular_core.ModelSignal<PaginationState>;
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly sorting: _angular_core.ModelSignal<SortingState>;
+    readonly summary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tableClass: _angular_core.InputSignal<string | undefined>;
     protected rowClicked: _angular_core.OutputEmitterRef<TData>;
     protected readonly _ariaSort: Record<'asc' | 'desc', 'ascending' | 'descending'>;
+    private readonly _options;
     protected readonly _sortIcon: Record<'asc' | 'desc' | 'none', string>;
-    protected readonly currentPage: _angular_core.WritableSignal<number>;
-    protected readonly _isEmpty: _angular_core.Signal<boolean>;
-    protected readonly _columnCount: _angular_core.Signal<number>;
-    protected readonly _skeletonRows: _angular_core.Signal<number[]>;
-    protected readonly _tableClass: _angular_core.Signal<string>;
-    protected readonly _containerClass: _angular_core.Signal<string>;
-    protected readonly _headClass: _angular_core.Signal<string>;
-    protected readonly _rowClass: _angular_core.Signal<string>;
+    protected readonly table: _tanstack_angular_table.AngularTable<YuwDatatableFeatures, TData>;
+    private readonly _selectedRows;
+    readonly selectedRowsChange: _angular_core.OutputRef<TData[]>;
     protected readonly _cellClasses: _angular_core.Signal<Map<string, {
         readonly header: string;
         readonly cell: string;
     }>>;
-    private readonly _options;
-    protected readonly table: _tanstack_angular_table.AngularTable<YuwDatatableFeatures, TData>;
-    private readonly _selectedRows;
-    readonly selectedRowsChange: _angular_core.OutputRef<TData[]>;
+    protected readonly _columnCount: _angular_core.Signal<number>;
+    protected readonly _containerClass: _angular_core.Signal<string>;
+    protected readonly _headClass: _angular_core.Signal<string>;
+    protected readonly _isEmpty: _angular_core.Signal<boolean>;
+    protected readonly _rowClass: _angular_core.Signal<string>;
+    protected readonly _skeletonRows: _angular_core.Signal<number[]>;
+    protected readonly _tableClass: _angular_core.Signal<string>;
+    protected readonly currentPage: _angular_core.WritableSignal<number>;
     /**
      * Applies the real options once, after inputs are set.
      *
@@ -1823,7 +1827,7 @@ declare class YuwDatatableComponent<TData extends RowData> implements OnInit {
     protected onPageChange(page: number): void;
     protected onRowClick(row: TData): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDatatableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatatableComponent<any>, "yuw-datatable", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingRows": { "alias": "loadingRows"; "required": false; "isSignal": true; }; "previousPageLabel": { "alias": "previousPageLabel"; "required": true; "isSignal": true; }; "nextPageLabel": { "alias": "nextPageLabel"; "required": true; "isSignal": true; }; "paginationEllipsisSrText": { "alias": "paginationEllipsisSrText"; "required": true; "isSignal": true; }; "paginationAriaLabel": { "alias": "paginationAriaLabel"; "required": true; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "sorting": { "alias": "sorting"; "required": false; "isSignal": true; }; "columnFilters": { "alias": "columnFilters"; "required": false; "isSignal": true; }; "columnVisibility": { "alias": "columnVisibility"; "required": false; "isSignal": true; }; "rowSelection": { "alias": "rowSelection"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; }, { "sorting": "sortingChange"; "columnFilters": "columnFiltersChange"; "columnVisibility": "columnVisibilityChange"; "rowSelection": "rowSelectionChange"; "pagination": "paginationChange"; "rowClicked": "rowClicked"; "selectedRowsChange": "selectedRowsChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatatableComponent<any>, "yuw-datatable", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "columnFilters": { "alias": "columnFilters"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "columnVisibility": { "alias": "columnVisibility"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingRows": { "alias": "loadingRows"; "required": false; "isSignal": true; }; "nextPageLabel": { "alias": "nextPageLabel"; "required": true; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationAriaLabel": { "alias": "paginationAriaLabel"; "required": true; "isSignal": true; }; "paginationEllipsisSrText": { "alias": "paginationEllipsisSrText"; "required": true; "isSignal": true; }; "previousPageLabel": { "alias": "previousPageLabel"; "required": true; "isSignal": true; }; "rowSelection": { "alias": "rowSelection"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "sorting": { "alias": "sorting"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; }, { "columnFilters": "columnFiltersChange"; "columnVisibility": "columnVisibilityChange"; "pagination": "paginationChange"; "rowSelection": "rowSelectionChange"; "sorting": "sortingChange"; "rowClicked": "rowClicked"; "selectedRowsChange": "selectedRowsChange"; }, ["customPagination"], ["[yuwDatatablePagination]"], true, never>;
 }
 
 declare class YuwDatatableRowSelect {
@@ -1871,17 +1875,17 @@ type YuwAvatarSizeDto = 'default' | 'sm' | 'lg';
  * ```
  */
 declare class YuwAvatarComponent {
-    readonly size: _angular_core.InputSignal<YuwAvatarSizeDto>;
-    readonly src: _angular_core.InputSignal<string | undefined>;
     readonly alt: _angular_core.InputSignal<string>;
-    readonly fallback: _angular_core.InputSignal<string | undefined>;
     readonly badge: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly fallback: _angular_core.InputSignal<string | undefined>;
     readonly group: _angular_core.InputSignal<YuwAvatarGroupItemDto[] | undefined>;
     readonly groupCount: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<YuwAvatarSizeDto>;
+    readonly src: _angular_core.InputSignal<string | undefined>;
     readonly userClass: _angular_core.InputSignal<string>;
     protected readonly _isGroup: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAvatarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAvatarComponent, "yuw-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": true; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "groupCount": { "alias": "groupCount"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["[yuwAvatarBadgeIcon]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAvatarComponent, "yuw-avatar", never, { "alt": { "alias": "alt"; "required": true; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "groupCount": { "alias": "groupCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["[yuwAvatarBadgeIcon]"], true, never>;
 }
 
 /**
@@ -1999,8 +2003,9 @@ type YuwSheetScrollStrategyDto = null | 'close' | 'reposition';
  *   strategy; pass `'reposition'` for a panel that should leave the page scrollable.
  * - `ariaModal`: Whether the sheet claims the rest of the page is hidden. Leave `true` for a real
  *   modal; set `false` when content outside stays visible and usable, so the claim stays honest.
- * - `closeOnOutsidePointerEvents`: Whether a pointer press outside the panel closes it. Default is
- *   `false`, matching the brain.
+ * - `closeOnOutsidePointerEvents`: Whether a pointer press outside the panel closes it, backdrop
+ *   clicks included. Default is `true`, matching the brain from `@spartan-ng/brain` 1.3.4 on; pass
+ *   `false` for a panel that must be dismissed deliberately.
  * - `triggerVariant`: Button style variant for the trigger button.
  * - `triggerSize`: Button size for the trigger button.
  *
@@ -2018,27 +2023,27 @@ type YuwSheetScrollStrategyDto = null | 'close' | 'reposition';
  * ```
  */
 declare class YuwSheetComponent {
+    protected readonly hasFooter: _angular_core.Signal<YuwSheetFooterDirective | undefined>;
     private readonly sheet;
-    readonly open: _angular_core.ModelSignal<boolean>;
-    readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly side: _angular_core.InputSignal<YuwSheetSideDto>;
-    readonly title: _angular_core.InputSignal<string | undefined>;
-    readonly description: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly ariaModal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly closeLabel: _angular_core.InputSignal<string | undefined>;
-    readonly panelClass: _angular_core.InputSignal<string | undefined>;
+    readonly closeOnOutsidePointerEvents: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly open: _angular_core.ModelSignal<boolean>;
     readonly overlayClass: _angular_core.InputSignal<string | undefined>;
+    readonly panelClass: _angular_core.InputSignal<string | undefined>;
     readonly scrollStrategy: _angular_core.InputSignal<YuwSheetScrollStrategyDto>;
-    readonly ariaModal: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly closeOnOutsidePointerEvents: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
+    readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly side: _angular_core.InputSignal<YuwSheetSideDto>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
     readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
-    protected readonly hasFooter: _angular_core.Signal<YuwSheetFooterDirective | undefined>;
-    constructor();
+    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
     protected readonly _sheetState: _angular_core.Signal<"open" | "closed">;
+    constructor();
     protected onStateChanged(state: 'open' | 'closed'): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSheetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSheetComponent, "yuw-sheet", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "overlayClass": { "alias": "overlayClass"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "ariaModal": { "alias": "ariaModal"; "required": false; "isSignal": true; }; "closeOnOutsidePointerEvents": { "alias": "closeOnOutsidePointerEvents"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["hasFooter"], ["[yuwSheetTrigger]", "*", "[yuwSheetFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSheetComponent, "yuw-sheet", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaModal": { "alias": "ariaModal"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "closeOnOutsidePointerEvents": { "alias": "closeOnOutsidePointerEvents"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "overlayClass": { "alias": "overlayClass"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["hasFooter"], ["[yuwSheetTrigger]", "*", "[yuwSheetFooter]"], true, never>;
 }
 declare const YuwSheetImports: readonly [typeof YuwSheetComponent, typeof YuwSheetFooterDirective];
 
@@ -2092,21 +2097,21 @@ type YuwPopoverAlignDto = 'start' | 'center' | 'end';
  * ```
  */
 declare class YuwPopoverComponent {
+    readonly align: _angular_core.InputSignal<YuwPopoverAlignDto>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
     readonly open: _angular_core.ModelSignal<boolean>;
+    readonly panelClass: _angular_core.InputSignal<string | undefined>;
     readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly align: _angular_core.InputSignal<YuwPopoverAlignDto>;
     readonly sideOffset: _angular_core.InputSignal<number>;
     readonly title: _angular_core.InputSignal<string | undefined>;
-    readonly description: _angular_core.InputSignal<string | undefined>;
-    readonly panelClass: _angular_core.InputSignal<string | undefined>;
-    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
+    readonly triggerClass: _angular_core.InputSignal<string>;
     readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
     readonly triggerTransparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly triggerClass: _angular_core.InputSignal<string>;
+    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
     protected readonly _popoverState: _angular_core.Signal<"open" | "closed">;
     protected onOpenChange(state: 'open' | 'closed'): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPopoverComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPopoverComponent, "yuw-popover", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "triggerTransparent": { "alias": "triggerTransparent"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["[yuwPopoverTrigger]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwPopoverComponent, "yuw-popover", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "triggerTransparent": { "alias": "triggerTransparent"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["[yuwPopoverTrigger]", "*"], true, never>;
 }
 
 /**
@@ -2165,10 +2170,10 @@ declare class YuwTooltipDirective {
  * ```
  */
 declare class YuwSpinnerComponent {
-    readonly label: _angular_core.InputSignal<string>;
     readonly icon: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSpinnerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSpinnerComponent, "yuw-spinner", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSpinnerComponent, "yuw-spinner", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type YuwToasterPositionDto = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
@@ -2196,16 +2201,16 @@ type YuwToasterThemeDto = 'light' | 'dark' | 'system';
  * ```
  */
 declare class YuwToasterComponent {
+    readonly closeButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly expand: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly position: _angular_core.InputSignal<YuwToasterPositionDto>;
     readonly richColors: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly theme: _angular_core.InputSignal<YuwToasterThemeDto>;
     readonly toastOptions: _angular_core.InputSignal<ToastOptions>;
-    readonly position: _angular_core.InputSignal<YuwToasterPositionDto>;
-    readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly visibleToasts: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly closeButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly expand: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwToasterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwToasterComponent, "yuw-toaster", never, { "richColors": { "alias": "richColors"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "toastOptions": { "alias": "toastOptions"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "visibleToasts": { "alias": "visibleToasts"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "expand": { "alias": "expand"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwToasterComponent, "yuw-toaster", never, { "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "expand": { "alias": "expand"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "richColors": { "alias": "richColors"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "toastOptions": { "alias": "toastOptions"; "required": false; "isSignal": true; }; "visibleToasts": { "alias": "visibleToasts"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -2275,15 +2280,15 @@ type YuwAlertVariantDto = 'default' | 'destructive';
  * ```
  */
 declare class YuwAlertComponent {
-    readonly variant: _angular_core.InputSignal<YuwAlertVariantDto>;
-    readonly title: _angular_core.InputSignal<string | undefined>;
-    readonly description: _angular_core.InputSignal<string | undefined>;
-    readonly userClass: _angular_core.InputSignal<string>;
+    protected readonly descriptionSlot: _angular_core.Signal<YuwAlertDescriptionDirective | undefined>;
     protected readonly hasAction: _angular_core.Signal<YuwAlertActionDirective | undefined>;
     protected readonly titleSlot: _angular_core.Signal<YuwAlertTitleDirective | undefined>;
-    protected readonly descriptionSlot: _angular_core.Signal<YuwAlertDescriptionDirective | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    readonly userClass: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<YuwAlertVariantDto>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAlertComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAlertComponent, "yuw-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["hasAction", "titleSlot", "descriptionSlot"], ["[yuwAlertIcon]", "[yuwAlertTitle]", "[yuwAlertDescription]", "*", "[yuwAlertAction]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAlertComponent, "yuw-alert", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["descriptionSlot", "hasAction", "titleSlot"], ["[yuwAlertIcon]", "[yuwAlertTitle]", "[yuwAlertDescription]", "*", "[yuwAlertAction]"], true, never>;
 }
 declare const YuwAlertImports: readonly [typeof YuwAlertComponent, typeof YuwAlertActionDirective, typeof YuwAlertTitleDirective, typeof YuwAlertDescriptionDirective];
 
@@ -2339,20 +2344,21 @@ declare class YuwDialogFooterDirective {
  * ```
  */
 declare class YuwDialogComponent {
-    readonly open: _angular_core.ModelSignal<boolean>;
-    readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly title: _angular_core.InputSignal<string | undefined>;
-    readonly description: _angular_core.InputSignal<string | undefined>;
+    protected readonly hasFooter: _angular_core.Signal<YuwDialogFooterDirective | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly closeLabel: _angular_core.InputSignal<string | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly open: _angular_core.ModelSignal<boolean>;
     readonly panelClass: _angular_core.InputSignal<string | undefined>;
-    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
+    readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    readonly triggerColor: _angular_core.InputSignal<YuwColorDto>;
     readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
-    protected readonly hasFooter: _angular_core.Signal<YuwDialogFooterDirective | undefined>;
+    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
     protected readonly _dialogState: _angular_core.Signal<"open" | "closed">;
     protected onStateChanged(state: 'open' | 'closed'): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDialogComponent, "yuw-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["hasFooter"], ["[yuwDialogTrigger]", "*", "[yuwDialogFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDialogComponent, "yuw-dialog", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "triggerColor": { "alias": "triggerColor"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["hasFooter"], ["[yuwDialogTrigger]", "*", "[yuwDialogFooter]"], true, never>;
 }
 declare const YuwDialogImports: readonly [typeof YuwDialogComponent, typeof YuwDialogFooterDirective];
 
@@ -2423,23 +2429,23 @@ type YuwAlertDialogSizeDto = 'sm' | 'default';
  * ```
  */
 declare class YuwAlertDialogComponent {
-    readonly open: _angular_core.ModelSignal<boolean>;
-    readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly description: _angular_core.InputSignal<string | undefined>;
-    readonly confirmLabel: _angular_core.InputSignal<string>;
+    protected readonly hasMedia: _angular_core.Signal<YuwAlertDialogMediaDirective | undefined>;
     readonly cancelLabel: _angular_core.InputSignal<string>;
+    readonly confirmLabel: _angular_core.InputSignal<string>;
     readonly confirmVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly showTrigger: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly size: _angular_core.InputSignal<YuwAlertDialogSizeDto>;
-    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
+    readonly title: _angular_core.InputSignal<string>;
     readonly triggerSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
-    readonly confirmed: _angular_core.OutputEmitterRef<void>;
+    readonly triggerVariant: _angular_core.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
     readonly cancelled: _angular_core.OutputEmitterRef<void>;
-    protected readonly hasMedia: _angular_core.Signal<YuwAlertDialogMediaDirective | undefined>;
+    readonly confirmed: _angular_core.OutputEmitterRef<void>;
     protected readonly _dialogState: _angular_core.Signal<"open" | "closed">;
     protected onStateChanged(state: 'open' | 'closed'): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAlertDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAlertDialogComponent, "yuw-alert-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": true; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": true; "isSignal": true; }; "confirmVariant": { "alias": "confirmVariant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "confirmed": "confirmed"; "cancelled": "cancelled"; }, ["hasMedia"], ["[yuwAlertDialogTrigger]", "[yuwAlertDialogMedia]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwAlertDialogComponent, "yuw-alert-dialog", never, { "cancelLabel": { "alias": "cancelLabel"; "required": true; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": true; "isSignal": true; }; "confirmVariant": { "alias": "confirmVariant"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "cancelled": "cancelled"; "confirmed": "confirmed"; }, ["hasMedia"], ["[yuwAlertDialogTrigger]", "[yuwAlertDialogMedia]", "*"], true, never>;
 }
 
 /**
@@ -2470,8 +2476,8 @@ interface YuwTabItemDto {
  * ```
  */
 declare class YuwTabPanelDirective {
-    readonly tabId: _angular_core.InputSignal<string>;
     readonly templateRef: TemplateRef<unknown>;
+    readonly tabId: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTabPanelDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTabPanelDirective, "ng-template[yuwTabPanel]", never, { "tabId": { "alias": "yuwTabPanel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -2506,17 +2512,17 @@ type YuwTabsActivationModeDto = 'automatic' | 'manual';
  * ```
  */
 declare class YuwTabsComponent {
-    readonly tabs: _angular_core.InputSignal<YuwTabItemDto[]>;
+    protected readonly panels: _angular_core.Signal<readonly YuwTabPanelDirective[]>;
+    readonly activationMode: _angular_core.InputSignal<YuwTabsActivationModeDto>;
     readonly activeTab: _angular_core.ModelSignal<string>;
-    readonly variant: _angular_core.InputSignal<YuwTabsVariantDto>;
+    readonly orientation: _angular_core.InputSignal<YuwTabsOrientationDto>;
     readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
+    readonly tabs: _angular_core.InputSignal<YuwTabItemDto[]>;
+    readonly variant: _angular_core.InputSignal<YuwTabsVariantDto>;
     protected readonly _listClass: _angular_core.Signal<string>;
-    readonly orientation: _angular_core.InputSignal<YuwTabsOrientationDto>;
-    readonly activationMode: _angular_core.InputSignal<YuwTabsActivationModeDto>;
-    protected readonly panels: _angular_core.Signal<readonly YuwTabPanelDirective[]>;
     protected onTabActivated(tabId: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwTabsComponent, "yuw-tabs", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["panels"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwTabsComponent, "yuw-tabs", never, { "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["panels"], never, true, never>;
 }
 
 /**
@@ -2633,8 +2639,8 @@ declare class YuwSidebarRailService {
     private readonly sidebar;
     readonly collapsed: Signal<boolean>;
     private readonly collapsed$;
-    readonly railSettled: Signal<boolean>;
     readonly railPending: Signal<boolean>;
+    readonly railSettled: Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarRailService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<YuwSidebarRailService>;
 }
@@ -2676,6 +2682,7 @@ interface YuwSidebarNavigationDto {
 interface YuwSidebarSubItemDto extends YuwSidebarNavigationDto {
     id: string;
     label: string;
+    icon?: string;
     disabled?: boolean;
 }
 /**
@@ -2774,14 +2781,14 @@ type YuwSidebarCollapsibleDto = 'offcanvas' | 'icon' | 'none';
  */
 declare class YuwSidebarSubmenuService {
     private readonly item;
-    private readonly lastItem;
-    private handledEvent;
     readonly activeItem: Signal<YuwSidebarItemDto | null>;
+    private handledEvent;
+    private readonly lastItem;
     readonly renderedItem: Signal<YuwSidebarItemDto | null>;
     readonly open: Signal<boolean>;
-    toggle(item: YuwSidebarItemDto, event: Event): void;
     close(): void;
     closeUnhandled(event: Event): void;
+    toggle(item: YuwSidebarItemDto, event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarSubmenuService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<YuwSidebarSubmenuService>;
 }
@@ -2875,23 +2882,23 @@ declare class YuwSidebarSubmenuService {
  * ```
  */
 declare class YuwSidebarComponent {
-    private readonly config;
     protected readonly _rail: YuwSidebarRailService;
     protected readonly _submenu: YuwSidebarSubmenuService;
-    readonly side: _angular_core.InputSignal<YuwSidebarSideDto>;
-    readonly variant: _angular_core.InputSignal<YuwSidebarVariantDto>;
     readonly collapsible: _angular_core.InputSignal<YuwSidebarCollapsibleDto>;
-    readonly sidebarWidthMobile: _angular_core.InputSignal<string>;
-    readonly sidebarContainerClass: _angular_core.InputSignal<string>;
     readonly content: _angular_core.InputSignal<YuwSidebarContentDto | undefined>;
     readonly footer: _angular_core.InputSignal<YuwSidebarContentDto | undefined>;
+    readonly side: _angular_core.InputSignal<YuwSidebarSideDto>;
+    readonly sidebarContainerClass: _angular_core.InputSignal<string>;
+    private readonly config;
+    readonly sidebarWidthMobile: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<YuwSidebarVariantDto>;
     readonly itemClicked: _angular_core.OutputEmitterRef<YuwSidebarItemClickDto>;
-    protected readonly _containerClass: _angular_core.Signal<string>;
-    protected readonly _isRail: _angular_core.Signal<boolean>;
     readonly collapsedChange: _angular_core.OutputRef<boolean>;
     readonly railSettledChange: _angular_core.OutputRef<boolean>;
+    protected readonly _containerClass: _angular_core.Signal<string>;
+    protected readonly _isRail: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSidebarComponent, "yuw-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "sidebarWidthMobile": { "alias": "sidebarWidthMobile"; "required": false; "isSignal": true; }; "sidebarContainerClass": { "alias": "sidebarContainerClass"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; "collapsedChange": "collapsedChange"; "railSettledChange": "railSettledChange"; }, never, ["[yuwSidebarHeader], yuw-sidebar-header", "[yuwSidebarContentExtra]", "*", "[yuwSidebarFooterExtra]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwSidebarComponent, "yuw-sidebar", never, { "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "sidebarContainerClass": { "alias": "sidebarContainerClass"; "required": false; "isSignal": true; }; "sidebarWidthMobile": { "alias": "sidebarWidthMobile"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; "collapsedChange": "collapsedChange"; "railSettledChange": "railSettledChange"; }, never, ["[yuwSidebarHeader], yuw-sidebar-header", "[yuwSidebarContentExtra]", "*", "[yuwSidebarFooterExtra]"], true, never>;
 }
 
 /**
@@ -2982,6 +2989,7 @@ declare class YuwSidebarContentDirective {
 }
 /** Bottom area of the sidebar, below the scrollable content. */
 declare class YuwSidebarFooterDirective {
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFooterDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFooterDirective, "[yuwSidebarFooter], yuw-sidebar-footer", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarFooter; inputs: {}; outputs: {}; }]>;
 }
@@ -3040,8 +3048,18 @@ declare class YuwSidebarFooterExtraDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFooterExtraDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFooterExtraDirective, "[yuwSidebarFooterExtra]", never, {}, {}, never, never, true, never>;
 }
-/** A single entry of a sidebar menu. Apply to an `<li>`. */
+/**
+ * A single entry of a sidebar menu. Apply to an `<li>`.
+ *
+ * Collapsed, the item is what owns the rail's spacing: `YUW_SIDEBAR_RAIL_PADDING` on all four sides,
+ * which is why the group drops its own padding and the menu its gap in that state. Putting it here
+ * rather than on the group is what makes the vertical and horizontal spacing come from one number —
+ * adjacent items contribute 22px each, so the gap between two of them and the gap to the panel edge
+ * stay in the same proportion no matter how the list is grouped. The rail renders as one flat list of
+ * items; its groups have no visible boundary of their own to hang spacing off.
+ */
 declare class YuwSidebarMenuItemDirective {
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuItemDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuItemDirective, "li[yuwSidebarMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuItem; inputs: {}; outputs: {}; }]>;
 }
@@ -3088,14 +3106,16 @@ declare class YuwSidebarMenuItemDirective {
  *   with a trailing chevron, so the label is no longer the last child and a positional selector
  *   would skip exactly those entries. `span` is unambiguous here — the label is the only one a menu
  *   button has, with the badge living outside the button on the `<li>`.
- * - The icon grows through `scale-150` rather than a font-size bump, so it can be transitioned: only
+ * - The icon grows through `scale-125` rather than a font-size bump, so it can be transitioned: only
  *   `transform`-family properties animate on the compositor, and a `font-size` change would relayout
- *   the row on every frame.
+ *   the row on every frame. The factor is what turns the `--spacing(4)` base into the rail's
+ *   `YUW_SIDEBAR_RAIL_ICON_SIZE`, so the two move together — the icon's layout box stays 16px and the
+ *   spacing around it comes from the item's padding, not from the icon's own box.
  *
  * Which state each class hangs off is load-bearing, because the two attributes fire at different
  * times. `data-collapsible` flips the instant the toggle is pressed; `data-yuw-rail` waits for the
  * width animation to finish. Anything that should hold its expanded look *through* the animation
- * therefore keys off the rail attribute — the label's `hidden`, the centring, the icon's scale — while
+ * therefore keys off the rail attribute — the label's `hidden`, the centring, the icon's size — while
  * the width and height overrides key off `collapsible`, to displace the helm's `size-8!` before it can
  * snap the row to 32px and truncate the label away in the first frame. That snap is what made the text vanish
  * on click instead of ellipsing gradually as the panel narrows.
@@ -3139,12 +3159,13 @@ declare class YuwSidebarSeparatorDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarSeparatorDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarSeparatorDirective, "[yuwSidebarSeparator], yuw-sidebar-separator", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarSeparator; inputs: {}; outputs: {}; }]>;
 }
-/** Thin draggable edge that toggles the sidebar. Apply to a `<button>`. */
+/**
+ * Thin draggable edge that toggles the sidebar. Apply to a `<button>`.
+ *
+ * `label` is the accessible label of the rail button (it has no visible text). User-facing text —
+ * the consuming app is responsible for providing it already translated.
+ */
 declare class YuwSidebarRailDirective {
-    /**
-     * Accessible label of the rail button (it has no visible text). User-facing text — the
-     * consuming app is responsible for providing it already translated.
-     */
     readonly label: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarRailDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarRailDirective, "button[yuwSidebarRail]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarRail; inputs: {}; outputs: {}; }]>;
@@ -3155,5 +3176,9 @@ declare class YuwSidebarInsetDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarInsetDirective, "main[yuwSidebarInset]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarInset; inputs: {}; outputs: {}; }]>;
 }
 
-export { DATATABLE_ALIGN_CLASS, YUW_DATATABLE_FEATURES, YUW_PASSWORD_REVEAL_STATES, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwButtonComponent, YuwButtonGroupTextDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwComboboxComponent, YuwComboboxItemDirective, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwInputAddonImports, YuwInputComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, cn, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength };
-export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbItemDto, YuwButtonGroupClickDto, YuwButtonGroupEntryDto, YuwButtonGroupItemDto, YuwButtonGroupTextDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto };
+declare const YUW_SIDEBAR_RAIL_PADDING = "22px";
+declare const YUW_SIDEBAR_RAIL_ICON_SIZE = "20px";
+declare const YUW_SIDEBAR_RAIL_WIDTH = "78px";
+
+export { DATATABLE_ALIGN_CLASS, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwButtonComponent, YuwButtonGroupTextDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwComboboxComponent, YuwComboboxItemDirective, 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, YuwInputAddonImports, YuwInputComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, cn, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength };
+export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbItemDto, YuwButtonGroupClickDto, YuwButtonGroupEntryDto, YuwButtonGroupItemDto, YuwButtonGroupTextDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto };