@life-cockpit/angular-ui-kit 2.11.0 → 2.12.1

package/package.json

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

package/src/styles/_theme-dark.scss

@@ -199,6 +199,11 @@
   --size-min-touch-width: #{$size-min-touch-width};
   --size-min-touch-height: #{$size-min-touch-height};
 
+  // ============================================================================
+  // Layout - Content Width (Same as light theme)
+  // ============================================================================
+  --lc-content-max-width: #{$size-content-max-width};
+
   // ============================================================================
   // Semantic Color Mappings for Dark Theme (DS2.0 — teal-tinted surfaces)
   // ============================================================================

package/src/styles/_theme-light.scss

@@ -197,6 +197,14 @@
   --size-min-touch-width: #{$size-min-touch-width};
   --size-min-touch-height: #{$size-min-touch-height};
 
+  // ============================================================================
+  // Layout - Content Width
+  // ============================================================================
+  // Canonical cap for page content. `lc-container size="xxl"` reads this, so an
+  // app shell that centres its own content against the same custom property
+  // stays in lockstep with the container instead of hard-coding a width.
+  --lc-content-max-width: #{$size-content-max-width};
+
   // ============================================================================
   // Semantic Color Mappings for Light Theme (DS2.0 — mirrors dark token names)
   // ============================================================================

package/src/styles/tokens/_all.scss

@@ -123,3 +123,4 @@ $size-interactive-lg-padding: 0.625rem 1.25rem;
 $size-interactive-lg-font-size: 1.125rem;
 $size-min-touch-width: 2.75rem; // 44px minimum
 $size-min-touch-height: 2.75rem; // 44px minimum
+$size-content-max-width: 1536px; // Canonical page content cap — matches lc-container size="xxl" and Tailwind's 2xl breakpoint

package/src/styles/tokens/_size.scss

@@ -15,3 +15,4 @@ $size-interactive-lg-padding: 0.625rem 1.25rem;
 $size-interactive-lg-font-size: 1.125rem;
 $size-min-touch-width: 2.75rem; // 44px minimum
 $size-min-touch-height: 2.75rem; // 44px minimum
+$size-content-max-width: 1536px; // Canonical page content cap — matches lc-container size="xxl" and Tailwind's 2xl breakpoint

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

@@ -129,6 +129,7 @@ declare const SizeInteractiveLgPadding = "0.625rem 1.25rem";
 declare const SizeInteractiveLgFontSize = "1.125rem";
 declare const SizeMinTouchWidth = "2.75rem";
 declare const SizeMinTouchHeight = "2.75rem";
+declare const SizeContentMaxWidth = "1536px";
 
 /**
  * Theme Types
@@ -2477,7 +2478,7 @@ declare class PopoverComponent implements OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "lc-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["[popover-trigger]", "[popover-content]"], true, never>;
 }
 
-type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full';
 declare class ContainerComponent {
     size: _angular_core.InputSignal<ContainerSize>;
     noPadding: _angular_core.InputSignal<boolean>;
@@ -2578,6 +2579,8 @@ declare class PageHeaderComponent {
 
 /** Where the layout takes its height from. */
 type PageLayoutFill = 'screen' | 'parent';
+/** How wide the layout lets its content grow. */
+type PageLayoutContentWidth = 'capped' | 'full';
 declare class PageLayoutComponent {
     /**
      * Source of the layout's height.
@@ -2595,10 +2598,23 @@ declare class PageLayoutComponent {
     scrollBody: _angular_core.InputSignal<boolean>;
     /** Add density-aware padding to the body. Off by default so embedded components keep their own padding. */
     padded: _angular_core.InputSignal<boolean>;
+    /**
+     * How wide content may grow on very large monitors.
+     * - `'capped'` (default): header, body and footer are capped at
+     *   `--lc-content-max-width` and centred, so content doesn't stretch edge to
+     *   edge on wide/ultrawide displays. All three regions share the cap, so the
+     *   page title stays aligned with the body beneath it.
+     * - `'full'`: no cap — content spans the whole shell. Use for full-bleed
+     *   bodies (maps, boards, canvases) that should use every pixel.
+     *
+     * Override the width itself — globally or per subtree — via the
+     * `--lc-content-max-width` custom property.
+     */
+    contentWidth: _angular_core.InputSignal<PageLayoutContentWidth>;
     get hostClasses(): string;
     classes: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageLayoutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageLayoutComponent, "lc-page-layout", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "scrollBody": { "alias": "scrollBody"; "required": false; "isSignal": true; }; "padded": { "alias": "padded"; "required": false; "isSignal": true; }; }, {}, never, ["[layout-header]", "*", "[layout-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageLayoutComponent, "lc-page-layout", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "scrollBody": { "alias": "scrollBody"; "required": false; "isSignal": true; }; "padded": { "alias": "padded"; "required": false; "isSignal": true; }; "contentWidth": { "alias": "contentWidth"; "required": false; "isSignal": true; }; }, {}, never, ["[layout-header]", "*", "[layout-footer]"], true, never>;
 }
 
 type SectionSpacing = 'none' | 'sm' | 'md' | 'lg' | 'xl';
@@ -6268,8 +6284,15 @@ type DependencyRelation = 'depends' | 'blocks' | 'references' | 'requires' | 'ex
 interface DependencyEdgeDef {
     /** Target node id */
     id: string;
-    /** Relationship type */
+    /** Relationship type — drives edge colour and dash style */
     relation?: DependencyRelation;
+    /**
+     * Free-form edge label, for graphs whose relationship vocabulary is wider than
+     * `DependencyRelation` (e.g. `CALLS`, `HAS_COLUMN`, `AUTHORED_BY`). Shown
+     * verbatim instead of the `relation` label; colouring still follows `relation`,
+     * which may be omitted for a generic look.
+     */
+    relationLabel?: string;
 }
 interface DependencyNode {
     /** Unique identifier */
@@ -6282,10 +6305,28 @@ interface DependencyNode {
     icon?: string;
     /** Visual status / color */
     status?: DependencyNodeStatus;
+    /**
+     * Category of the node (e.g. `Class`, `Table`, `Feature`). Colours the node via
+     * the `typeColors` input and drives the type legend. Takes precedence over
+     * `status` for the fill; `status` still applies when no type colour resolves.
+     */
+    type?: string;
+    /**
+     * Number of neighbours that exist but aren't part of `children` — rendered as a
+     * "+N" marker. Use when a node's neighbourhood is capped (god nodes) so the
+     * truncation is visible instead of silent.
+     */
+    moreCount?: number;
     /** Child nodes: items this node is required for (right / bottom side) */
     children?: DependencyNode[];
     /** Dependencies: items this node depends on (shown as cross-reference edges) */
     dependsOn?: DependencyEdgeDef[];
+    /**
+     * Opaque payload. Never read or interpreted by the component; handed back
+     * unchanged on `nodeSelect` / `nodeExpand` so callers can carry their own
+     * metadata (keys, labels, file paths, …) through the viewer.
+     */
+    data?: Record<string, unknown>;
 }
 interface LayoutNode {
     id: string;
@@ -6293,6 +6334,8 @@ interface LayoutNode {
     description?: string;
     icon?: string;
     status: DependencyNodeStatus;
+    type?: string;
+    moreCount?: number;
     x: number;
     y: number;
     width: number;
@@ -6308,11 +6351,15 @@ interface LayoutEdge {
     sourceId: string;
     targetId: string;
     relation?: DependencyRelation;
+    /** Resolved display label (free-form `relationLabel` wins over the relation's) */
+    label?: string;
     labelX: number;
     labelY: number;
     color: string;
     dashed: boolean;
     isCrossRef: boolean;
+    /** Arrow marker id suffix — always a known relation, so the marker resolves */
+    marker: DependencyRelation;
 }
 /**
  * Dependency viewer component for visualizing hierarchical and cross-cutting relationships.
@@ -6332,10 +6379,34 @@ interface LayoutEdge {
  * - SVG arrowhead markers on cross-reference edges
  * - Dark/light theme support
  *
+ * ## Feeding it a graph
+ *
+ * `root` is a *tree*, but the input is treated as a graph: a link back to a node
+ * that already has a place in the layout — a cycle, or a node reached from a
+ * second parent — is drawn as a cross-reference arrow instead of being followed.
+ * Every node is laid out exactly once, and no input can make the layout recurse
+ * forever.
+ *
+ * For incremental exploration, hand in a wider `root` per step and let
+ * `nodeExpand` drive the loading. Pan, zoom, collapse state and selection all
+ * survive a `root` swap, and `anchorNodeId` (defaulting to the selected node)
+ * keeps the viewport pinned while the graph grows around it.
+ *
  * @example
  * ```html
  * <lc-dependency-viewer [root]="specTree" direction="horizontal" />
  * ```
+ *
+ * @example Incremental graph exploration
+ * ```html
+ * <lc-dependency-viewer
+ *   [root]="graph()"
+ *   [anchorNodeId]="anchor()"
+ *   [typeColors]="{ Alpha: '#c1e3e9' }"
+ *   (nodeSelect)="showDetails($event)"
+ *   (nodeExpand)="loadNeighbours($event)"
+ * />
+ * ```
  */
 declare class DependencyViewerComponent {
     readonly root: _angular_core.InputSignal<DependencyNode>;
@@ -6344,6 +6415,22 @@ declare class DependencyViewerComponent {
     readonly showToolbar: _angular_core.InputSignal<boolean>;
     readonly showEdgeLabels: _angular_core.InputSignal<boolean>;
     readonly edgeWidth: _angular_core.InputSignal<number>;
+    /**
+     * Node the viewport holds still across `root` updates. Defaults to the node the
+     * user last selected, which keeps click-to-expand steady without any wiring.
+     * Set it explicitly to anchor somewhere else (e.g. a deep-linked node).
+     */
+    readonly anchorNodeId: _angular_core.InputSignal<string | null>;
+    /** Fill colour per `DependencyNode.type`, e.g. `{ Class: '#8ea475' }`. */
+    readonly typeColors: _angular_core.InputSignal<Record<string, string>>;
+    /** Relations to hide. Cross-reference edges of these types aren't rendered. */
+    readonly hiddenRelations: _angular_core.InputSignal<readonly DependencyRelation[]>;
+    /** Node types to hide, matched against `DependencyNode.type`. */
+    readonly hiddenTypes: _angular_core.InputSignal<readonly string[]>;
+    /** Fires when a node is selected (not on deselect), with the original node incl. `data`. */
+    readonly nodeSelect: _angular_core.OutputEmitterRef<DependencyNode>;
+    /** Fires on double-click — the hook for "expand this node's neighbourhood". */
+    readonly nodeExpand: _angular_core.OutputEmitterRef<DependencyNode>;
     protected zoom: _angular_core.WritableSignal<number>;
     protected panX: _angular_core.WritableSignal<number>;
     protected panY: _angular_core.WritableSignal<number>;
@@ -6352,14 +6439,19 @@ declare class DependencyViewerComponent {
     private isPanning;
     private lastMouseX;
     private lastMouseY;
+    private readonly hostEl;
+    /** Last known layout position of the anchor, to compensate pan after a relayout. */
+    private anchorPos;
     protected effectiveRoot: _angular_core.Signal<DependencyNode>;
     private allOriginalNodes;
     protected layout: _angular_core.Signal<{
         nodes: LayoutNode[];
         edges: LayoutEdge[];
+        nodeMap: Map<string, LayoutNode>;
         width: number;
         height: number;
     }>;
+    constructor();
     protected svgWidth: _angular_core.Signal<number>;
     protected svgHeight: _angular_core.Signal<number>;
     protected viewBox: _angular_core.Signal<string>;
@@ -6367,31 +6459,46 @@ declare class DependencyViewerComponent {
     protected selectedNode: _angular_core.Signal<LayoutNode | null>;
     protected selectedDependsOn: _angular_core.Signal<DependencyEdgeDef[]>;
     protected legendItems: _angular_core.Signal<{
-        relation: DependencyRelation;
         label: string;
         color: string;
         dashed: boolean;
     }[]>;
+    protected typeLegendItems: _angular_core.Signal<{
+        type: string;
+        color: string;
+    }[]>;
     protected hasChildren(nodeId: string): boolean;
     protected isCollapsed(nodeId: string): boolean;
     protected getRelationLabel(relation: DependencyRelation): string;
     private pruneCollapsed;
-    private findOriginalNode;
     protected selectNode(id: string, event: Event): void;
+    protected expandNode(id: string, event: Event): void;
     protected toggleCollapse(id: string, event: Event): void;
     protected deselectNode(): void;
     protected zoomIn(): void;
     protected zoomOut(): void;
     protected resetZoom(): void;
+    /** Centres the viewport on a node. No-op for an id that isn't laid out. */
+    focusNode(id: string): void;
+    /** Restores the initial zoom and pan. */
+    resetView(): void;
+    /** Expands a collapsed node. */
+    expand(id: string): void;
+    /** Collapses a node's sub-tree. */
+    collapse(id: string): void;
+    /** Expands every collapsed node. */
+    expandAll(): void;
+    /** Collapses every node that has children. */
+    collapseAll(): void;
     protected onMouseDown(event: MouseEvent): void;
     protected onMouseMove(event: MouseEvent): void;
     protected onMouseUp(): void;
     protected onWheel(event: WheelEvent): void;
-    protected getNodeBg(status: DependencyNodeStatus): string;
-    protected getNodeBorder(status: DependencyNodeStatus): string;
-    protected getNodeText(status: DependencyNodeStatus): string;
+    protected getNodeBg(node: LayoutNode): string;
+    protected getNodeBorder(node: LayoutNode): string;
+    protected getNodeText(node: LayoutNode): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DependencyViewerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DependencyViewerComponent, "lc-dependency-viewer", never, { "root": { "alias": "root"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showEdgeLabels": { "alias": "showEdgeLabels"; "required": false; "isSignal": true; }; "edgeWidth": { "alias": "edgeWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DependencyViewerComponent, "lc-dependency-viewer", never, { "root": { "alias": "root"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showEdgeLabels": { "alias": "showEdgeLabels"; "required": false; "isSignal": true; }; "edgeWidth": { "alias": "edgeWidth"; "required": false; "isSignal": true; }; "anchorNodeId": { "alias": "anchorNodeId"; "required": false; "isSignal": true; }; "typeColors": { "alias": "typeColors"; "required": false; "isSignal": true; }; "hiddenRelations": { "alias": "hiddenRelations"; "required": false; "isSignal": true; }; "hiddenTypes": { "alias": "hiddenTypes"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; "nodeExpand": "nodeExpand"; }, never, never, true, never>;
 }
 
 type TreeNodeType = 'file' | 'folder';
@@ -7636,5 +7743,5 @@ declare class PipelineComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PipelineComponent, "lc-pipeline", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; }, never, never, true, never>;
 }
 
-export { AccordionComponent, AccordionContentDirective, AccordionGroupComponent, AccordionHeaderDirective, 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, ColorSidebarDark, ColorSuccessDark, ColorSuccessDefault, ColorSuccessLight, ColorSurfaceDarkBase, ColorSurfaceDarkRaised, ColorSurfaceDarkSunken, ColorTextDarkPrimary, ColorTextDarkSecondary, ColorTextDarkTertiary, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DescriptionListComponent, 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, ICON_ALIASES, ICON_NAMES, IconComponent, InputComponent, KanbanBoardComponent, LC_LOGO_BASE_PATH, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, PageHeaderComponent, PageLayoutComponent, PaginationComponent, PasswordInputComponent, PieChartComponent, PipelineComponent, 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, isValidIconName, resolveFileIcon };
-export type { AccordionChevronPosition, 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, DescriptionListEmphasis, DescriptionListItem, DescriptionListLayout, DescriptionListSeparator, DescriptionListSize, 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, IconName, 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, PipelineOrientation, PipelineSize, PipelineStatus, PipelineStep, 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 };
+export { AccordionComponent, AccordionContentDirective, AccordionGroupComponent, AccordionHeaderDirective, 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, ColorSidebarDark, ColorSuccessDark, ColorSuccessDefault, ColorSuccessLight, ColorSurfaceDarkBase, ColorSurfaceDarkRaised, ColorSurfaceDarkSunken, ColorTextDarkPrimary, ColorTextDarkSecondary, ColorTextDarkTertiary, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DescriptionListComponent, 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, ICON_ALIASES, ICON_NAMES, IconComponent, InputComponent, KanbanBoardComponent, LC_LOGO_BASE_PATH, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, PageHeaderComponent, PageLayoutComponent, PaginationComponent, PasswordInputComponent, PieChartComponent, PipelineComponent, PopoverComponent, ProgressBarComponent, ProgressRingComponent, RadarChartComponent, RadioComponent, RatingComponent, RichTextEditorComponent, ScatterPlotComponent, SearchInputComponent, SectionComponent, SelectComponent, SidenavComponent, SizeContentMaxWidth, 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, isValidIconName, resolveFileIcon };
+export type { AccordionChevronPosition, 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, DescriptionListEmphasis, DescriptionListItem, DescriptionListLayout, DescriptionListSeparator, DescriptionListSize, 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, IconName, IconSize, IconVariant, KanbanCard, KanbanColumn, KanbanLabel, KanbanMoveEvent, LineChartSeries, ListItem, ListOrientation, ListSize, ListVariant, LogLevel, LogLine, LogViewerVariant, MarkdownChangesHighlighted, MarkdownHeading, MarkdownLinkClick, MarkdownRendered, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PageLayoutContentWidth, PageLayoutFill, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PipelineOrientation, PipelineSize, PipelineStatus, PipelineStep, 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 };