yukit-web 0.0.7 → 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.7",
+  "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';
@@ -2579,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.
  *
@@ -2718,6 +2751,13 @@ type YuwSidebarCollapsibleDto = 'offcanvas' | 'icon' | 'none';
  * 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
@@ -2769,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>;
@@ -2777,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>;
 }
 
 /**
@@ -2839,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: {}; }]>;
 }
@@ -2849,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: {}; }]>;
 }
@@ -2895,12 +2981,20 @@ 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, and
@@ -2913,19 +3007,30 @@ declare class YuwSidebarMenuItemDirective {
  *
  * Three details of the collapsed-to-icon block are load-bearing:
  *
- * - `size-auto!`, `w-full!` and `justify-center!` keep their `!` because the helm declarations they
+ * - `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.
+ *   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>`.
- * - `text-[length:--spacing(6)]` bumps the icon from the helm's 4 units to 6. The `length:` hint is
- *   not optional: `text-[…]` is ambiguous between colour and size, and Tailwind resolves the bare
- *   form as a colour, so the icon would never resize.
+ * - 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();
@@ -2947,8 +3052,17 @@ 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: {}; }]>;
 }
@@ -3089,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, 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, 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 };