@life-cockpit/angular-ui-kit 2.2.1 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@life-cockpit/angular-ui-kit",
-  "version": "2.2.1",
+  "version": "2.4.0",
   "description": "Life Cockpit Design System - Angular UI component library",
   "license": "MIT",
   "repository": {

package/types/life-cockpit-angular-ui-kit.d.ts

@@ -3870,8 +3870,53 @@ interface SelectionChangeEvent {
     selected: Record<string, unknown>[];
     allSelected: boolean;
 }
+/** Emitted when a parent (group) row is expanded or collapsed in tree mode. */
+interface RowToggleEvent {
+    id: string;
+    expanded: boolean;
+    row: Record<string, unknown>;
+}
+/**
+ * Configuration that enables hierarchical (tree / grouped) rows. Mirrors the
+ * discrete `idKey` / `parentKey` / `treeColumn` inputs and is exported for
+ * consumers that prefer to pass a single config object around.
+ */
+interface TableTreeConfig {
+    idKey: string;
+    parentKey: string;
+    treeColumn?: string;
+}
 type TableVariant = 'default' | 'striped' | 'bordered';
 type TableSize = 'sm' | 'md' | 'lg';
+/**
+ * Internal, render-ready view-model for a single visible table row. In flat
+ * mode every row is depth 0 with no tree adornments; in tree mode it carries
+ * the disclosure / indentation / aria metadata for the row.
+ */
+interface DisplayRow {
+    /** The underlying data object. */
+    row: Record<string, unknown>;
+    /**
+     * Absolute index used for selection, inline editing and action callbacks.
+     * Flat mode: the positional absolute index (page offset + relative index),
+     * preserving today's behavior. Tree mode: the row's index into `data()`.
+     */
+    absIndex: number;
+    /** Row id (tree mode only; `null` in flat mode). */
+    id: string | null;
+    /** Tree depth — 0 for roots and for every row in flat mode. */
+    depth: number;
+    /** 1-based depth, surfaced as `aria-level` in tree mode. */
+    level: number;
+    /** Whether this row has visible children (renders a chevron). */
+    hasChildren: boolean;
+    /** Whether this parent row is currently expanded. */
+    expanded: boolean;
+    /** 1-based position within its sibling group (`aria-posinset`). */
+    posInSet: number;
+    /** Size of its sibling group (`aria-setsize`). */
+    setSize: number;
+}
 /**
  * Table component for displaying structured data in rows and columns.
  *
@@ -3884,6 +3929,7 @@ type TableSize = 'sm' | 'md' | 'lg';
  * - Per-cell class/style callbacks for conditional styling
  * - Custom cell templates via content projection
  * - Composed cells (e.g. avatar + badge + actions)
+ * - Hierarchical "tree" rows (grouped / expandable) via `idKey` + `parentKey`
  * - Responsive horizontal scrolling
  * - Empty state text for no data
  * - Accessible with proper table semantics
@@ -3948,6 +3994,30 @@ declare class TableComponent {
     actionsWidth: _angular_core.InputSignal<string | undefined>;
     /** Horizontal alignment of the action buttons (and header label) within the cell */
     actionsAlign: _angular_core.InputSignal<TableActionsAlign>;
+    /**
+     * Row field holding the unique id. Required (together with {@link parentKey})
+     * to enable hierarchical "tree mode". Absent ⇒ today's flat table.
+     */
+    idKey: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Row field referencing the parent row's id. Presence of both `idKey` and
+     * `parentKey` enables tree mode. Rows with an absent/empty or unknown parent
+     * id are treated as roots.
+     */
+    parentKey: _angular_core.InputSignal<string | undefined>;
+    /** Column key the chevron + indentation attach to. Default: first column. */
+    treeColumn: _angular_core.InputSignal<string | undefined>;
+    /** Initial expand state for all parent rows when uncontrolled. Default: true. */
+    defaultExpanded: _angular_core.InputSignal<boolean>;
+    /**
+     * Controlled set of expanded parent ids. When provided, the table renders
+     * exactly these as expanded; combine with {@link expandedIdsChange} for
+     * `[(expandedIds)]`. When omitted, expansion is uncontrolled and seeded by
+     * {@link defaultExpanded}.
+     */
+    expandedIds: _angular_core.InputSignal<string[] | undefined>;
+    /** Indentation per depth level, in px. Default: 20. */
+    indentSize: _angular_core.InputSignal<number>;
     /** Emitted when a sortable column header is clicked */
     readonly sort: _angular_core.OutputEmitterRef<SortEvent>;
     /** Emitted when a row is clicked */
@@ -3958,11 +4028,19 @@ declare class TableComponent {
     readonly selectionChange: _angular_core.OutputEmitterRef<SelectionChangeEvent>;
     /** Emitted when a row action button is clicked */
     readonly actionClick: _angular_core.OutputEmitterRef<ActionClickEvent>;
+    /** Emitted when a parent row is expanded/collapsed (tree mode). */
+    readonly rowToggle: _angular_core.OutputEmitterRef<RowToggleEvent>;
+    /** Emitted with the full list of expanded parent ids; enables `[(expandedIds)]`. */
+    readonly expandedIdsChange: _angular_core.OutputEmitterRef<string[]>;
     protected currentSort: _angular_core.WritableSignal<{
         column: string;
         direction: "asc" | "desc";
     } | null>;
     protected currentPage: _angular_core.WritableSignal<number>;
+    /**
+     * Effective page size. Seeded from the `pageSize` input (resetting if it
+     * changes) and overridable by the user via the page-size dropdown.
+     */
     protected internalPageSize: _angular_core.WritableSignal<number>;
     protected selectedRows: _angular_core.WritableSignal<Set<number>>;
     protected columnFilters: _angular_core.WritableSignal<Record<string, string>>;
@@ -3971,21 +4049,50 @@ declare class TableComponent {
         column: string;
     } | null>;
     protected editValue: _angular_core.WritableSignal<string>;
+    /** User expand/collapse overrides keyed by row id (uncontrolled mode). */
+    private readonly expandOverrides;
     /**
      * Filtered data (applies column filters)
      */
     protected readonly filteredData: _angular_core.Signal<Record<string, unknown>[]>;
+    /** Comparator for the active sort, shared by flat sorting and tree sibling sorting. */
+    private rowComparator;
     /**
      * Sorted data
      */
     protected readonly sortedData: _angular_core.Signal<Record<string, unknown>[]>;
     /**
-     * Paginated data (or all if pagination disabled)
+     * Paginated data (or all if pagination disabled). Flat mode only.
      */
     protected readonly displayData: _angular_core.Signal<Record<string, unknown>[]>;
+    /** Whether hierarchical tree mode is active. */
+    protected readonly treeMode: _angular_core.Signal<boolean>;
+    /** Column the chevron + indentation attach to (defaults to the first column). */
+    protected readonly effectiveTreeColumn: _angular_core.Signal<string>;
+    /** Stable map of row object → its index in `data()` (row identity for tree mode). */
+    private readonly dataIndexMap;
+    /** Parent → ordered children index built from `idKey`/`parentKey`. */
+    private readonly treeBuild;
+    /**
+     * Tree restricted to rows that match the active filters together with their
+     * ancestor chain (so the path to a match stays visible).
+     */
+    private readonly treeFiltered;
+    /** Tree with each sibling group sorted by the active sort (structure kept intact). */
+    private readonly treeSorted;
+    /** Root rows after filter/sort — the unit of pagination in tree mode. */
+    private readonly treeRoots;
+    /**
+     * Render-ready rows. In flat mode this wraps the existing paginated data; in
+     * tree mode it paginates roots and flattens each visible (expanded) subtree.
+     */
+    protected readonly displayRows: _angular_core.Signal<DisplayRow[]>;
     /** Total pages */
     protected readonly totalPages: _angular_core.Signal<number>;
-    /** Total filtered row count */
+    /**
+     * Pagination row count. Tree mode counts root rows (the paginated unit); flat
+     * mode counts filtered rows.
+     */
     protected readonly totalRows: _angular_core.Signal<number>;
     /** Whether all visible rows are selected */
     protected readonly allSelected: _angular_core.Signal<boolean>;
@@ -4006,41 +4113,54 @@ declare class TableComponent {
     getAriaSort(columnKey: string): string | null;
     getHeaderClasses(column: TableColumn): string;
     getCellValue(row: Record<string, unknown>, columnKey: string): unknown;
-    getFormattedCellValue(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): unknown;
-    getCellClasses(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): string;
-    getCellStyles(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): Record<string, string> | null;
+    getFormattedCellValue(row: Record<string, unknown>, column: TableColumn, rowIndex: number): unknown;
+    getCellClasses(row: Record<string, unknown>, column: TableColumn, rowIndex: number): string;
+    getCellStyles(row: Record<string, unknown>, column: TableColumn, rowIndex: number): Record<string, string> | null;
+    /** Whether the given column is the disclosure/indent column in tree mode. */
+    protected isTreeColumn(columnKey: string): boolean;
+    /** Indent levels to render before a row's chevron (one guide per ancestor depth). */
+    protected indentLevels(depth: number): number[];
+    /** Accessible name for a row's disclosure button (the tree column's value). */
+    protected treeCellLabel(row: Record<string, unknown>): string;
     getCellTemplate(columnKey: string): TableCellDirective | undefined;
     hasCustomTemplate(columnKey: string): boolean;
     onRowClick(row: Record<string, unknown>): void;
     /** Whether the trailing actions column should be rendered */
     protected readonly hasActions: _angular_core.Signal<boolean>;
-    protected isActionHidden(action: TableAction, row: Record<string, unknown>, relativeRowIndex: number): boolean;
-    protected isActionDisabled(action: TableAction, row: Record<string, unknown>, relativeRowIndex: number): boolean;
+    protected isActionHidden(action: TableAction, row: Record<string, unknown>, rowIndex: number): boolean;
+    protected isActionDisabled(action: TableAction, row: Record<string, unknown>, rowIndex: number): boolean;
     /**
      * Handles an action button click. The DOM click is stopped from propagating
      * (see template `$event.stopPropagation()`), so the row's `rowClick` never fires.
      */
-    protected onActionClick(action: TableAction, row: Record<string, unknown>, relativeRowIndex: number): void;
+    protected onActionClick(action: TableAction, row: Record<string, unknown>, rowIndex: number): void;
+    /** Whether the parent row with the given id is currently expanded. */
+    protected isExpanded(id: string): boolean;
+    /** Chevron click: toggle expand state without triggering the row click. */
+    protected onChevronClick(displayRow: DisplayRow, event: Event): void;
+    private toggleRow;
+    /** The full list of expanded parent ids after applying a single toggle. */
+    private nextExpandedIds;
     protected goToPage(page: number): void;
     protected onPageSizeChange(event: Event): void;
     protected onPageSizeModelChange(value: string | number | null): void;
     protected get paginationStart(): number;
     protected get paginationEnd(): number;
     protected toggleSelectAll(): void;
-    protected toggleRowSelect(relativeIndex: number): void;
-    protected isRowSelected(relativeIndex: number): boolean;
+    protected toggleRowSelect(absIndex: number): void;
+    protected isRowSelected(absIndex: number): boolean;
     private getAbsoluteIndex;
     private emitSelectionChange;
     protected onFilterChange(columnKey: string, value: string): void;
     protected getFilterValue(columnKey: string): string;
-    protected startEdit(rowIndex: number, column: string, currentValue: unknown): void;
-    protected isEditing(rowIndex: number, column: string): boolean;
-    protected commitEdit(rowIndex: number, column: string): void;
+    protected startEdit(absIndex: number, column: string, currentValue: unknown): void;
+    protected isEditing(absIndex: number, column: string): boolean;
+    protected commitEdit(absIndex: number, column: string): void;
     protected cancelEdit(): void;
-    protected onEditKeydown(event: KeyboardEvent, rowIndex: number, column: string): void;
+    protected onEditKeydown(event: KeyboardEvent, absIndex: number, column: string): void;
     protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "lc-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "paginate": { "alias": "paginate"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; "isSignal": true; }; "actionsWidth": { "alias": "actionsWidth"; "required": false; "isSignal": true; }; "actionsAlign": { "alias": "actionsAlign"; "required": false; "isSignal": true; }; }, { "sort": "sort"; "rowClick": "rowClick"; "cellEdit": "cellEdit"; "selectionChange": "selectionChange"; "actionClick": "actionClick"; }, ["cellTemplates"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "lc-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "paginate": { "alias": "paginate"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLabel": { "alias": "actionsLabel"; "required": false; "isSignal": true; }; "actionsWidth": { "alias": "actionsWidth"; "required": false; "isSignal": true; }; "actionsAlign": { "alias": "actionsAlign"; "required": false; "isSignal": true; }; "idKey": { "alias": "idKey"; "required": false; "isSignal": true; }; "parentKey": { "alias": "parentKey"; "required": false; "isSignal": true; }; "treeColumn": { "alias": "treeColumn"; "required": false; "isSignal": true; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; }, { "sort": "sort"; "rowClick": "rowClick"; "cellEdit": "cellEdit"; "selectionChange": "selectionChange"; "actionClick": "actionClick"; "rowToggle": "rowToggle"; "expandedIdsChange": "expandedIdsChange"; }, ["cellTemplates"], never, true, never>;
 }
 
 /**
@@ -5521,6 +5641,13 @@ declare class GanttChartComponent {
 }
 
 type ChatMessageRole = 'user' | 'agent' | 'system';
+/**
+ * Semantic status of a chat message — orthogonal to `role` (role = *who*
+ * speaks; status = *what kind* of message). Reuses the semantic vocabulary of
+ * `lc-alert` / `lc-callout` and drives the rail dot/accent colour + a status
+ * icon. `'default'` (or omitted) reproduces the role-coloured behaviour exactly.
+ */
+type ChatMessageStatus = 'default' | 'info' | 'success' | 'warning' | 'error';
 /**
  * Controls which messages are rendered as Markdown via `<lc-markdown>`.
  * - `false` (default): plain text rendering (legacy behavior)
@@ -5555,6 +5682,14 @@ interface ChatMessage {
     avatar?: string;
     name?: string;
     streaming?: boolean;
+    /**
+     * Semantic status — colours the rail dot/accent and shows a status icon.
+     * Independent of `role`: a `role: 'agent'` message can be `status: 'error'`
+     * (failed reply) or `status: 'success'` (tool finished). Defaults to
+     * `'default'`, which reproduces today's role-coloured behaviour exactly.
+     * An `'error'` message never pulses and is announced assertively (`role="alert"`).
+     */
+    status?: ChatMessageStatus;
     /** Optional file attachments associated with the message. */
     attachments?: ChatAttachment[];
     /** Arbitrary data passed to a custom messageTemplate. */
@@ -5653,6 +5788,14 @@ declare class ChatComponent implements AfterViewChecked {
         avatar?: string;
         name?: string;
         streaming?: boolean;
+        /**
+         * Semantic status — colours the rail dot/accent and shows a status icon.
+         * Independent of `role`: a `role: 'agent'` message can be `status: 'error'`
+         * (failed reply) or `status: 'success'` (tool finished). Defaults to
+         * `'default'`, which reproduces today's role-coloured behaviour exactly.
+         * An `'error'` message never pulses and is announced assertively (`role="alert"`).
+         */
+        status?: ChatMessageStatus;
         /** Optional file attachments associated with the message. */
         attachments?: ChatAttachment[];
         /** Arbitrary data passed to a custom messageTemplate. */
@@ -5673,6 +5816,16 @@ declare class ChatComponent implements AfterViewChecked {
     private matchesAccept;
     protected formatTime(date: Date | undefined): string;
     protected shouldRenderMarkdown(role: ChatMessageRole): boolean;
+    /** Whether a message carries a semantic (non-`default`) status. */
+    protected isSemanticStatus(status: ChatMessageStatus | undefined): boolean;
+    /** Rail icon for a semantic status — reuses the `lc-alert` icon names. */
+    protected statusIcon(status: ChatMessageStatus | undefined): string;
+    /** Semantic token colour for a status dot/icon. */
+    protected statusColor(status: ChatMessageStatus | undefined): string;
+    /** Visually-hidden prefix so colour/icon is never the only signal. */
+    protected statusLabel(status: ChatMessageStatus | undefined): string;
+    /** ARIA live priority: assertive for `error`, polite for other statuses. */
+    protected statusAriaLive(status: ChatMessageStatus | undefined): 'assertive' | 'polite' | null;
     private scrollToBottom;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "lc-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "isStreaming": { "alias": "isStreaming"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "messageAnchor": { "alias": "messageAnchor"; "required": false; "isSignal": true; }; "contentWidth": { "alias": "contentWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAvatars": { "alias": "showAvatars"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; "renderMarkdown": { "alias": "renderMarkdown"; "required": false; "isSignal": true; }; "allowFileUpload": { "alias": "allowFileUpload"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; }, { "messageSend": "messageSend"; "fileAttach": "fileAttach"; }, ["messageTemplate"], never, true, never>;
@@ -7018,4 +7171,4 @@ declare class StageListComponent {
 }
 
 export { AccordionComponent, AccordionGroupComponent, AlertComponent, AnimationDurationFast, AnimationEasingEaseIn, AnimationEasingEaseInOut, AnimationEasingEaseOut, AreaChartComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BarChartComponent, BorderRadius2xl, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CalloutComponent, CardComponent, ChatComponent, CheckboxComponent, ChipComponent, CodeBlockComponent, ColorAccentOrange, ColorAccentPurple, ColorAccentRed, ColorAccentRust, ColorAccentViolet, ColorBackgroundDark, ColorErrorDark, ColorErrorDefault, ColorErrorLight, ColorInfoDark, ColorInfoDefault, ColorInfoLight, ColorNeutral100, ColorNeutral200, ColorNeutral300, ColorNeutral400, ColorNeutral50, ColorNeutral500, ColorNeutral600, ColorNeutral700, ColorNeutral800, ColorNeutral900, ColorPickerComponent, ColorPrimary100, ColorPrimary200, ColorPrimary300, ColorPrimary400, ColorPrimary50, ColorPrimary500, ColorPrimary600, ColorPrimary700, ColorPrimary800, ColorPrimary900, ColorSecondary100, ColorSecondary200, ColorSecondary300, ColorSecondary400, ColorSecondary50, ColorSecondary500, ColorSecondary600, ColorSecondary700, ColorSecondary800, ColorSecondary900, ColorSuccessDark, ColorSuccessDefault, ColorSuccessLight, ColorSurfaceDarkBase, ColorSurfaceDarkRaised, ColorSurfaceDarkSunken, ColorTextDarkPrimary, ColorTextDarkSecondary, ColorTextDarkTertiary, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DiffViewerComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, Elevation1, Elevation2, Elevation3, Elevation4, EmailInputComponent, EmptyStateComponent, ErrorDisplayComponent, FILE_FALLBACK_ICON, FOLDER_ICON, FOLDER_OPEN_ICON, FieldGroupComponent, FileUploadComponent, FilterBarComponent, FooterComponent, FunnelChartComponent, GalleryComponent, GanttChartComponent, GaugeComponent, HeaderComponent, HeatmapComponent, HeroComponent, IconComponent, InputComponent, KanbanBoardComponent, LC_LOGO_BASE_PATH, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, PageHeaderComponent, PageLayoutComponent, PaginationComponent, PasswordInputComponent, PieChartComponent, PopoverComponent, ProgressBarComponent, ProgressRingComponent, RadarChartComponent, RadioComponent, RatingComponent, RichTextEditorComponent, ScatterPlotComponent, SearchInputComponent, SectionComponent, SelectComponent, SidenavComponent, SizeInteractiveLgFontSize, SizeInteractiveLgHeight, SizeInteractiveLgPadding, SizeInteractiveMdFontSize, SizeInteractiveMdHeight, SizeInteractiveMdPadding, SizeInteractiveSmFontSize, SizeInteractiveSmHeight, SizeInteractiveSmPadding, SizeInteractiveXsFontSize, SizeInteractiveXsHeight, SizeInteractiveXsPadding, SizeMinTouchHeight, SizeMinTouchWidth, SkeletonComponent, SliderComponent, SpacerComponent, Spacing0, Spacing05, Spacing1, Spacing10, Spacing11, Spacing12, Spacing14, Spacing15, Spacing16, Spacing2, Spacing25, Spacing3, Spacing35, Spacing4, Spacing5, Spacing6, Spacing7, Spacing8, Spacing9, SparklineComponent, SpinnerComponent, StackComponent, StackedBarChartComponent, StageListComponent, StatTrendComponent, StepperComponent, SwitchComponent, TabComponent, TableCellDirective, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, ThemeService, TimelineComponent, ToastComponent, ToastService, ToggleGroupComponent, ToolbarComponent, TooltipContentComponent, TooltipDirective, TreeViewComponent, TypographyComponent, TypographyFontFamilyBase, TypographyFontFamilyMono, TypographyFontSize2xl, TypographyFontSize3xl, TypographyFontSize4xl, TypographyFontSize5xl, TypographyFontSize6xl, TypographyFontSizeBase, TypographyFontSizeLg, TypographyFontSizeSm, TypographyFontSizeXl, TypographyFontSizeXs, TypographyFontWeightBold, TypographyFontWeightMedium, TypographyFontWeightNormal, TypographyFontWeightSemibold, TypographyLineHeightNormal, TypographyLineHeightRelaxed, TypographyLineHeightTight, VerificationCodeInputComponent, WaterfallChartComponent, resolveFileIcon };
-export type { ActionClickEvent, AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatAttachment, ChatFileAttachEvent, ChatMessage, ChatMessageRole, ChatRenderMarkdown, ChatSendEvent, CheckboxSize, ChipSize, ChipVariant, CodeBlockLanguage, ComboboxOption, ComboboxSize, ComboboxValue, ConfirmDialogVariant, ConfirmOptions, ContainerSize, DateRange, DateValue, DependencyDirection, DependencyEdgeDef, DependencyNode, DependencyNodeStatus, DependencyRelation, DiffViewMode, DividerOrientation, DividerSpacing, DividerVariant, DocumentType, DonutChartSize, DonutSegment, DrawerPosition, DrawerSize, EmptyStateSize, ErrorSeverity, FileUploadFile, FilterConfig, FilterOption, FilterValues, FooterLink, FooterSection, FooterVariant, FunnelStep, GalleryItem, GalleryLayout, GallerySize, GanttDependency, GanttTask, GaugeColor, GaugeSize, HeatmapCell, HeroColor, HeroSize, HeroVariant, IconSize, IconVariant, KanbanCard, KanbanColumn, KanbanLabel, KanbanMoveEvent, LineChartSeries, ListItem, ListOrientation, ListSize, ListVariant, LogLevel, LogLine, LogViewerVariant, MarkdownHeading, MarkdownLinkClick, MarkdownRendered, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PageLayoutFill, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PopoverPosition, PopoverTrigger, ProgressBarColor, ProgressBarSize, ProgressBarVariant, ProgressRingColor, ProgressRingSize, RadarChartSeries, RadioSize, RatingSize, RenderPart, RequireTextConfig, RichTextEditorMode, ScatterPoint, ScatterSeries, SearchInputSize, SectionBackground, SectionSpacing, SelectOption, SelectOptionGroup, SelectValue, SelectionChangeEvent, SidenavMode, SidenavPosition, SkeletonVariant, SortEvent, SpacerSize, SparklineColor, SparklineCurve, SpinnerSize, StackAlign, StackDirection, StackGap, StackJustify, StackedBarCategory, StackedBarLegend, StackedBarOrientation, StageItem, StageListSize, StatTrendDirection, StepState, StepperStep, TabOrientation, TableAction, TableActionsAlign, TableColumn, TableSize, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, TreeNode, TreeNodeType, WaterfallItem };
+export type { ActionClickEvent, AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatAttachment, ChatFileAttachEvent, ChatMessage, ChatMessageRole, ChatMessageStatus, ChatRenderMarkdown, ChatSendEvent, CheckboxSize, ChipSize, ChipVariant, CodeBlockLanguage, ComboboxOption, ComboboxSize, ComboboxValue, ConfirmDialogVariant, ConfirmOptions, ContainerSize, DateRange, DateValue, DependencyDirection, DependencyEdgeDef, DependencyNode, DependencyNodeStatus, DependencyRelation, DiffViewMode, DividerOrientation, DividerSpacing, DividerVariant, DocumentType, DonutChartSize, DonutSegment, DrawerPosition, DrawerSize, EmptyStateSize, ErrorSeverity, FileUploadFile, FilterConfig, FilterOption, FilterValues, FooterLink, FooterSection, FooterVariant, FunnelStep, GalleryItem, GalleryLayout, GallerySize, GanttDependency, GanttTask, GaugeColor, GaugeSize, HeatmapCell, HeroColor, HeroSize, HeroVariant, IconSize, IconVariant, KanbanCard, KanbanColumn, KanbanLabel, KanbanMoveEvent, LineChartSeries, ListItem, ListOrientation, ListSize, ListVariant, LogLevel, LogLine, LogViewerVariant, MarkdownHeading, MarkdownLinkClick, MarkdownRendered, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PageLayoutFill, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PopoverPosition, PopoverTrigger, ProgressBarColor, ProgressBarSize, ProgressBarVariant, ProgressRingColor, ProgressRingSize, RadarChartSeries, RadioSize, RatingSize, RenderPart, RequireTextConfig, RichTextEditorMode, RowToggleEvent, ScatterPoint, ScatterSeries, SearchInputSize, SectionBackground, SectionSpacing, SelectOption, SelectOptionGroup, SelectValue, SelectionChangeEvent, SidenavMode, SidenavPosition, SkeletonVariant, SortEvent, SpacerSize, SparklineColor, SparklineCurve, SpinnerSize, StackAlign, StackDirection, StackGap, StackJustify, StackedBarCategory, StackedBarLegend, StackedBarOrientation, StageItem, StageListSize, StatTrendDirection, StepState, StepperStep, TabOrientation, TableAction, TableActionsAlign, TableColumn, TableSize, TableTreeConfig, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, TreeNode, TreeNodeType, WaterfallItem };