yukit-web 0.0.6 → 0.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yukit-web",
   "description": "Angular UI component library for Yurest web applications.",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "author": {
     "name": "Yurest Solutions",
     "email": "develop@yurest.com"

package/types/yukit-web.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue } from 'clsx';
 import * as _angular_core from '@angular/core';
-import { ModelSignal, Type, Provider, InputSignal, InputSignalWithTransform, TemplateRef, OnInit } from '@angular/core';
+import { ModelSignal, Type, Provider, InputSignal, InputSignalWithTransform, TemplateRef, OnInit, Signal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ButtonVariants } from 'yukit-web/helm/button';
 import * as i1 from 'yukit-web/helm/badge';
@@ -30,6 +30,7 @@ import { HlmAttachmentAction } from 'yukit-web/helm/attachment';
 import { RouterLink } from '@angular/router';
 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';
+import * as i2$1 from 'yukit-web/helm/hover-card';
 
 /**
  * Merges class lists the shadcn/Spartan way: `clsx` resolves conditionals/arrays, `twMerge`
@@ -1786,9 +1787,21 @@ 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 rowClicked: _angular_core.OutputEmitterRef<TData>;
+    protected readonly _ariaSort: Record<'asc' | 'desc', 'ascending' | 'descending'>;
+    protected readonly _sortIcon: Record<'asc' | 'desc' | 'none', string>;
     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;
+    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 _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;
@@ -1808,21 +1821,20 @@ declare class YuwDatatableComponent<TData extends RowData> implements OnInit {
      * which by then is past its mount guard.
      */
     ngOnInit(): void;
-    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 _cellClasses: _angular_core.Signal<Map<string, {
-        readonly header: string;
-        readonly cell: string;
-    }>>;
-    protected readonly _ariaSort: Record<'asc' | 'desc', 'ascending' | 'descending'>;
-    protected readonly _sortIcon: Record<'asc' | 'desc' | 'none', string>;
+    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"; "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; }; "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>;
+}
+
+declare class YuwDatatableRowSelect {
+    readonly checked: _angular_core.InputSignal<boolean>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly onToggle: _angular_core.InputSignal<() => void>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDatatableRowSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatatableRowSelect, "yuw-datatable-row-select", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "onToggle": { "alias": "onToggle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** A single entry in `<yuw-avatar>`'s `group` input, which turns it into a stack of overlapping avatars. */
@@ -2567,6 +2579,39 @@ declare class YuwAttachmentTriggerDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwAttachmentTriggerDirective, "button[yuwAttachmentTrigger], a[yuwAttachmentTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1$c.HlmAttachmentTrigger; inputs: { "type": "type"; }; outputs: {}; }]>;
 }
 
+/**
+ * Tracks the sidebar's collapsed state, and a second copy of it that lags behind the width animation.
+ *
+ * The helm flips `data-collapsible` the instant the state changes, while the panel takes
+ * `--sidebar-transition-duration` to reach its new width. Anything keyed off that attribute therefore
+ * restyles against a panel that is still the old size — labels vanish and icons jump to rail geometry
+ * while there is still 16rem of sidebar around them.
+ *
+ * `railSettled` fixes that asymmetrically, because the two directions want opposite timing:
+ *
+ * - Collapsing, the rail look has to wait for the panel to actually be narrow. Applying it up front is
+ *   what produces the jump.
+ * - Expanding, the rail look has to go immediately. The labels need the whole animation to fade and
+ *   ellipsis into place, so waiting would replace one jump with another at the far end.
+ *
+ * The delay runs through `timer` rather than a `setTimeout` inside an `effect`, and that is not a
+ * stylistic choice: this app is zoneless, so a signal written from a bare timer callback notifies
+ * nobody. Components reading `railSettled` in a template binding are `OnPush`, so they would keep
+ * their stale view until something else happened to schedule a check — the signal flips, the DOM does
+ * not. Going through `toSignal` puts the write back under Angular's own scheduling.
+ *
+ * Provided at the root so `<yuw-sidebar>` and the nav share one instance — the component stamps the
+ * attribute the class layers select on, and the nav reads the same signal to decide between accordion
+ * and flyout, so the two must agree on the exact frame.
+ */
+declare class YuwSidebarRailService {
+    private readonly sidebar;
+    readonly collapsed: Signal<boolean>;
+    readonly railSettled: Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarRailService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<YuwSidebarRailService>;
+}
+
 /**
  * Where a sidebar entry points.
  *
@@ -2612,6 +2657,11 @@ interface YuwSidebarSubItemDto extends YuwSidebarNavigationDto {
  * Renders an anchor when it carries a `route` or `href`, and a `<button>` otherwise — the data says
  * which it is, so there is no `kind` field to keep in sync with it.
  *
+ * An entry with `children` and no target of its own is a pure accordion header: it renders as a
+ * `<button>` that only toggles its submenu and never reports through `itemClicked`, because a click
+ * on it means "open this", not "run an action". Give it a `route` or `href` too and it both
+ * navigates and toggles.
+ *
  * - `label`: text of the entry, supplied already translated — the sidebar owns no user-facing copy.
  * - `icon`: name of a registered `@ng-icons` icon. Because the *consumer* chooses this name, the
  *   consuming app is responsible for `provideIcons()`-ing it; `provideIcons` is a component-level
@@ -2619,7 +2669,12 @@ interface YuwSidebarSubItemDto extends YuwSidebarNavigationDto {
  *   injector chain. Same contract as `<yuw-spinner icon="…">`.
  * - `badge`: short trailing count or status, hidden automatically while collapsed to icons.
  * - `tooltip`: label shown while collapsed to icons, where `label` is not visible. Falls back to
- *   `label` when absent, so the common case needs no second field.
+ *   `label` when absent, so the common case needs no second field. Ignored on an entry with
+ *   `children`, which shows its flyout on hover instead — the two would fire on the same gesture at
+ *   the same screen position.
+ * - `expanded`: whether the submenu starts open, for an entry with `children`. A seed for the
+ *   initial state only, not live state: the user's own toggling lives in the sidebar and survives
+ *   the consumer replacing this object. An entry holding the active route opens regardless.
  */
 interface YuwSidebarItemDto extends YuwSidebarNavigationDto {
     id: string;
@@ -2629,6 +2684,7 @@ interface YuwSidebarItemDto extends YuwSidebarNavigationDto {
     tooltip?: string;
     disabled?: boolean;
     children?: YuwSidebarSubItemDto[];
+    expanded?: boolean;
 }
 /**
  * A titled section of the sidebar.
@@ -2656,17 +2712,18 @@ interface YuwSidebarContentDto {
  * What `<yuw-sidebar>` emits from `itemClicked`.
  *
  * Only entries with neither `route` nor `href` emit: a navigating entry's click is the router's or
- * the browser's to handle. Carries the `id` rather than the whole entry, matching
+ * the browser's to handle. An entry whose only job is to hold `children` does not emit either — its
+ * click toggles the submenu. Carries the `id` rather than the whole entry, matching
  * `YuwButtonGroupClickDto`.
  */
 interface YuwSidebarItemClickDto {
     id: string;
     event: MouseEvent;
 }
-
 type YuwSidebarSideDto = 'left' | 'right';
 type YuwSidebarVariantDto = 'sidebar' | 'floating' | 'inset';
 type YuwSidebarCollapsibleDto = 'offcanvas' | 'icon' | 'none';
+
 /**
  * Collapsible navigation sidebar. Renders as a fixed panel on desktop and as a slide-in sheet on
  * mobile, and reads its colors from the `--sidebar-*` theme tokens.
@@ -2685,12 +2742,22 @@ type YuwSidebarCollapsibleDto = 'offcanvas' | 'icon' | 'none';
  *   markup. Groups → items → optional one level of children. An item with a `route` becomes a
  *   `[routerLink]` anchor whose active state, `aria-current` and pointer-lock resolve automatically
  *   from `routerLinkActive`; one with an `href` becomes a plain anchor; one with neither becomes a
- *   button that reports through `itemClicked`.
+ *   button that reports through `itemClicked`. An item with `children` gets a submenu that follows
+ *   the sidebar's own state: an accordion while the panel is open, and a hover flyout to the side
+ *   once it is collapsed to icons, so nested entries stay reachable from the rail. Its `expanded`
+ *   field seeds the accordion; the item holding the active route opens on its own.
  * - `footer`: The same, rendered into the footer region.
  *
  * Outputs:
  * - `itemClicked`: Emits `{id, event}` when a non-navigating entry (no `route`, no `href`) is
  *   activated, in either `content` or `footer`.
+ * - `collapsedChange`: Emits `true` when the sidebar collapses and `false` when it expands, reading
+ *   the mobile sheet or the desktop panel as appropriate. Fires the moment the state flips, so it is
+ *   the one to drive a caller's own layout, which should start moving with the panel.
+ * - `railSettledChange`: The same transition, but `true` only once the collapse has finished
+ *   animating, and `false` immediately on expand. Use it for anything that should not restyle against
+ *   a panel still mid-width — swapping a logo for a mark, say. The sidebar's own rail geometry is
+ *   keyed off this, which is why the labels stay put until the panel is actually narrow.
  *
  * The two forms compose rather than exclude each other, unlike `<yuw-button>`'s `buttons` input
  * which drops projected content when set. `content`/`footer` render their own region; anything
@@ -2731,7 +2798,7 @@ type YuwSidebarCollapsibleDto = 'offcanvas' | 'icon' | 'none';
  *     label: 'Gestión',
  *     items: [
  *       {id: 'orders', label: 'Pedidos', icon: 'lucideReceipt', route: '/orders', badge: '12'},
- *       {id: 'reports', label: 'Informes', icon: 'lucideChartLine', children: [
+ *       {id: 'reports', label: 'Informes', icon: 'lucideChartLine', expanded: true, children: [
  *         {id: 'sales', label: 'Ventas', route: '/reports/sales'},
  *       ]},
  *       {id: 'sync', label: 'Sincronizar'},
@@ -2742,6 +2809,7 @@ type YuwSidebarCollapsibleDto = 'offcanvas' | 'icon' | 'none';
  */
 declare class YuwSidebarComponent {
     private readonly config;
+    protected readonly _rail: YuwSidebarRailService;
     readonly side: _angular_core.InputSignal<YuwSidebarSideDto>;
     readonly variant: _angular_core.InputSignal<YuwSidebarVariantDto>;
     readonly collapsible: _angular_core.InputSignal<YuwSidebarCollapsibleDto>;
@@ -2750,8 +2818,12 @@ declare class YuwSidebarComponent {
     readonly content: _angular_core.InputSignal<YuwSidebarContentDto | undefined>;
     readonly footer: _angular_core.InputSignal<YuwSidebarContentDto | undefined>;
     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>;
     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"; }, never, ["[yuwSidebarHeader], yuw-sidebar-header", "[yuwSidebarContentExtra]", "*", "[yuwSidebarFooterExtra]"], true, 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>;
 }
 
 /**
@@ -2812,8 +2884,31 @@ declare class YuwSidebarHeaderDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarHeaderDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarHeaderDirective, "[yuwSidebarHeader], yuw-sidebar-header", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarHeader; inputs: {}; outputs: {}; }]>;
 }
-/** Scrollable middle area of the sidebar that holds the navigation groups. */
+/**
+ * Scrollable middle area of the sidebar that holds the navigation groups.
+ *
+ * Restores vertical scrolling in the collapsed state, which the composed primitive switches off with
+ * `group-data-[collapsible=icon]:overflow-hidden`. That is a fair default for a rail of icons alone,
+ * but ours keeps expandable entries reachable there, so a tall nav has to be able to scroll rather
+ * than have its last icons clipped. Horizontal overflow stays hidden: nothing should scroll sideways
+ * in a rail that narrow.
+ *
+ * The `!` is needed because the helm's own declaration sits in the same Tailwind group at the same
+ * modifier, and `twMerge` resolves that by keeping the last one — which would be ours already, except
+ * `overflow-hidden` and `overflow-y-auto` are different properties to it, so both survive and the
+ * shorthand wins on order.
+ *
+ * The scrollbar itself stays hidden, which the primitive's own `no-scrollbar` already handles: a
+ * gutter that only appears once the nav happens to overflow shifts the icons sideways, and the rail is
+ * too narrow to spend 11px on it. Wheel, trackpad and keyboard still scroll; only the thumb is gone.
+ *
+ * Also spaces the groups it stacks while collapsed. Each group's own menu spaces its items, so with
+ * the groups' vertical padding dropped there was nothing left between the last icon of one and the
+ * first of the next; matching that spacing here is what makes the rail read as one evenly spaced
+ * column rather than blocks butted together.
+ */
 declare class YuwSidebarContentDirective {
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarContentDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarContentDirective, "[yuwSidebarContent], yuw-sidebar-content", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarContent; inputs: {}; outputs: {}; }]>;
 }
@@ -2822,13 +2917,31 @@ 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$d.HlmSidebarFooter; inputs: {}; outputs: {}; }]>;
 }
-/** A titled section of the sidebar. */
+/**
+ * A titled section of the sidebar.
+ *
+ * Drops its vertical padding once collapsed to icons. The composed primitive pads every side with
+ * `p-2`, which is right while headings are visible and separating one group from the next, but on the
+ * rail those headings are gone and two adjacent groups contribute 8px each — a gap in the middle of
+ * what reads as one column of icons. Horizontal padding stays: it is what keeps the icons off the
+ * rail's edges.
+ */
 declare class YuwSidebarGroupDirective {
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupDirective, "[yuwSidebarGroup], yuw-sidebar-group", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroup; inputs: {}; outputs: {}; }]>;
 }
-/** Heading of a sidebar group. Fades out when the sidebar collapses to icons. */
+/**
+ * Heading of a sidebar group. Removed from the layout when the sidebar collapses to icons.
+ *
+ * The composed primitive hides it with `-mt-8` plus `opacity-0`, which leaves the heading in the flow
+ * still occupying its `h-8` box and cancels that box with a negative margin. The two only net to zero
+ * while the heading is exactly one line at exactly that height, so a group heading left a visible gap
+ * between the icons of one group and the next. `hidden` takes it out of the flow instead, and the
+ * margin is zeroed so the collapsed rail is not pulled upwards by a box that no longer exists.
+ */
 declare class YuwSidebarGroupLabelDirective {
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarGroupLabelDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarGroupLabelDirective, "div[yuwSidebarGroupLabel], button[yuwSidebarGroupLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarGroupLabel; inputs: {}; outputs: {}; }]>;
 }
@@ -2868,16 +2981,56 @@ declare class YuwSidebarMenuItemDirective {
  * Interactive control of a sidebar menu item. Accepts `variant` (`'default'`, `'outline'`), `size`
  * (`'default'`, `'sm'`, `'lg'`) and `isActive`.
  *
- * To label the item while the sidebar is collapsed to icons, add Spartan's `tooltip` input
- * alongside this directive — it comes from the underlying menu-button primitive and is only shown
- * in the collapsed state. It cannot be re-forwarded through this wrapper's `hostDirectives`
- * (`tooltip` is the alias `HlmSidebarMenuButton` gives its own composed `BrnTooltip`, not a public
- * input of its own), so bind it with `[attr.tooltip]` rather than `[tooltip]` when the value comes
- * from an expression.
+ * `tooltip` labels the item while the sidebar is collapsed to icons, where the label itself is
+ * hidden; the composed primitive shows it only in that state, and only for entries with no flyout of
+ * their own — an entry with children opens its submenu on the same hover instead.
+ *
+ * Reaching that input takes composing `BrnTooltip` here under the same `tooltip` alias the helm uses,
+ * rather than forwarding it. `HlmSidebarMenuButton` publishes the alias on its own `hostDirectives`
+ * entry, which does not make it an input of the helm directive — a forward cannot be re-forwarded, the
+ * same limit `[yuwSidebarFlyoutTrigger]` runs into. Angular resolves both entries to the one
+ * `BrnTooltip` instance on the element, so the helm keeps driving `mutableTooltipDisabled` (which is
+ * what confines the tooltip to the collapsed state) while this binding supplies its content.
+ *
+ * `[attr.tooltip]` is not a substitute, and was the bug: it writes an HTML attribute, which never
+ * reaches a signal input, so the tooltip stayed enabled with `null` content and silently showed
+ * nothing.
  *
  * Carries `yuwSidebarMenuButtonClass`, our hover/expanded colouring and collapsed-to-icon geometry.
- * The `classes()` registration below runs after the composed `HlmSidebarMenuButton`'s own, so our
- * classes merge last and win — see `sidebar.variants.ts`.
+ * The `classes()` registration below runs after the composed `HlmSidebarMenuButton`'s own, and
+ * `classes()` merges its sources in registration order through `twMerge`, so each of our classes
+ * displaces the helm class of the same Tailwind group and modifier stack without `!important`.
+ *
+ * Those classes sit on the button rather than on `li[yuwSidebarMenuItem]` because every selector in
+ * them resolves against the button's own box or subtree: the `<li>` is not the hovered control, never
+ * carries `aria-expanded`, and its `> span:last-child` is the badge, not the label.
+ *
+ * Three details of the collapsed-to-icon block are load-bearing:
+ *
+ * - `h-auto!`, `w-full!` and `justify-center!` keep their `!` because the helm declarations they
+ *   replace (`size-8!`, `p-2!`) are themselves `!important`, which `twMerge` cannot outrank on
+ *   specificity alone. The helm pins the button to a square; ours fills the rail width and centres
+ *   the icon. Both halves of `size-8!` have to be named separately: a single `size-auto!` occupies
+ *   the same `twMerge` group as the base `w-full`, dropping it, so the button would fall back to
+ *   shrink-to-fit for the whole width animation — long enough for the label to stop ellipsing and
+ *   the trailing chevron to sit against it.
+ * - `[&>span]:hidden` drops the label while collapsed, leaving the icon alone — the tooltip carries
+ *   the name in that state, or the flyout does for an entry with children. Matched by element rather
+ *   than by `:last-child` (which is what the helm's own `truncate` uses): an expandable entry ends
+ *   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
+ *   `transform`-family properties animate on the compositor, and a `font-size` change would relayout
+ *   the row on every frame.
+ *
+ * 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
+ * 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.
  */
 declare class YuwSidebarMenuButtonDirective {
     constructor();
@@ -2899,11 +3052,136 @@ declare class YuwSidebarMenuSubItemDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubItemDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubItemDirective, "li[yuwSidebarMenuSubItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSubItem; inputs: {}; outputs: {}; }]>;
 }
-/** Interactive control of a sidebar submenu item. Accepts `size` (`'sm'`, `'md'`) and `isActive`. */
+/**
+ * Interactive control of a sidebar submenu item. Accepts `size` (`'sm'`, `'md'`) and `isActive`.
+ *
+ * Carries the same label clamp as `[yuwSidebarMenuButton]`. The composed primitive already truncates
+ * its `span:last-child`, but truncation cannot fire while the span is a flex item at its default
+ * `min-width: auto`: that floor keeps it at content width, so the panel widens the row instead of the
+ * text ellipsing. `min-w-0` is what lets it shrink, and the `[&>span]` selector covers a label that is
+ * no longer the last child.
+ */
 declare class YuwSidebarMenuSubButtonDirective {
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarMenuSubButtonDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarMenuSubButtonDirective, "a[yuwSidebarMenuSubButton], button[yuwSidebarMenuSubButton]", never, {}, {}, never, never, true, [{ directive: typeof i1$d.HlmSidebarMenuSubButton; inputs: { "size": "size"; "isActive": "isActive"; "closeMobileSidebarOnClick": "closeMobileSidebarOnClick"; }; outputs: {}; }]>;
 }
+/**
+ * Host of a collapsed-state flyout: the element that scopes the overlay for one entry. Apply
+ * alongside `[yuwSidebarMenuItem]` on the `<li>` holding the entry and its panel.
+ *
+ * Provides `BrnHoverCardContentService` itself instead of composing `HlmHoverCard`. The service has
+ * to be scoped per `<li>` — it holds the single overlay and its content, so a shared one would have
+ * every entry in the sidebar fighting over the same panel — and providing it here is all that is
+ * needed for that. What `HlmHoverCard` adds on top is a `contentChild` pairing that assigns the
+ * trigger's content in `ngAfterContentInit`, and that pairing is actively harmful here: it writes
+ * into the same writable signal the trigger's own input feeds, so its one-time value outlives and
+ * overrides the binding that is supposed to turn the flyout off while the sidebar is expanded.
+ */
+declare class YuwSidebarFlyoutHostDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFlyoutHostDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFlyoutHostDirective, "[yuwSidebarFlyoutHost]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * The entry whose hover opens a flyout. Apply to the same element as `[yuwSidebarMenuButton]`, bound
+ * to the panel's `<ng-template>` reference — or to `undefined` to switch the flyout off entirely,
+ * which is how an expanded sidebar keeps its submenus inline.
+ *
+ * Drives `BrnHoverCardContentService` directly instead of composing `BrnHoverCardTrigger`. The brain
+ * trigger has no way to be turned off once it has run: it feeds the panel to the service through an
+ * effect that ignores falsy values, and the service's `show()` consults only its stored content, so
+ * a trigger that was ever enabled keeps opening its overlay forever. Rebinding to `undefined` cannot
+ * undo it, and neither can `hide()`, which detaches the overlay but leaves the content in place.
+ * Owning the wiring here is what makes an unbound panel mean "inert".
+ *
+ * The `effect` is the whole lifecycle: it runs when a panel arrives, and its `onCleanup` closes the
+ * overlay and drops the subscription when the panel goes away or the entry is destroyed. Nothing
+ * else tracks teardown, which is why there is no `DestroyRef` or `takeUntilDestroyed` here — a second
+ * mechanism would only be able to disagree with this one.
+ *
+ * Delays are read inside `switchMap` rather than captured when the effect runs, so retuning them
+ * does not tear down and rebuild the subscription.
+ *
+ * `distinctUntilChanged` before the timer is load-bearing, and not as an optimisation: the five
+ * merged sources overlap, so crossing from the entry to the panel emits a `mouseleave` and the
+ * panel's own hover almost together, and `mouseenter` and `focusin` both fire on the same pointer
+ * arriving. Each duplicate would restart `switchMap` and cancel the timer already in flight, so a
+ * repeat during the show delay could keep the panel from ever opening.
+ *
+ * It cannot dedupe the crossing itself, though — that genuinely alternates `false` then `true`, so
+ * both values are distinct and both survive. `toggle` is therefore guarded against the state it is
+ * already in, because `show()` is not idempotent: it calls `detach()` then `attach()`, tearing the
+ * panel down and rebuilding it. Re-showing an open panel replays its enter animation, which is the
+ * flicker you get when the pointer moves from the rail into the flyout.
+ *
+ * Note there is no click handling. `BrnHoverCardTrigger` maps a click to `false`, which is right for
+ * a hover card — clicking the trigger dismisses it — and wrong for a nav rail, where the entry's own
+ * click has nothing to collapse while collapsed and closing the panel would take away the links the
+ * pointer is travelling to. Activating a child closes the flyout anyway, since the pointer leaves
+ * the panel as the page changes.
+ *
+ * `align` is `'right'` for a sidebar flyout rather than the hover card's own `'bottom'`. It is set as
+ * an input rather than through `provideBrnHoverCardDefaultOptions` because that provider types its
+ * `align` as `'top' | 'bottom'`, even though the position map handles all four sides.
+ */
+declare class YuwSidebarFlyoutTriggerDirective {
+    private readonly element;
+    private readonly viewContainerRef;
+    private readonly service;
+    readonly panel: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    readonly align: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
+    readonly sideOffset: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly showDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly hideDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    private readonly pointerOver;
+    constructor();
+    private toggle;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFlyoutTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFlyoutTriggerDirective, "[yuwSidebarFlyoutTrigger]", never, { "panel": { "alias": "yuwSidebarFlyoutTrigger"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Marks the `<ng-template>` holding a flyout's markup, and is what `[yuwSidebarFlyoutTrigger]` is
+ * bound to. Exported as `yuwSidebarFlyoutPanel` so the template can name it.
+ *
+ * Structural — the composed primitive injects the `TemplateRef`, which is what lets the panel be
+ * portalled into a CDK overlay instead of rendering inside the rail.
+ *
+ * The trigger is bound to the template's own `#ref` (a `TemplateRef`, which its input accepts), so
+ * this directive is never referenced by name — but it cannot be dropped: it is the sole provider of
+ * the exposed state and side tokens that `[yuwSidebarFlyout]` injects from its host, and without it
+ * the panel throws NG0201 the moment the overlay instantiates it.
+ */
+declare class YuwSidebarFlyoutPanelDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFlyoutPanelDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFlyoutPanelDirective, "ng-template[yuwSidebarFlyoutPanel]", never, {}, {}, never, never, true, [{ directive: typeof i2$1.HlmHoverCardPortal; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * The flyout's visible surface. Apply to the single root element inside a `[yuwSidebarFlyoutPanel]`
+ * template.
+ *
+ * Separate from the panel marker because the two sit on different nodes: the marker is the
+ * `<ng-template>`, this is the element the overlay renders. Carries the popover surface of the
+ * composed helm content plus `yuwSidebarFlyoutClass`.
+ *
+ * That class layer exists because the panel lives in the overlay, outside the sidebar's DOM subtree,
+ * and so is no longer a descendant of the `group/sidebar-wrapper` element. Every
+ * `group-data-[collapsible=…]` selector therefore resolves against nothing and stays inert —
+ * including the `hidden` that `HlmSidebarMenuSub` and `HlmSidebarMenuSubButton` apply to themselves
+ * in exactly this state, which is why the submenu markup renders visible in here with no override.
+ * What the layer undoes instead is the indentation and vertical rule those primitives carry for the
+ * inline case, which make no sense in a panel.
+ *
+ * The gap between rail and panel is that layer's `ms-2`, not the trigger's `sideOffset`, which is
+ * deliberately `0`. An offset moves the overlay away from the trigger and leaves dead space between
+ * them: crossing it slowly means the pointer is over neither element, and the hover card closes
+ * mid-journey. A margin keeps the same visual gap inside the overlay's own box, so the pointer never
+ * leaves the hover target on its way in.
+ */
+declare class YuwSidebarFlyoutDirective {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarFlyoutDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwSidebarFlyoutDirective, "[yuwSidebarFlyout]", never, {}, {}, never, never, true, [{ directive: typeof i2$1.HlmHoverCardContent; inputs: {}; outputs: {}; }]>;
+}
 /** Divider between sidebar sections. */
 declare class YuwSidebarSeparatorDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwSidebarSeparatorDirective, never>;
@@ -2925,5 +3203,5 @@ 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, 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, YuwSidebarSeparatorDirective, 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 { 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, YuwSidebarFlyoutDirective, YuwSidebarFlyoutHostDirective, YuwSidebarFlyoutPanelDirective, YuwSidebarFlyoutTriggerDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, 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, YuwSheetSideDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto };