yukit-web 0.2.9 → 0.3.1

package/package.json

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

package/types/yukit-web.d.ts

@@ -1041,6 +1041,106 @@ declare class YuwRightAddonDirective {
 }
 declare const YuwInputAddonImports: readonly [typeof YuwLeftAddonDirective, typeof YuwRightAddonDirective];
 
+/** Layouts of `<yuw-input-file>`: `avatar` previews the pick in a `yuw-avatar` beside an upload button; `inline` is a full-width upload button with the chosen files listed under it. */
+type YuwInputFileVariantDto = 'avatar' | 'inline';
+/**
+ * File picker with two layouts, supporting two-way binding, form controls (`formControlName`,
+ * `ngModel`), validation styling and helper/error text.
+ *
+ * `avatar` (default) shows a `yuw-avatar` with the chosen image — or `src` while nothing is chosen —
+ * beside an upload button, like a profile-photo field; clicking the avatar opens the picker too. `inline` is a full-width outline button with
+ * an upload icon; once a file is chosen, the button is replaced by a single line showing its name, size and a remove icon.
+ * With several files the line reads `countLabel(n)` and opens the list, one removable row each — in
+ * a popover from `md` up and a bottom sheet below it, like the list-toolbar filters.
+ *
+ * Removing never edits the value: the X emits `removed` with the `File` and the consumer decides
+ * (drop it from `value`, confirm first, call an API, …). The native picker always replaces the
+ * previous selection. Because the button is hidden while files are chosen, the consumer must
+ * clear `value` in `removed` for the picker to come back.
+ *
+ * The value is always an array of `File` — empty when nothing is chosen, one item when `multiple`
+ * is off. Writing `[]` (or `null`, e.g. `control.reset()`) clears the native picker too. Setting a
+ * non-empty value programmatically only updates `value`: browsers do not allow scripts to fill a
+ * file input, so the native control keeps showing its last user selection.
+ *
+ * Inputs / Models:
+ * - `value`: Two-way `File[]` selection.
+ * - `variant`: `'avatar'` or `'inline'`. Default is `'avatar'`.
+ * - `uploadLabel`: Text of the upload button. User-facing text — the consuming app provides and
+ *   translates it; required, there is no default copy.
+ * - `removeLabel`: Accessible label of each remove icon (`inline` only). Required for `inline`.
+ * - `countLabel`: Builds the text of the multi-file box from the file count, e.g.
+ *   `(n) => \`${n} files selected\`` (`inline` with `multiple` only). Required for that case.
+ * - `alt`: Accessible label of the avatar image (`avatar` only), also the source of its fallback.
+ * - `fallback`: Initials shown when there is no image (`avatar` only).
+ * - `src`: Current image shown while no file is chosen (`avatar` only), e.g. the saved photo.
+ * - `accept`: Native `accept` filter (e.g. `'image/*,.pdf'`).
+ * - `multiple`: Allows choosing more than one file; the avatar previews the first. Default is `false`.
+ * - `size`: Height of the controls (`'default'`, `'xs'`, `'sm'`, `'lg'`), matching `<yuw-input>`.
+ *   Default is `'default'`.
+ * - `inputId`: `id` applied to the hidden native input.
+ * - `disabled`: Disables the picker and the remove icons.
+ * - `required`: Marks the field as required.
+ * - `invalid`: Forces invalid styling. Applied from the first blur on.
+ * - `helperText`: Hint shown under the field. Replaced by the error while one is displayed.
+ * - `errorText`: Error shown under the field while it is in its error state. Overrides the `message`
+ *   carried by the bound control's validation errors.
+ * - `name`: HTML `name` attribute.
+ * - `class`: Extra classes merged last onto the avatar (`avatar`) or the inline stack (`inline`).
+ *
+ * Outputs:
+ * - `removed`: Emits the `File` whose remove icon was pressed (`inline` only).
+ *
+ * Usage:
+ * ```html
+ * <yuw-input-file [(value)]="files" accept="image/*" [src]="family.imageUrl" [alt]="family.name"
+ *   [fallback]="initials" uploadLabel="Upload photo" />
+ * <yuw-input-file variant="inline" multiple [(value)]="files" uploadLabel="Upload files"
+ *   removeLabel="Remove" [countLabel]="countLabel" (removed)="files.set(files().filter((f) => f !== $event))" />
+ * ```
+ */
+declare class YuwInputFileComponent extends YuwValueAccessorBase<File[]> {
+    private readonly _native;
+    readonly accept: _angular_core.InputSignal<string | undefined>;
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly countLabel: _angular_core.InputSignal<((count: number) => string) | undefined>;
+    readonly errorText: _angular_core.InputSignal<string | undefined>;
+    readonly fallback: _angular_core.InputSignal<string | undefined>;
+    readonly helperText: _angular_core.InputSignal<string | undefined>;
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly removeLabel: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly size: _angular_core.InputSignal<YuwFieldSizeDto>;
+    readonly src: _angular_core.InputSignal<string | undefined>;
+    readonly uploadLabel: _angular_core.InputSignal<string | undefined>;
+    readonly userClass: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<File[]>;
+    readonly variant: _angular_core.InputSignal<YuwInputFileVariantDto>;
+    readonly removed: _angular_core.OutputEmitterRef<File>;
+    protected readonly _autoId: string;
+    protected readonly _focusSelectors: string[];
+    protected readonly _isMobile: _angular_core.Signal<boolean>;
+    protected readonly _listOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly _preview: _angular_core.WritableSignal<string | undefined>;
+    protected readonly _avatarSrc: _angular_core.Signal<string | undefined>;
+    protected readonly _boxClasses: _angular_core.Signal<string>;
+    protected readonly _countText: _angular_core.Signal<string | undefined>;
+    protected readonly _entries: _angular_core.Signal<{
+        file: File;
+        size: string;
+    }[]>;
+    protected readonly _inlineClasses: _angular_core.Signal<string>;
+    protected readonly _inputId: _angular_core.Signal<string>;
+    constructor();
+    protected _emptyValue(): File[];
+    protected onChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwInputFileComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwInputFileComponent, "yuw-input-file", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "countLabel": { "alias": "countLabel"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "removed": "removed"; }, never, never, true, never>;
+}
+
 /**
  * Multi-line text input control supporting auto-growing content, character limits, row count, and form integration (`ngModel`, `formControlName`).
  *
@@ -2050,14 +2150,20 @@ interface YuwFilterOptionDto {
 }
 /** `single` keeps one value, `multiple` a set; both render as checkboxes. */
 type YuwFilterGroupMode = 'single' | 'multiple';
+/**
+ * `options` feeds the checkbox list; a group without them renders the `yuwFilterContent` template
+ * of the same id, and `mode` then only states whether its value is a string or an array.
+ */
 interface YuwFilterGroupDto {
     readonly id: string;
     readonly label: string;
     readonly mode: YuwFilterGroupMode;
-    readonly options: readonly YuwFilterOptionDto[];
+    readonly options?: readonly YuwFilterOptionDto[];
 }
-/** Selection keyed by `YuwFilterGroupDto.id`: a string for `single` groups, an array for `multiple`. */
-type YuwFilterSelection = Readonly<Record<string, string | readonly string[]>>;
+/** Value of one group: a string for `single` groups, an array for `multiple`. */
+type YuwFilterValue = string | readonly string[];
+/** Selection keyed by `YuwFilterGroupDto.id`. */
+type YuwFilterSelection = Readonly<Record<string, YuwFilterValue>>;
 /** A named selection the user saved; `id` is assigned by the consumer that persists it. */
 interface YuwFilterSetDto {
     readonly id: string;
@@ -2114,6 +2220,8 @@ interface YuwListToolbarColumnsLabels {
 }
 type YuwViewMode = 'list' | 'block';
 type YuwListToolbarViewModeLabels = Readonly<Record<YuwViewMode, string>>;
+/** ng-icon names of the view mode buttons; the consumer registers custom ones with `provideIcons`. */
+type YuwListToolbarViewModeIcons = Readonly<Record<YuwViewMode, string>>;
 interface YuwListToolbarLabels {
     readonly filters: YuwListToolbarFilterLabels;
     readonly search: YuwListToolbarSearchLabels;
@@ -2122,6 +2230,43 @@ interface YuwListToolbarLabels {
     readonly viewMode?: YuwListToolbarViewModeLabels;
 }
 
+/** Template context of a `yuwFilterContent` template. */
+interface YuwFilterContentContext {
+    /** The group the template renders; same as `let-group`. */
+    readonly $implicit: YuwFilterGroupDto;
+    /** Staged value of the group, `undefined` while it holds nothing. */
+    readonly value: YuwFilterValue | undefined;
+    /** Stages a new value for the group; `undefined` or an empty array clears it. */
+    readonly change: (value: YuwFilterValue | undefined) => void;
+}
+/**
+ * Replaces the checkbox list of one filter group inside `<yuw-list-toolbar>` with projected markup.
+ * Apply it to an `<ng-template>` and pass the id of the group it renders; that group needs no
+ * `options`.
+ *
+ * The template feeds the same staged selection as the checkboxes: calling `change` stages the value
+ * under the group id, so the pending dot, the applied count, Apply, Clear and saved sets all work
+ * without extra wiring.
+ *
+ * Usage:
+ * ```html
+ * <yuw-list-toolbar [filterGroups]="groups" [(selection)]="selection" [labels]="labels">
+ *   <ng-template yuwFilterContent="customer" let-value="value" let-change="change">
+ *     <yuw-combobox [options]="customers" [value]="value ?? ''" (valueChange)="change($event)" />
+ *   </ng-template>
+ * </yuw-list-toolbar>
+ * ```
+ *
+ * Inputs:
+ * - `yuwFilterContent`: Required string; id of the filter group this template renders.
+ */
+declare class YuwFilterContentDirective {
+    readonly templateRef: TemplateRef<YuwFilterContentContext>;
+    readonly groupId: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwFilterContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<YuwFilterContentDirective, "ng-template[yuwFilterContent]", never, { "groupId": { "alias": "yuwFilterContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Toolbar of a list page: filters on the leading edge, search, export and column visibility on the
  * trailing one, and projected content after them.
@@ -2130,7 +2275,9 @@ interface YuwListToolbarLabels {
  * `showExport`, `hideableColumns`, `viewMode`. Setting `viewMode` adds a list/block switch bound
  * two-way to it (`viewModeChange` is the click listener); its names come from `labels.viewMode`. Saved filter sets need `filterSets` and `labels.filters.sets`;
  * the toolbar emits `setSaved`, `setRenamed` and `setDeleted` and the consumer persists them. `labels` holds every text and the consumer translates it;
- * `idleColor` is the filter trigger tone while nothing is applied.
+ * `idleColor` is the filter trigger tone while nothing is applied. A filter group may omit `options` and be
+ * rendered by a projected `<ng-template yuwFilterContent="groupId">` instead (a combobox, say); see
+ * `YuwFilterContentDirective`.
  *
  * Inputs:
  * - `filterGroups`: Filter groups the editor offers; the filter control renders only when set.
@@ -2145,12 +2292,14 @@ interface YuwListToolbarLabels {
  * - `selection`: Two-way (`[(selection)]`) applied filter selection, values keyed by group id. Default is `{}`.
  * - `showExport`: Renders the export button. Default is `false`.
  * - `viewMode`: Two-way (`[(viewMode)]`) `YuwViewMode` (`'list'` or `'block'`); the list/block switch renders only when set.
+ * - `viewModeIcons`: Partial override of the switch icons by mode (ng-icon names, registered by the consumer with `provideIcons`). Defaults are `lucideList` and `lucideLayoutGrid`.
  *
  * Outputs:
  * - `exported`: Emits the `MouseEvent` of the export button click.
  * - `searched`: Emits the current search text on every keystroke and when it is cleared.
  */
 declare class YuwListToolbarComponent {
+    protected readonly filterContents: _angular_core.Signal<readonly YuwFilterContentDirective[]>;
     readonly filterGroups: _angular_core.InputSignal<readonly YuwFilterGroupDto[] | undefined>;
     readonly filtersDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly filterSets: _angular_core.InputSignal<readonly YuwFilterSetDto[] | undefined>;
@@ -2160,9 +2309,10 @@ declare class YuwListToolbarComponent {
     readonly labels: _angular_core.InputSignal<YuwListToolbarLabels>;
     readonly search: _angular_core.ModelSignal<string>;
     readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
-    readonly selection: _angular_core.ModelSignal<Readonly<Record<string, string | readonly string[]>>>;
+    readonly selection: _angular_core.ModelSignal<Readonly<Record<string, yukit_web.YuwFilterValue>>>;
     readonly showExport: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly viewMode: _angular_core.ModelSignal<YuwViewMode | undefined>;
+    readonly viewModeIcons: _angular_core.InputSignal<Partial<Readonly<Record<YuwViewMode, string>>> | undefined>;
     readonly exported: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly searched: _angular_core.OutputEmitterRef<string>;
     readonly setDeleted: _angular_core.OutputEmitterRef<string>;
@@ -2170,7 +2320,7 @@ declare class YuwListToolbarComponent {
     readonly setSaved: _angular_core.OutputEmitterRef<YuwFilterSetSaveDto>;
     protected readonly isMobile: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwListToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwListToolbarComponent, "yuw-list-toolbar", never, { "filterGroups": { "alias": "filterGroups"; "required": false; "isSignal": true; }; "filtersDisabled": { "alias": "filtersDisabled"; "required": false; "isSignal": true; }; "filterSets": { "alias": "filterSets"; "required": false; "isSignal": true; }; "hiddenColumns": { "alias": "hiddenColumns"; "required": false; "isSignal": true; }; "hideableColumns": { "alias": "hideableColumns"; "required": false; "isSignal": true; }; "idleColor": { "alias": "idleColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "hiddenColumns": "hiddenColumnsChange"; "search": "searchChange"; "selection": "selectionChange"; "viewMode": "viewModeChange"; "exported": "exported"; "searched": "searched"; "setDeleted": "setDeleted"; "setRenamed": "setRenamed"; "setSaved": "setSaved"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwListToolbarComponent, "yuw-list-toolbar", never, { "filterGroups": { "alias": "filterGroups"; "required": false; "isSignal": true; }; "filtersDisabled": { "alias": "filtersDisabled"; "required": false; "isSignal": true; }; "filterSets": { "alias": "filterSets"; "required": false; "isSignal": true; }; "hiddenColumns": { "alias": "hiddenColumns"; "required": false; "isSignal": true; }; "hideableColumns": { "alias": "hideableColumns"; "required": false; "isSignal": true; }; "idleColor": { "alias": "idleColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewModeIcons": { "alias": "viewModeIcons"; "required": false; "isSignal": true; }; }, { "hiddenColumns": "hiddenColumnsChange"; "search": "searchChange"; "selection": "selectionChange"; "viewMode": "viewModeChange"; "exported": "exported"; "searched": "searched"; "setDeleted": "setDeleted"; "setRenamed": "setRenamed"; "setSaved": "setSaved"; }, ["filterContents"], ["*"], true, never>;
 }
 
 type YuwDatatableAlign = 'start' | 'center' | 'end';
@@ -4136,5 +4286,5 @@ declare class YuwCommandDialogComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwCommandDialogComponent, "yuw-command-dialog", never, { "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "open": "openChange"; "search": "searchChange"; "commandSelected": "commandSelected"; }, never, never, true, never>;
 }
 
-export { DATATABLE_ALIGN_CLASS, DATATABLE_LAYOUT_CLASS, DATATABLE_WRAP_CONTENT_CLASS, YUW_DATATABLE_FEATURES, YUW_DATATABLE_WRAP_MIN_WIDTH, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwActionsCellComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwBreadcrumbTrailService, YuwButtonComponent, YuwButtonGroupComponent, YuwButtonGroupContentDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardGridComponent, YuwCardGridItemComponent, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwClassDirective, YuwComboboxComponent, YuwComboboxItemDirective, YuwCommandComponent, YuwCommandDialogComponent, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatablePaginationDirective, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwFieldBase, YuwInputAddonImports, YuwInputComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwListPaginationComponent, YuwListToolbarComponent, YuwPageHeaderComponent, YuwPageSizeComponent, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuAvatarButtonDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabContentDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextFieldBase, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, buildYuwActionsColumn, cn, createPagedList, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength, yuwCommandDefaultFilter };
-export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbCrumb, YuwBreadcrumbItemDto, YuwBreadcrumbRouteData, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwCommandGroupDto, YuwCommandItemDto, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatatableRowClass, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwFilterGroupDto, YuwFilterGroupMode, YuwFilterOptionDto, YuwFilterSelection, YuwFilterSetDto, YuwFilterSetLabels, YuwFilterSetRenameDto, YuwFilterSetSaveDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwListPaginationLabels, YuwListToolbarColumnsLabels, YuwListToolbarFilterLabels, YuwListToolbarLabels, YuwListToolbarSearchLabels, YuwListToolbarViewModeLabels, YuwPageQuery, YuwPageRange, YuwPageSizeLabels, YuwPageSort, YuwPagedList, YuwPagedListOptions, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarAvatarDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto, YuwViewMode };
+export { DATATABLE_ALIGN_CLASS, DATATABLE_LAYOUT_CLASS, DATATABLE_WRAP_CONTENT_CLASS, YUW_DATATABLE_FEATURES, YUW_DATATABLE_WRAP_MIN_WIDTH, YUW_PASSWORD_REVEAL_STATES, YUW_SIDEBAR_RAIL_ICON_SIZE, YUW_SIDEBAR_RAIL_PADDING, YUW_SIDEBAR_RAIL_WIDTH, YuwAccordion, YuwAccordionContentComponent, YuwAccordionImports, YuwAccordionItem, YuwAccordionTriggerComponent, YuwActionsCellComponent, YuwAlertActionDirective, YuwAlertComponent, YuwAlertDescriptionDirective, YuwAlertDialogComponent, YuwAlertDialogMediaDirective, YuwAlertDialogTriggerDirective, YuwAlertImports, YuwAlertTitleDirective, YuwAttachmentActionDirective, YuwAttachmentActionsDirective, YuwAttachmentContentDirective, YuwAttachmentDescriptionDirective, YuwAttachmentDirective, YuwAttachmentGroupDirective, YuwAttachmentMediaDirective, YuwAttachmentTitleDirective, YuwAttachmentTriggerDirective, YuwAvatarComponent, YuwBadgeComponent, YuwBreadcrumbComponent, YuwBreadcrumbTrailService, YuwButtonComponent, YuwButtonGroupComponent, YuwButtonGroupContentDirective, YuwCaptionDirective, YuwCardActionDirective, YuwCardContentDirective, YuwCardDescriptionDirective, YuwCardDirective, YuwCardFooterDirective, YuwCardGridComponent, YuwCardGridItemComponent, YuwCardHeaderDirective, YuwCardImports, YuwCardTitleDirective, YuwCheckboxComponent, YuwClassDirective, YuwComboboxComponent, YuwComboboxItemDirective, YuwCommandComponent, YuwCommandDialogComponent, YuwContextMenuCheckboxDirective, YuwContextMenuCheckboxIndicatorComponent, YuwContextMenuDirective, YuwContextMenuGroupDirective, YuwContextMenuImports, YuwContextMenuItemDirective, YuwContextMenuLabelDirective, YuwContextMenuRadioDirective, YuwContextMenuRadioIndicatorComponent, YuwContextMenuSeparatorDirective, YuwContextMenuShortcutDirective, YuwContextMenuSubDirective, YuwContextMenuSubIndicatorComponent, YuwContextMenuSubTriggerDirective, YuwContextMenuTriggerDirective, YuwDatatableComponent, YuwDatatablePaginationDirective, YuwDatatableRowSelect, YuwDatepickerComponent, YuwDialogCloseDirective, YuwDialogComponent, YuwDialogFooterDirective, YuwDialogImports, YuwDialogTriggerDirective, YuwEmptyContentDirective, YuwEmptyDescriptionDirective, YuwEmptyDirective, YuwEmptyHeaderDirective, YuwEmptyImports, YuwEmptyMediaDirective, YuwEmptyTitleDirective, YuwFieldBase, YuwFilterContentDirective, YuwInputAddonImports, YuwInputComponent, YuwInputFileComponent, YuwInputOtpComponent, YuwItemActionsDirective, YuwItemContentDirective, YuwItemDescriptionDirective, YuwItemDirective, YuwItemFooterDirective, YuwItemGroupDirective, YuwItemHeaderDirective, YuwItemImports, YuwItemMediaDirective, YuwItemSeparatorDirective, YuwItemTitleDirective, YuwLabel, YuwLeftAddonDirective, YuwListPaginationComponent, YuwListToolbarComponent, YuwPageHeaderComponent, YuwPageSizeComponent, YuwPaginationComponent, YuwPasswordInputComponent, YuwPopoverComponent, YuwPopoverTriggerDirective, YuwRadioGroupComponent, YuwRightAddonDirective, YuwSearchInputComponent, YuwSheetCloseDirective, YuwSheetComponent, YuwSheetFooterDirective, YuwSheetImports, YuwSheetTriggerDirective, YuwSidebarComponent, YuwSidebarContentDirective, YuwSidebarContentExtraDirective, YuwSidebarFooterDirective, YuwSidebarFooterExtraDirective, YuwSidebarGroupContentDirective, YuwSidebarGroupDirective, YuwSidebarGroupLabelDirective, YuwSidebarHeaderDirective, YuwSidebarInsetDirective, YuwSidebarMenuAvatarButtonDirective, YuwSidebarMenuBadgeDirective, YuwSidebarMenuButtonDirective, YuwSidebarMenuDirective, YuwSidebarMenuItemDirective, YuwSidebarMenuSubButtonDirective, YuwSidebarMenuSubDirective, YuwSidebarMenuSubItemDirective, YuwSidebarRailDirective, YuwSidebarRailService, YuwSidebarSeparatorDirective, YuwSidebarSubmenuService, YuwSidebarTriggerComponent, YuwSidebarWrapperDirective, YuwSkeletonDirective, YuwSpinnerComponent, YuwSwitchComponent, YuwTBodyDirective, YuwTFootDirective, YuwTHeadDirective, YuwTabContentDirective, YuwTabPanelDirective, YuwTableContainerDirective, YuwTableDirective, YuwTableImports, YuwTabsComponent, YuwTdDirective, YuwTextFieldBase, YuwTextareaComponent, YuwThDirective, YuwToasterComponent, YuwTooltipDirective, YuwTrDirective, YuwValueAccessorBase, buildInputOtpGroups, buildYuwActionsColumn, cn, createPagedList, datatableCellVariants, datatableContainerVariants, datatableHeadVariants, datatableHeaderCellVariants, datatableRowVariants, getPaginationRange, provideValueAccessor, totalInputOtpLength, yuwCommandDefaultFilter };
+export type { YuwAlertDialogSizeDto, YuwAlertVariantDto, YuwAvatarGroupItemDto, YuwAvatarSizeDto, YuwBreadcrumbCrumb, YuwBreadcrumbItemDto, YuwBreadcrumbRouteData, YuwButtonGroupClickDto, YuwButtonGroupItemDto, YuwColorDto, YuwComboboxItemContext, YuwComboboxOptionDto, YuwComboboxValue, YuwCommandGroupDto, YuwCommandItemDto, YuwDatatableAlign, YuwDatatableAppearanceDto, YuwDatatableColumnDef, YuwDatatableColumnMeta, YuwDatatableFeatures, YuwDatatableRowClass, YuwDatepickerModeDto, YuwDatepickerValue, YuwFieldSizeDto, YuwFilterContentContext, YuwFilterGroupDto, YuwFilterGroupMode, YuwFilterOptionDto, YuwFilterSelection, YuwFilterSetDto, YuwFilterSetLabels, YuwFilterSetRenameDto, YuwFilterSetSaveDto, YuwFilterValue, YuwInputFileVariantDto, YuwInputModeDto, YuwInputOtpGroupDto, YuwInputOtpModeDto, YuwInputTypeDto, YuwListPaginationLabels, YuwListToolbarColumnsLabels, YuwListToolbarFilterLabels, YuwListToolbarLabels, YuwListToolbarSearchLabels, YuwListToolbarViewModeIcons, YuwListToolbarViewModeLabels, YuwPageQuery, YuwPageRange, YuwPageSizeLabels, YuwPageSort, YuwPagedList, YuwPagedListOptions, YuwPaginationRangeItem, YuwPaginationSizeDto, YuwPasswordRevealStateDto, YuwPopoverAlignDto, YuwRadioOptionDto, YuwSearchInputCollapseFromDto, YuwSheetScrollStrategyDto, YuwSheetSideDto, YuwSidebarAvatarDto, YuwSidebarCollapsibleDto, YuwSidebarContentDto, YuwSidebarGroupDto, YuwSidebarItemClickDto, YuwSidebarItemDto, YuwSidebarSideDto, YuwSidebarSubItemDto, YuwSidebarVariantDto, YuwSwitchSizeDto, YuwTabItemDto, YuwTabsActivationModeDto, YuwTabsOrientationDto, YuwTabsVariantDto, YuwTextFieldContract, YuwToasterPositionDto, YuwToasterThemeDto, YuwTooltipPositionDto, YuwViewMode };