@life-cockpit/angular-ui-kit 2.3.0 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@life-cockpit/angular-ui-kit",
-  "version": "2.3.0",
+  "version": "2.5.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>;
 }
 
 /**
@@ -6612,6 +6732,10 @@ interface MarkdownLinkClick {
 interface MarkdownRendered {
     headings: MarkdownHeading[];
 }
+interface MarkdownChangesHighlighted {
+    /** Number of changed/added blocks highlighted in the current render. */
+    changedBlocks: number;
+}
 interface RenderPart {
     type: 'html' | 'code' | 'mermaid';
     index: number;
@@ -6625,16 +6749,27 @@ interface RenderPart {
  * Renders GitHub-Flavored Markdown (GFM) to sanitized HTML with
  * optional syntax highlighting via `<lc-code-block>`.
  *
+ * Optionally highlights *changed* blocks in place: pass the pre-edit markdown as
+ * `previousContent` and set `highlightChanges` — added/edited blocks (diffed at
+ * block / list-item level) gain a left accent bar + subtle tint, can auto-fade
+ * (`changeHighlightFadeMs`) and scroll into view (`scrollToFirstChange`).
+ *
  * @example
  * ```html
  * <lc-markdown [content]="'# Hello World'" />
  * <lc-markdown [src]="'/docs/readme.md'" />
+ * <lc-markdown
+ *   [content]="current" [previousContent]="prev"
+ *   [highlightChanges]="true" [changeHighlightFadeMs]="3000" />
  * ```
  */
 declare class MarkdownComponent implements OnDestroy {
     private readonly sanitizer;
     private readonly http;
+    private readonly host;
     private httpSub?;
+    private fadeTimer?;
+    private scrollTimer?;
     private mermaidApiPromise?;
     private mermaidInitialized;
     private mermaidRenderRun;
@@ -6654,14 +6789,39 @@ declare class MarkdownComponent implements OnDestroy {
     readonly showHeadingAnchors: _angular_core.InputSignal<boolean>;
     /** Base URL for resolving relative links/images */
     readonly baseUrl: _angular_core.InputSignal<string | undefined>;
+    /** Enable change highlighting (requires `previousContent` to compute a diff). */
+    readonly highlightChanges: _angular_core.InputSignal<boolean>;
+    /**
+     * The prior Markdown. When it differs from `content`, the changed/added blocks
+     * in `content` are highlighted. The caller passes the pre-edit markdown.
+     */
+    readonly previousContent: _angular_core.InputSignal<string | undefined>;
+    /** Auto-fade the highlight after N ms. 0 / undefined ⇒ persist until content changes. */
+    readonly changeHighlightFadeMs: _angular_core.InputSignal<number | undefined>;
+    /** Scroll the first changed block into view when highlights appear. */
+    readonly scrollToFirstChange: _angular_core.InputSignal<boolean>;
     /** Emitted when a link is clicked */
     readonly linkClick: _angular_core.OutputEmitterRef<MarkdownLinkClick>;
     /** Emitted after rendering with heading TOC */
     readonly rendered: _angular_core.OutputEmitterRef<MarkdownRendered>;
+    /** Emitted after a render that produced change highlights. */
+    readonly changesHighlighted: _angular_core.OutputEmitterRef<MarkdownChangesHighlighted>;
     /** Internal resolved markdown source */
     protected resolvedMarkdown: _angular_core.WritableSignal<string>;
     /** Parsed result (computed once from resolvedMarkdown) */
     private parsed;
+    /**
+     * Rendered HTML after applying change highlights. When highlighting is off (or
+     * there is no differing `previousContent`) this returns the parsed HTML
+     * unchanged, so the non-highlight path is byte-for-byte identical to before.
+     */
+    private readonly highlightResult;
+    /** Number of changed/added blocks highlighted in the current render. */
+    protected readonly changedCount: _angular_core.Signal<number>;
+    /** Visually-hidden polite summary announced when highlights appear. */
+    protected readonly changeSummary: _angular_core.Signal<string>;
+    /** Whether the current highlights have faded out (after `changeHighlightFadeMs`). */
+    protected readonly highlightsFaded: _angular_core.WritableSignal<boolean>;
     /** Computed render parts (HTML chunks + code blocks interleaved) */
     protected renderParts: _angular_core.Signal<RenderPart[]>;
     protected containerClasses: _angular_core.Signal<string>;
@@ -6671,6 +6831,25 @@ declare class MarkdownComponent implements OnDestroy {
     constructor();
     ngOnDestroy(): void;
     protected onLinkClick(event: MouseEvent): void;
+    /** Side-effects for a render: emit, (re)arm the fade timer, optional scroll. */
+    private onHighlightResult;
+    private scrollToFirstChanged;
+    /**
+     * Wraps the changed/added top-level blocks of `html` with
+     * `.lc-markdown__block--changed`. A block is "changed" when its normalized
+     * text is not present among the blocks of `prevMarkdown`. Lists are diffed
+     * per `<li>` and tables per `<tr>` so a single edited item highlights alone.
+     */
+    private applyChangeHighlights;
+    /** Normalized text set of the logical blocks within an HTML fragment. */
+    private collectBlockKeys;
+    /**
+     * Visits each diffable block under `root`: top-level elements, but descending
+     * into `<ul>`/`<ol>` (per `<li>`) and `<table>` (per `<tr>`).
+     */
+    private eachLogicalBlock;
+    private blockTextKey;
+    private htmlToElement;
     private loadFromUrl;
     private splitIntoParts;
     private parseMarkdown;
@@ -6681,7 +6860,7 @@ declare class MarkdownComponent implements OnDestroy {
     private renderMermaidParts;
     private getMermaidApi;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MarkdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MarkdownComponent, "lc-markdown", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "linkTarget": { "alias": "linkTarget"; "required": false; "isSignal": true; }; "sanitize": { "alias": "sanitize"; "required": false; "isSignal": true; }; "syntaxHighlight": { "alias": "syntaxHighlight"; "required": false; "isSignal": true; }; "showHeadingAnchors": { "alias": "showHeadingAnchors"; "required": false; "isSignal": true; }; "baseUrl": { "alias": "baseUrl"; "required": false; "isSignal": true; }; }, { "linkClick": "linkClick"; "rendered": "rendered"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MarkdownComponent, "lc-markdown", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "linkTarget": { "alias": "linkTarget"; "required": false; "isSignal": true; }; "sanitize": { "alias": "sanitize"; "required": false; "isSignal": true; }; "syntaxHighlight": { "alias": "syntaxHighlight"; "required": false; "isSignal": true; }; "showHeadingAnchors": { "alias": "showHeadingAnchors"; "required": false; "isSignal": true; }; "baseUrl": { "alias": "baseUrl"; "required": false; "isSignal": true; }; "highlightChanges": { "alias": "highlightChanges"; "required": false; "isSignal": true; }; "previousContent": { "alias": "previousContent"; "required": false; "isSignal": true; }; "changeHighlightFadeMs": { "alias": "changeHighlightFadeMs"; "required": false; "isSignal": true; }; "scrollToFirstChange": { "alias": "scrollToFirstChange"; "required": false; "isSignal": true; }; }, { "linkClick": "linkClick"; "rendered": "rendered"; "changesHighlighted": "changesHighlighted"; }, never, never, true, never>;
 }
 
 type LogLevel = 'debug' | 'info' | 'warn' | 'error';
@@ -7051,4 +7230,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, 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, 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, MarkdownChangesHighlighted, 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 };