yukit-web 0.0.1 → 0.0.3

package/types/yukit-web.d.ts

@@ -17,12 +17,16 @@ 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 * as i1$6 from 'yukit-web/helm/item';
 import { HlmItemSeparator } from 'yukit-web/helm/item';
-import * as i1$7 from '@spartan-ng/brain/tooltip';
+import * as i1$7 from '@spartan-ng/brain/sheet';
+import * as i1$8 from '@spartan-ng/brain/popover';
+import * as i1$9 from '@spartan-ng/brain/tooltip';
 import { ToastOptions } from '@spartan-ng/brain/sonner';
 export { toast as yuwToast } from '@spartan-ng/brain/sonner';
-import * as i1$8 from 'yukit-web/helm/attachment';
+import * as i1$a from '@spartan-ng/brain/dialog';
+import * as i1$b from '@spartan-ng/brain/alert-dialog';
+import * as i1$c from 'yukit-web/helm/attachment';
 import { HlmAttachmentAction } from 'yukit-web/helm/attachment';
-import * as i1$9 from 'yukit-web/helm/sidebar';
+import * as i1$d from 'yukit-web/helm/sidebar';
 export { HlmSidebarConfig as YuwSidebarConfigDto, HlmSidebarService as YuwSidebarService, SidebarVariant as YuwSidebarServiceVariantDto, provideHlmSidebarConfig as provideYuwSidebarConfig } from 'yukit-web/helm/sidebar';
 
 /**
@@ -111,6 +115,7 @@ type YuwColorDto = 'primary' | 'secondary' | 'destructive' | 'success' | 'warnin
 interface YuwButtonGroupItemDto {
     id: string;
     label: string;
+    kind?: 'button';
     variant?: ButtonVariants['variant'];
     size?: ButtonVariants['size'];
     color?: YuwColorDto;
@@ -122,6 +127,31 @@ interface YuwButtonGroupItemDto {
     yuwDropdownMenuTrigger?: TemplateRef<unknown> | undefined;
     transparent?: boolean;
 }
+/**
+ * A static, non-interactive segment welded into the same row as the buttons — a leading caption, a
+ * trailing unit, a checkbox that applies to the whole group.
+ *
+ * A separate type rather than optional fields on `YuwButtonGroupItemDto`: a text segment honors none
+ * of that interface's button surface, and merging them would hand consumers fields that silently do
+ * nothing on half the entries.
+ *
+ * `label` renders as-is. For content a string can't express (a `yuw-checkbox`, custom markup),
+ * declare an `<ng-template yuwButtonGroupText="<id>">` whose id matches this entry; the template
+ * wins over `label` when both are present.
+ */
+interface YuwButtonGroupTextDto {
+    id: string;
+    kind: 'text';
+    label?: string;
+}
+/**
+ * What `<yuw-button>`'s `buttons` input accepts: buttons, text segments, in whatever order the
+ * consumer lists them.
+ *
+ * `kind` is optional on the button variant, so existing `{id, label}` arrays keep working: an entry
+ * without `kind` is a button.
+ */
+type YuwButtonGroupEntryDto = YuwButtonGroupItemDto | YuwButtonGroupTextDto;
 /** What `<yuw-button>` emits from `buttonClicked` in the group form. */
 interface YuwButtonGroupClickDto {
     id: string;
@@ -143,7 +173,9 @@ interface YuwButtonGroupClickDto {
  * - `class`: Extra CSS classes merged onto the inner button/anchor (single and link mode); merged last, so they win over the component's own classes.
  * - `yuwDropdownMenuTrigger`: Optional dropdown menu template reference to trigger.
  * - `ariaLabel`: Accessible label for screen readers.
- * - `buttons`: Array of button items (`YuwButtonGroupItemDto[]`) to render as a welded button group.
+ * - `buttons`: Array of group entries (`YuwButtonGroupEntryDto[]`) to render as a welded button group.
+ *   A `kind: 'text'` entry renders a static, non-interactive segment instead of a button; give it an
+ *   `<ng-template yuwButtonGroupText="<id>">` to fill it with markup rather than a plain `label`.
  * - `orientation`: Group layout orientation (`'horizontal'` or `'vertical'`). Default is `'horizontal'`.
  * - `groupAriaLabel`: Accessible name for button group container.
  *
@@ -151,6 +183,12 @@ interface YuwButtonGroupClickDto {
  * - `clicked`: Emits MouseEvent on single button click.
  * - `buttonClicked`: Emits object containing clicked button `id` and `event` in group mode.
  *
+ * 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
+ * need to be positioned — an overlay's close button, for instance — get a positioned wrapper around
+ * `<yuw-button>` rather than relying on the host's own display.
+ *
  * Single Button Usage:
  * ```html
  * <yuw-button variant="outline" color="primary" (clicked)="onSave()">Save</yuw-button>
@@ -160,6 +198,12 @@ interface YuwButtonGroupClickDto {
  * Button Group Usage:
  * ```html
  * <yuw-button [buttons]="actionList" (buttonClicked)="onAction($event)" />
+ *
+ * <yuw-button [buttons]="[{id: 'caption', kind: 'text', label: 'Sort by'}, ...sortActions]">
+ *   <ng-template yuwButtonGroupText="select-all">
+ *     <yuw-checkbox [(checked)]="allSelected" />
+ *   </ng-template>
+ * </yuw-button>
  * ```
  */
 declare class YuwButtonComponent {
@@ -173,7 +217,7 @@ declare class YuwButtonComponent {
     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<YuwButtonGroupItemDto[] | undefined>;
+    readonly buttons: _angular_core.InputSignal<YuwButtonGroupEntryDto[] | undefined>;
     readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
     readonly groupAriaLabel: _angular_core.InputSignal<string | undefined>;
     /**
@@ -183,10 +227,26 @@ declare class YuwButtonComponent {
     readonly userClass: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly buttonClicked: _angular_core.OutputEmitterRef<YuwButtonGroupClickDto>;
+    protected readonly _textClass = "bg-transparent text-foreground";
     protected readonly _isGroup: _angular_core.Signal<boolean>;
+    protected readonly _effectiveVariant: _angular_core.Signal<"secondary" | "destructive" | "default" | "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>;
-    protected readonly _resolved: _angular_core.Signal<{
+    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 _resolved: _angular_core.Signal<({
+        template: TemplateRef<unknown> | undefined;
+        id: string;
+        kind: "text";
+        label?: string;
+    } | {
         variant: "secondary" | "destructive" | "default" | "outline" | "ghost" | "link" | null | undefined;
         size: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
         color: YuwColorDto;
@@ -195,16 +255,42 @@ declare class YuwButtonComponent {
         class: string;
         id: string;
         label: string;
+        kind?: "button";
         href?: string;
         target?: string;
         ariaLabel?: string;
         yuwDropdownMenuTrigger?: TemplateRef<unknown> | undefined;
         transparent?: boolean;
-    }[]>;
+    })[]>;
     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; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "buttonClicked": "buttonClicked"; }, never, ["[yuwButtonIcon]", "*", "[yuwButtonIcon]", "*"], true, 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; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "buttonClicked": "buttonClicked"; }, ["_texts"], ["[yuwButtonIcon]", "*", "[yuwButtonIcon]", "*"], true, never>;
+}
+
+/**
+ * Declares the content of a single text segment inside `<yuw-button>`'s button group. Apply it to
+ * an `<ng-template>` and pass the id of the `kind: 'text'` entry it belongs to, matching an entry
+ * in the `buttons` input.
+ *
+ * Exists because a text segment often isn't text — a checkbox, a badge, an icon with a count — and a
+ * component cannot travel through a data array. An entry whose id has no matching template falls
+ * back to its `label`, so the plain-string case needs no template at all.
+ *
+ * Usage:
+ * ```html
+ * <yuw-button [buttons]="entries">
+ *   <ng-template yuwButtonGroupText="select-all">
+ *     <yuw-checkbox [(checked)]="allSelected" />
+ *   </ng-template>
+ * </yuw-button>
+ * ```
+ */
+declare class YuwButtonGroupTextDirective {
+    readonly entryId: _angular_core.InputSignal<string>;
+    readonly templateRef: TemplateRef<unknown>;
+    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>;
 }
 
 /**
@@ -222,14 +308,16 @@ declare class YuwButtonComponent {
  * ```
  */
 declare class YuwBadgeComponent {
+    readonly variant: _angular_core.InputSignal<"secondary" | "destructive" | "default" | "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 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, { "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, { "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: {}; }]>;
 }
 
 /** A single crumb in `<yuw-breadcrumb>`'s `items` input. */
@@ -637,7 +725,15 @@ declare class YuwTextareaComponent extends YuwValueAccessorBase<string> implemen
 }
 
 /**
- * Search input control featuring a leading search icon, optional clear button, and form integration (`ngModel`, `formControlName`).
+ * Edge a collapsible `yuw-search-input` stays anchored to while the opposite edge travels.
+ *
+ * `'right'` keeps the right edge fixed so the field grows leftwards; `'left'` mirrors it.
+ */
+type YuwSearchInputCollapseFromDto = 'left' | 'right';
+
+/**
+ * Search input control featuring a leading search icon, optional clear button, an optional
+ * collapsible mode, and form integration (`ngModel`, `formControlName`).
  *
  * Inputs / Models:
  * - `value`: Two-way search query string.
@@ -650,6 +746,14 @@ declare class YuwTextareaComponent extends YuwValueAccessorBase<string> implemen
  * - `autocomplete`: Native `autocomplete` attribute.
  * - `placeholder`: Hint text shown inside the empty field.
  * - `clearAriaLabel`: Accessible name for the clear button. Supplying it enables the clear button; omit to hide it.
+ * - `collapseFrom`: Enables collapsible mode and picks the anchored edge — `'right'` collapses back
+ *   towards the right edge (the field grows leftwards), `'left'` mirrors it. Omit for a field that
+ *   is always expanded.
+ * - `expandAriaLabel`: Accessible name for the collapsed search button. Required to make collapsible
+ *   mode usable, since the collapsed control has no visible text — user-facing text the consuming
+ *   app is responsible for translating.
+ * - `expandedWidth`: CSS width the field animates out to, e.g. `'18rem'`. Default is `'16rem'`.
+ *   Collapsible mode only.
  * - `class`: Extra classes merged onto the input group.
  *
  * Outputs:
@@ -657,9 +761,26 @@ declare class YuwTextareaComponent extends YuwValueAccessorBase<string> implemen
  * - `committed`: Emits the current query string when the user presses Enter — for searches that
  *   hit a server on explicit submit rather than on every keystroke.
  *
+ * ## Collapsible mode
+ *
+ * Collapsed, the control is a square icon button; activating it animates the same element out to its
+ * expanded width and focuses the field. It collapses again on Escape, or on blur while the query is
+ * empty — a blur with text still in the field keeps the field open, because collapsing would hide a
+ * query the user can no longer see or edit.
+ *
+ * Button and field are one element tree rather than two swapped views, so the transition is
+ * continuous and the input is never re-created mid-animation (which would drop focus and the caret).
+ *
  * Usage:
  * ```html
  * <yuw-search-input [(value)]="query" placeholder="Search items..." clearAriaLabel="Clear search" (searched)="onSearch($event)" />
+ *
+ * <yuw-search-input
+ *   [(value)]="query"
+ *   collapseFrom="right"
+ *  *   expandAriaLabel="Open search"
+ *   placeholder="Search items..."
+ * />
  * ```
  */
 declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> implements YuwTextFieldContract {
@@ -673,21 +794,50 @@ declare class YuwSearchInputComponent extends YuwValueAccessorBase<string> imple
     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 expandAriaLabel: _angular_core.InputSignal<string | undefined>;
     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 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>;
+    protected readonly _collapsible: _angular_core.Signal<boolean>;
+    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>;
     protected readonly _showClear: _angular_core.Signal<boolean>;
-    private readonly _input;
     protected _emptyValue(): string;
     protected onInput(event: Event): void;
     protected onEnter(): void;
     protected onClear(): 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.
+     */
+    protected onExpand(): void;
+    /**
+     * Expands when the collapsed button receives focus, so reaching it with Tab opens the field
+     * instead of leaving the user on a button they must also activate.
+     *
+     * Gated on `:focus-visible` to stay out of a focus loop: collapsing on blur remounts this button,
+     * and if the browser then lands focus on it, an ungated handler would re-expand and the control
+     * could never be tabbed past. `:focus-visible` is set for keyboard traversal but not for the
+     * programmatic/pointer focus that a collapse produces.
+     */
+    protected onExpandFocus(event: FocusEvent): void;
+    protected onEscape(): void;
+    protected onBlur(): 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; }; "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, { "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; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "searched": "searched"; "committed": "committed"; }, never, never, true, never>;
 }
 
 /**
@@ -1491,6 +1641,10 @@ type YuwDatatableColumnDef<TData extends RowData> = ColumnDef<YuwDatatableFeatur
  *   User-facing text the consuming app is responsible for translating.
  * - `nextPageLabel` (required): Accessible name for the footer's next-page button. User-facing
  *   text the consuming app is responsible for translating.
+ * - `paginationEllipsisSrText` (required): Screen-reader text for the pagination ellipsis.
+ *   User-facing text the consuming app is responsible for translating.
+ * - `paginationAriaLabel` (required): Accessible name for the pagination navigation landmark.
+ *   User-facing text the consuming app is responsible for translating.
  * - `caption`: Optional `<caption>` text for the table. User-facing text the consuming app is
  *   responsible for translating; when absent, no caption is rendered.
  * - `tableClass`: Extra classes merged onto the inner `<table>` element. The host is
@@ -1530,6 +1684,8 @@ declare class YuwDatatableComponent<TData extends RowData> implements OnInit {
     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 paginationAriaLabel: _angular_core.InputSignal<string>;
     readonly caption: _angular_core.InputSignal<string | undefined>;
     readonly tableClass: _angular_core.InputSignal<string | undefined>;
     readonly sorting: _angular_core.ModelSignal<SortingState>;
@@ -1537,6 +1693,9 @@ declare class YuwDatatableComponent<TData extends RowData> implements OnInit {
     readonly columnVisibility: _angular_core.ModelSignal<ColumnVisibilityState>;
     readonly rowSelection: _angular_core.ModelSignal<RowSelectionState>;
     readonly pagination: _angular_core.ModelSignal<PaginationState>;
+    protected readonly currentPage: _angular_core.WritableSignal<number>;
+    /** Translates a 1-based page from `<yuw-pagination>` back into TanStack's zero-based state. */
+    protected onPageChange(page: number): void;
     private readonly _options;
     protected readonly table: _tanstack_angular_table.AngularTable<YuwDatatableFeatures, TData>;
     private readonly _selectedRows;
@@ -1562,7 +1721,7 @@ declare class YuwDatatableComponent<TData extends RowData> implements OnInit {
     protected readonly _tableClass: _angular_core.Signal<string>;
     protected readonly _ariaSort: Record<'asc' | 'desc', 'ascending' | 'descending'>;
     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; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "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"; "selectedRowsChange": "selectedRowsChange"; }, never, never, true, 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; }; "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"; "selectedRowsChange": "selectedRowsChange"; }, never, never, true, never>;
 }
 
 /** A single entry in `<yuw-avatar>`'s `group` input, which turns it into a stack of overlapping avatars. */
@@ -1753,6 +1912,23 @@ declare class YuwSheetComponent {
 }
 declare const YuwSheetImports: readonly [typeof YuwSheetComponent, typeof YuwSheetFooterDirective];
 
+/**
+ * Makes a `<yuw-button>` the trigger of the surrounding `<yuw-sheet>`.
+ *
+ * Mirrors `YuwDialogTriggerDirective`: the helm trigger only matches a native `button`, so the brain
+ * directive is composed here instead, keeping `[hlmBtn]` inside `<yuw-button>`. `side` is forwarded
+ * so a trigger can override which edge the sheet appears from.
+ */
+declare class YuwSheetTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSheetTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSheetTriggerDirective, "yuw-button[yuwSheetTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$7.BrnSheetTrigger; inputs: { "id": "id"; "side": "side"; "type": "type"; }; outputs: {}; }]>;
+}
+/** Closes the surrounding `<yuw-sheet>` when the host `<yuw-button>` is activated. */
+declare class YuwSheetCloseDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSheetCloseDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSheetCloseDirective, "yuw-button[yuwSheetClose]", never, {}, {}, never, never, true, [{ directive: typeof i1$7.BrnSheetClose; inputs: {}; outputs: {}; }]>;
+}
+
 type YuwPopoverAlignDto = 'start' | 'center' | 'end';
 /**
  * Popover component for displaying anchored floating overlay panels.
@@ -1768,6 +1944,13 @@ type YuwPopoverAlignDto = 'start' | 'center' | 'end';
  *   over the library defaults via `twMerge`.
  * - `triggerVariant`: Button style variant for the trigger button.
  * - `triggerSize`: Button size for the trigger button.
+ * - `triggerTransparent`: Strips the trigger's background and border in every state (rest, hover,
+ *   open), for triggers whose projected content is the whole control — an avatar, a name, a chevron.
+ * - `triggerClass`: Extra classes merged onto the trigger button, last, so they beat both the
+ *   variant classes and `triggerTransparent` (e.g. `h-auto p-0` to drop the button's own box).
+ *
+ * The trigger is a `<yuw-button>`; `YuwPopoverTriggerDirective` composes the brain trigger onto it,
+ * so the popover reuses our button component instead of applying `[hlmBtn]` directly.
  *
  * Usage:
  * ```html
@@ -1788,10 +1971,29 @@ declare class YuwPopoverComponent {
     readonly panelClass: _angular_core.InputSignal<string | undefined>;
     readonly triggerVariant: _angular_core.InputSignal<"secondary" | "destructive" | "default" | "outline" | "ghost" | "link" | null | undefined>;
     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>;
     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; }; }, { "open": "openChange"; }, never, ["[yuwPopoverTrigger]", "*"], true, 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>;
+}
+
+/**
+ * Makes a `<yuw-button>` the trigger of the surrounding `<yuw-popover>`.
+ *
+ * The helm trigger directive's selector only matches a native `button`, so composing the brain
+ * directive here is what lets the popover use `<yuw-button>` rather than a bare `[hlmBtn]` element.
+ * Brain needs three things from its host, all of which `<yuw-button>` provides: the `click` that
+ * bubbles up from the inner button, the `aria-expanded`/`data-state` attributes, and a host box to
+ * anchor the panel against — hence `<yuw-button>`'s `inline-flex` host, since a `display: contents`
+ * host has no rect for the overlay to position from.
+ *
+ * `data-slot` mirrors the helm directive so the popover stylesheet targets both identically.
+ */
+declare class YuwPopoverTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwPopoverTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwPopoverTriggerDirective, "yuw-button[yuwPopoverTriggerFor], yuw-button[yuwPopoverTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$8.BrnPopoverTrigger; inputs: { "id": "id"; "brnPopoverTriggerFor": "yuwPopoverTriggerFor"; "type": "type"; }; outputs: {}; }]>;
 }
 
 type YuwTooltipPositionDto = 'top' | 'bottom' | 'left' | 'right';
@@ -1816,7 +2018,7 @@ type YuwTooltipPositionDto = 'top' | 'bottom' | 'left' | 'right';
  */
 declare class YuwTooltipDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwTooltipDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTooltipDirective, "[yuwTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1$7.BrnTooltip; inputs: { "brnTooltip": "yuwTooltip"; "position": "position"; "hideDelay": "hideDelay"; "showDelay": "showDelay"; "tooltipDisabled": "tooltipDisabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwTooltipDirective, "[yuwTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.BrnTooltip; inputs: { "brnTooltip": "yuwTooltip"; "position": "position"; "hideDelay": "hideDelay"; "showDelay": "showDelay"; "tooltipDisabled": "tooltipDisabled"; }; outputs: {}; }]>;
 }
 
 /**
@@ -2024,6 +2226,25 @@ declare class YuwDialogComponent {
 }
 declare const YuwDialogImports: readonly [typeof YuwDialogComponent, typeof YuwDialogFooterDirective];
 
+/**
+ * Makes a `<yuw-button>` the trigger of the surrounding `<yuw-dialog>`.
+ *
+ * The helm trigger directive's selector only matches a native `button`, so composing the brain
+ * directive here is what lets the dialog use `<yuw-button>` rather than applying `[hlmBtn]` outside
+ * of `<yuw-button>` itself. A dialog is centred rather than anchored to its trigger, so brain needs
+ * only the click — which bubbles up from the inner button — and the `aria-expanded`/`data-state`
+ * attributes it writes on the host.
+ */
+declare class YuwDialogTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDialogTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwDialogTriggerDirective, "yuw-button[yuwDialogTriggerFor], yuw-button[yuwDialogTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$a.BrnDialogTrigger; inputs: { "id": "id"; "brnDialogTriggerFor": "yuwDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+}
+/** Closes the surrounding `<yuw-dialog>` when the host `<yuw-button>` is activated. */
+declare class YuwDialogCloseDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDialogCloseDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwDialogCloseDirective, "yuw-button[yuwDialogClose]", never, {}, {}, never, never, true, [{ directive: typeof i1$a.BrnDialogClose; inputs: {}; outputs: {}; }]>;
+}
+
 /**
  * Marks a projected element as the leading media of a `<yuw-alert-dialog>`, rendered in a
  * highlighted square above or beside the title.
@@ -2091,6 +2312,17 @@ declare class YuwAlertDialogComponent {
     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>;
 }
 
+/**
+ * Makes a `<yuw-button>` the trigger of the surrounding `<yuw-alert-dialog>`.
+ *
+ * Mirrors `YuwDialogTriggerDirective`: the helm trigger only matches a native `button`, so the brain
+ * directive is composed here instead, keeping `[hlmBtn]` inside `<yuw-button>`.
+ */
+declare class YuwAlertDialogTriggerDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAlertDialogTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAlertDialogTriggerDirective, "yuw-button[yuwAlertDialogTriggerFor], yuw-button[yuwAlertDialogTriggerButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$b.BrnAlertDialogTrigger; inputs: { "id": "id"; "brnAlertDialogTriggerFor": "yuwAlertDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+}
+
 /** A single tab in `<yuw-tabs>`, pairing the trigger label with the id used to match its content. */
 interface YuwTabItemDto {
     id: string;
@@ -2177,37 +2409,37 @@ declare class YuwTabsComponent {
  */
 declare class YuwAttachmentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDirective, "[yuwAttachment], yuw-attachment", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachment; inputs: { "state": "state"; "size": "size"; "orientation": "orientation"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDirective, "[yuwAttachment], yuw-attachment", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachment; inputs: { "state": "state"; "size": "size"; "orientation": "orientation"; }; outputs: {}; }]>;
 }
 /** Scrollable, snapping row that lays out several attachment cards. */
 declare class YuwAttachmentGroupDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentGroupDirective, "[yuwAttachmentGroup], yuw-attachment-group", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachmentGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentGroupDirective, "[yuwAttachmentGroup], yuw-attachment-group", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentGroup; inputs: {}; outputs: {}; }]>;
 }
 /** Leading media slot of an attachment, for a file-type icon or an image preview. Supports `variant` (`'icon'`, `'image'`). */
 declare class YuwAttachmentMediaDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentMediaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentMediaDirective, "[yuwAttachmentMedia], yuw-attachment-media", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachmentMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentMediaDirective, "[yuwAttachmentMedia], yuw-attachment-media", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentMedia; inputs: { "variant": "variant"; }; outputs: {}; }]>;
 }
 /** Text content container of an attachment, holding its title and description. */
 declare class YuwAttachmentContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentContentDirective, "[yuwAttachmentContent], yuw-attachment-content", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachmentContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentContentDirective, "[yuwAttachmentContent], yuw-attachment-content", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentContent; inputs: {}; outputs: {}; }]>;
 }
 /** File name of an attachment. Truncates and shimmers while the attachment is uploading or processing. */
 declare class YuwAttachmentTitleDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTitleDirective, "[yuwAttachmentTitle], yuw-attachment-title", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachmentTitle; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTitleDirective, "[yuwAttachmentTitle], yuw-attachment-title", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentTitle; inputs: {}; outputs: {}; }]>;
 }
 /** Secondary line of an attachment, for file size, progress, or an error message. */
 declare class YuwAttachmentDescriptionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentDescriptionDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDescriptionDirective, "[yuwAttachmentDescription], yuw-attachment-description", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachmentDescription; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentDescriptionDirective, "[yuwAttachmentDescription], yuw-attachment-description", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentDescription; inputs: {}; outputs: {}; }]>;
 }
 /** Trailing container for an attachment's action buttons. */
 declare class YuwAttachmentActionsDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentActionsDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentActionsDirective, "[yuwAttachmentActions], yuw-attachment-actions", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachmentActions; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentActionsDirective, "[yuwAttachmentActions], yuw-attachment-actions", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentActions; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Icon-sized action button inside an attachment, such as remove or retry.
@@ -2228,7 +2460,7 @@ declare class YuwAttachmentActionDirective extends HlmAttachmentAction {
 /** Turns the whole attachment card into a single clickable target, layered under its actions. */
 declare class YuwAttachmentTriggerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwAttachmentTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTriggerDirective, "button[yuwAttachmentTrigger], a[yuwAttachmentTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1$8.HlmAttachmentTrigger; inputs: { "type": "type"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTriggerDirective, "button[yuwAttachmentTrigger], a[yuwAttachmentTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentTrigger; inputs: { "type": "type"; }; outputs: {}; }]>;
 }
 
 type YuwSidebarSideDto = 'left' | 'right';
@@ -2327,47 +2559,47 @@ declare class YuwSidebarTriggerComponent {
  */
 declare class YuwSidebarWrapperDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarWrapperDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarWrapperDirective, "[yuwSidebarWrapper], yuw-sidebar-wrapper", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarWrapper; inputs: { "sidebarWidth": "sidebarWidth"; "sidebarWidthIcon": "sidebarWidthIcon"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarWrapperDirective, "[yuwSidebarWrapper], yuw-sidebar-wrapper", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarWrapper; inputs: { "sidebarWidth": "sidebarWidth"; "sidebarWidthIcon": "sidebarWidthIcon"; }; outputs: {}; }]>;
 }
 /** Top area of the sidebar, above the scrollable content. */
 declare class YuwSidebarHeaderDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarHeaderDirective, "[yuwSidebarHeader], yuw-sidebar-header", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarHeader; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarHeaderDirective, "[yuwSidebarHeader], yuw-sidebar-header", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarHeader; inputs: {}; outputs: {}; }]>;
 }
 /** Scrollable middle area of the sidebar that holds the navigation groups. */
 declare class YuwSidebarContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarContentDirective, "[yuwSidebarContent], yuw-sidebar-content", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarContentDirective, "[yuwSidebarContent], yuw-sidebar-content", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarContent; inputs: {}; outputs: {}; }]>;
 }
 /** Bottom area of the sidebar, below the scrollable content. */
 declare class YuwSidebarFooterDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFooterDirective, "[yuwSidebarFooter], yuw-sidebar-footer", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarFooter; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFooterDirective, "[yuwSidebarFooter], yuw-sidebar-footer", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarFooter; inputs: {}; outputs: {}; }]>;
 }
 /** A titled section of the sidebar. */
 declare class YuwSidebarGroupDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupDirective, "[yuwSidebarGroup], yuw-sidebar-group", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupDirective, "[yuwSidebarGroup], yuw-sidebar-group", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroup; inputs: {}; outputs: {}; }]>;
 }
 /** Heading of a sidebar group. Fades out when the sidebar collapses to icons. */
 declare class YuwSidebarGroupLabelDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupLabelDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupLabelDirective, "div[yuwSidebarGroupLabel], button[yuwSidebarGroupLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarGroupLabel; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupLabelDirective, "div[yuwSidebarGroupLabel], button[yuwSidebarGroupLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroupLabel; inputs: {}; outputs: {}; }]>;
 }
 /** Body of a sidebar group, wrapping its menu. */
 declare class YuwSidebarGroupContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupContentDirective, "div[yuwSidebarGroupContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarGroupContent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupContentDirective, "div[yuwSidebarGroupContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroupContent; inputs: {}; outputs: {}; }]>;
 }
 /** Navigation list of a sidebar group. Apply to a `<ul>`. */
 declare class YuwSidebarMenuDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuDirective, "ul[yuwSidebarMenu]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarMenu; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuDirective, "ul[yuwSidebarMenu]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenu; inputs: {}; outputs: {}; }]>;
 }
 /** A single entry of a sidebar menu. Apply to an `<li>`. */
 declare class YuwSidebarMenuItemDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuItemDirective, "li[yuwSidebarMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarMenuItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuItemDirective, "li[yuwSidebarMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuItem; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Interactive control of a sidebar menu item. Accepts `variant` (`'default'`, `'outline'`), `size`
@@ -2379,32 +2611,32 @@ declare class YuwSidebarMenuItemDirective {
  */
 declare class YuwSidebarMenuButtonDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuButtonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuButtonDirective, "button[yuwSidebarMenuButton], a[yuwSidebarMenuButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarMenuButton; inputs: { "variant": "variant"; "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuButtonDirective, "button[yuwSidebarMenuButton], a[yuwSidebarMenuButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuButton; inputs: { "variant": "variant"; "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
 }
 /** Trailing count or status badge of a sidebar menu item. */
 declare class YuwSidebarMenuBadgeDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuBadgeDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuBadgeDirective, "[yuwSidebarMenuBadge], yuw-sidebar-menu-badge", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarMenuBadge; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuBadgeDirective, "[yuwSidebarMenuBadge], yuw-sidebar-menu-badge", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuBadge; inputs: {}; outputs: {}; }]>;
 }
 /** Nested submenu list of a sidebar menu item. Apply to a `<ul>`. */
 declare class YuwSidebarMenuSubDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubDirective, "ul[yuwSidebarMenuSub]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarMenuSub; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubDirective, "ul[yuwSidebarMenuSub]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSub; inputs: {}; outputs: {}; }]>;
 }
 /** A single entry of a sidebar submenu. Apply to an `<li>`. */
 declare class YuwSidebarMenuSubItemDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubItemDirective, "li[yuwSidebarMenuSubItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarMenuSubItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubItemDirective, "li[yuwSidebarMenuSubItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSubItem; inputs: {}; outputs: {}; }]>;
 }
 /** Interactive control of a sidebar submenu item. Accepts `size` (`'sm'`, `'md'`) and `isActive`. */
 declare class YuwSidebarMenuSubButtonDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubButtonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubButtonDirective, "a[yuwSidebarMenuSubButton], button[yuwSidebarMenuSubButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarMenuSubButton; inputs: { "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubButtonDirective, "a[yuwSidebarMenuSubButton], button[yuwSidebarMenuSubButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSubButton; inputs: { "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
 }
 /** Divider between sidebar sections. */
 declare class YuwSidebarSeparatorDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarSeparatorDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarSeparatorDirective, "[yuwSidebarSeparator], yuw-sidebar-separator", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarSeparator; inputs: {}; outputs: {}; }]>;
+    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>`. */
 declare class YuwSidebarRailDirective {
@@ -2414,13 +2646,13 @@ declare class YuwSidebarRailDirective {
      */
     readonly label: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarRailDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarRailDirective, "button[yuwSidebarRail]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarRail; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarRailDirective, "button[yuwSidebarRail]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarRail; inputs: {}; outputs: {}; }]>;
 }
 /** Main content region beside the sidebar. Apply to a `<main>`. */
 declare class YuwSidebarInsetDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarInsetDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarInsetDirective, "main[yuwSidebarInset]", never, {}, {}, never, never, true, [{ directive: typeof i1$9.HlmSidebarInset; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarInsetDirective, "main[yuwSidebarInset]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarInset; inputs: {}; outputs: {}; }]>;
 }
 
-export { YUW_DATATABLE_FEATURES, YUW_PASSWORD_REVEAL_STATES, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwButtonComponent, 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, YuwDatepickerComponent, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, 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, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetImports, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarFooterDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarSeparatorDirective, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, cn, getPaginationRange, provideValueAccessor, totalInputOtpLength };
-export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbItemDto, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwDatatableColumnDef, YuwDatatableFeatures, YuwDatepickerModeDto, YuwDatepickerValue, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSheetSideDto, YuwSidebarCollapsibleDto, YuwSidebarSideDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto };
+export { 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, 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, YuwSidebarFooterDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarSeparatorDirective, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, cn, getPaginationRange, provideValueAccessor, totalInputOtpLength };
+export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbItemDto, YuwButtonGroupClickDto, YuwButtonGroupEntryDto, YuwButtonGroupItemDto, YuwButtonGroupTextDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwDatatableColumnDef, YuwDatatableFeatures, YuwDatepickerModeDto, YuwDatepickerValue, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetSideDto, YuwSidebarCollapsibleDto, YuwSidebarSideDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto };