@life-cockpit/angular-ui-kit 1.2.2 → 1.3.0

package/package.json

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

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

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef, OnInit, OnDestroy, AfterViewInit, QueryList, Signal, TemplateRef, AfterContentInit, AfterViewChecked } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SafeHtml, DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
 
 /**
  * Do not edit directly, this file was auto-generated.
@@ -6005,5 +6006,414 @@ declare class RichTextEditorComponent implements ControlValueAccessor, AfterView
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorComponent, "lc-rich-text-editor", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; "showWordCount": { "alias": "showWordCount"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; }, never, never, true, never>;
 }
 
-export { AccordionComponent, 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, 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, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DiffViewerComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, Elevation1, Elevation2, Elevation3, Elevation4, EmailInputComponent, EmptyStateComponent, ErrorDisplayComponent, FieldGroupComponent, FileUploadComponent, FilterBarComponent, FooterComponent, FunnelChartComponent, GalleryComponent, GanttChartComponent, GaugeComponent, HeaderComponent, HeatmapComponent, HeroComponent, IconComponent, InputComponent, KanbanBoardComponent, LineChartComponent, ListComponent, ListItemTemplateDirective, LogoComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, 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, StatTrendComponent, StepperComponent, SwitchComponent, TabComponent, TableCellDirective, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, ThemeService, TimelineComponent, ToastComponent, ToastService, ToggleGroupComponent, TooltipContentComponent, TooltipDirective, TypographyComponent, TypographyFontFamilyBase, TypographyFontFamilyMono, TypographyFontSize2xl, TypographyFontSize3xl, TypographyFontSize4xl, TypographyFontSize5xl, TypographyFontSize6xl, TypographyFontSizeBase, TypographyFontSizeLg, TypographyFontSizeSm, TypographyFontSizeXl, TypographyFontSizeXs, TypographyFontWeightBold, TypographyFontWeightMedium, TypographyFontWeightNormal, TypographyFontWeightSemibold, TypographyLineHeightNormal, TypographyLineHeightRelaxed, TypographyLineHeightTight, VerificationCodeInputComponent, WaterfallChartComponent };
-export type { AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatMessage, ChatMessageRole, ChatSendEvent, CheckboxSize, ChipSize, ChipVariant, CodeBlockLanguage, 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, MenuItem, ModalSize, NavigationItem, Notification, NotificationPriority, NotificationType, PaginationSize, PasswordRequirement, PasswordStrength, PieChartSize, PieSegment, PopoverPosition, PopoverTrigger, ProgressBarColor, ProgressBarSize, ProgressBarVariant, ProgressRingColor, ProgressRingSize, RadarChartSeries, RadioSize, RatingSize, 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, StatTrendDirection, StepState, StepperStep, TabOrientation, TableColumn, TableSize, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, WaterfallItem };
+interface MarkdownHeading {
+    level: number;
+    text: string;
+    id: string;
+}
+interface MarkdownLinkClick {
+    href: string;
+    event: MouseEvent;
+}
+interface MarkdownRendered {
+    headings: MarkdownHeading[];
+}
+interface RenderPart {
+    type: 'html' | 'code';
+    index: number;
+    safeHtml?: SafeHtml;
+    code?: string;
+    lang?: string;
+}
+/**
+ * Markdown renderer component.
+ *
+ * Renders GitHub-Flavored Markdown (GFM) to sanitized HTML with
+ * optional syntax highlighting via `<lc-code-block>`.
+ *
+ * @example
+ * ```html
+ * <lc-markdown [content]="'# Hello World'" />
+ * <lc-markdown [src]="'/docs/readme.md'" />
+ * ```
+ */
+declare class MarkdownComponent implements OnDestroy {
+    private readonly sanitizer;
+    private readonly http;
+    private httpSub?;
+    /** URL or path to load markdown from */
+    readonly src: _angular_core.InputSignal<string | undefined>;
+    /** Raw markdown string */
+    readonly content: _angular_core.InputSignal<string | undefined>;
+    /** Display variant */
+    readonly variant: _angular_core.InputSignal<"default" | "compact">;
+    /** Target for links */
+    readonly linkTarget: _angular_core.InputSignal<"_blank" | "_self">;
+    /** Whether to sanitize HTML output */
+    readonly sanitize: _angular_core.InputSignal<boolean>;
+    /** Whether to use code-block for fenced code */
+    readonly syntaxHighlight: _angular_core.InputSignal<boolean>;
+    /** Whether to show anchor links on headings */
+    readonly showHeadingAnchors: _angular_core.InputSignal<boolean>;
+    /** Base URL for resolving relative links/images */
+    readonly baseUrl: _angular_core.InputSignal<string | undefined>;
+    /** Emitted when a link is clicked */
+    readonly linkClick: _angular_core.OutputEmitterRef<MarkdownLinkClick>;
+    /** Emitted after rendering with heading TOC */
+    readonly rendered: _angular_core.OutputEmitterRef<MarkdownRendered>;
+    /** Internal resolved markdown source */
+    protected resolvedMarkdown: _angular_core.WritableSignal<string>;
+    /** Parsed result (computed once from resolvedMarkdown) */
+    private parsed;
+    /** Computed render parts (HTML chunks + code blocks interleaved) */
+    protected renderParts: _angular_core.Signal<RenderPart[]>;
+    protected containerClasses: _angular_core.Signal<string>;
+    private headings;
+    constructor();
+    ngOnDestroy(): void;
+    protected onLinkClick(event: MouseEvent): void;
+    private loadFromUrl;
+    private splitIntoParts;
+    private parseMarkdown;
+    private parseTables;
+    private escapeHtml;
+    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>;
+}
+
+type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+type LogViewerVariant = 'terminal' | 'log';
+interface LogLine {
+    text: string;
+    level?: LogLevel;
+    timestamp?: Date;
+    source?: string;
+    meta?: Record<string, unknown>;
+}
+/**
+ * Streaming log / terminal viewer component.
+ *
+ * Supports controlled (lines input) and streaming (stream$ observable) modes,
+ * virtualized rendering for large buffers, ANSI color parsing, auto-scroll,
+ * and filtering.
+ *
+ * @example
+ * ```html
+ * <lc-log-viewer [stream$]="logs$" autoScroll height="600px" variant="terminal" />
+ * ```
+ */
+declare class LogViewerComponent implements AfterViewInit, OnDestroy {
+    scrollContainer?: ElementRef<HTMLElement>;
+    private readonly ngZone;
+    private streamSub?;
+    private scrollListener?;
+    /** Controlled mode: array of log lines */
+    readonly lines: _angular_core.InputSignal<LogLine[]>;
+    /** Streaming mode: observable of log lines */
+    readonly stream$: _angular_core.InputSignal<Observable<LogLine | LogLine[]> | undefined>;
+    /** Maximum lines to keep in buffer */
+    readonly maxLines: _angular_core.InputSignal<number>;
+    /** Auto-scroll to bottom on new lines */
+    readonly autoScroll: _angular_core.InputSignal<boolean>;
+    /** Show timestamps column */
+    readonly showTimestamps: _angular_core.InputSignal<boolean>;
+    /** Show line numbers */
+    readonly showLineNumbers: _angular_core.InputSignal<boolean>;
+    /** Parse ANSI color codes */
+    readonly ansiColors: _angular_core.InputSignal<boolean>;
+    /** Filter by log levels */
+    readonly levelFilter: _angular_core.InputSignal<LogLevel[] | undefined>;
+    /** Search query to highlight */
+    readonly searchQuery: _angular_core.InputSignal<string | undefined>;
+    /** Container height */
+    readonly height: _angular_core.InputSignal<string>;
+    /** Visual variant */
+    readonly variant: _angular_core.InputSignal<LogViewerVariant>;
+    /** Emitted when a line is clicked */
+    readonly lineClick: _angular_core.OutputEmitterRef<LogLine>;
+    /** Emitted on copy all */
+    readonly copyAll: _angular_core.OutputEmitterRef<string>;
+    /** Emitted when scroll state changes */
+    readonly scrollStateChange: _angular_core.OutputEmitterRef<{
+        atBottom: boolean;
+    }>;
+    /** Internal buffer of all lines */
+    protected buffer: _angular_core.WritableSignal<LogLine[]>;
+    /** Whether stream is paused */
+    protected paused: _angular_core.WritableSignal<boolean>;
+    /** Whether user is at bottom of scroll */
+    protected atBottom: _angular_core.WritableSignal<boolean>;
+    /** Internal search input */
+    protected internalSearch: _angular_core.WritableSignal<string>;
+    /** Internal level filter */
+    protected internalLevelFilter: _angular_core.WritableSignal<Set<LogLevel>>;
+    /** Show search bar */
+    protected showSearch: _angular_core.WritableSignal<boolean>;
+    /** Effective search query */
+    protected effectiveSearch: _angular_core.Signal<string>;
+    /** Filtered lines for display */
+    protected filteredLines: _angular_core.Signal<LogLine[]>;
+    /** Visible window of lines (virtualized) */
+    protected scrollTop: _angular_core.WritableSignal<number>;
+    protected readonly LINE_HEIGHT = 22;
+    protected visibleRange: _angular_core.Signal<{
+        start: number;
+        end: number;
+        total: number;
+        totalHeight: number;
+    }>;
+    protected visibleLines: _angular_core.Signal<{
+        _index: number;
+        text: string;
+        level?: LogLevel;
+        timestamp?: Date;
+        source?: string;
+        meta?: Record<string, unknown>;
+    }[]>;
+    protected containerClasses: _angular_core.Signal<string>;
+    /** Line counts per level for toolbar */
+    protected levelCounts: _angular_core.Signal<{
+        debug: number;
+        info: number;
+        warn: number;
+        error: number;
+    }>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected onScroll(): void;
+    protected scrollToBottom(): void;
+    protected togglePause(): void;
+    protected clearBuffer(): void;
+    protected onCopyAll(): Promise<void>;
+    protected toggleSearch(): void;
+    protected toggleLevelFilter(level: LogLevel): void;
+    protected onLineClick(line: LogLine): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected formatTimestamp(date?: Date): string;
+    protected parseAnsi(text: string): string;
+    protected highlightSearch(html: string): string;
+    private escapeHtml;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogViewerComponent, "lc-log-viewer", never, { "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "stream$": { "alias": "stream$"; "required": false; "isSignal": true; }; "maxLines": { "alias": "maxLines"; "required": false; "isSignal": true; }; "autoScroll": { "alias": "autoScroll"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; "ansiColors": { "alias": "ansiColors"; "required": false; "isSignal": true; }; "levelFilter": { "alias": "levelFilter"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "lineClick": "lineClick"; "copyAll": "copyAll"; "scrollStateChange": "scrollStateChange"; }, never, never, true, never>;
+}
+
+type ConfirmDialogVariant = 'default' | 'destructive' | 'warning';
+interface RequireTextConfig {
+    prompt: string;
+    expected: string;
+}
+/**
+ * Confirm dialog component for confirming user actions.
+ *
+ * Builds on `<lc-modal>` to provide a standardized confirmation pattern
+ * with optional destructive variant and text-matching confirmation.
+ *
+ * @example
+ * ```html
+ * <lc-confirm-dialog
+ *   [open]="showConfirm()"
+ *   variant="destructive"
+ *   title="Delete project?"
+ *   message="This cannot be undone."
+ *   (confirmed)="onDelete()"
+ *   (cancelled)="showConfirm.set(false)"
+ * />
+ * ```
+ */
+declare class ConfirmDialogComponent {
+    confirmInput?: ElementRef<HTMLInputElement>;
+    /** Whether the dialog is open */
+    readonly open: _angular_core.InputSignal<boolean>;
+    /** Dialog variant */
+    readonly variant: _angular_core.InputSignal<ConfirmDialogVariant>;
+    /** Dialog title */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Dialog message */
+    readonly message: _angular_core.InputSignal<string>;
+    /** Confirm button label */
+    readonly confirmLabel: _angular_core.InputSignal<string>;
+    /** Cancel button label */
+    readonly cancelLabel: _angular_core.InputSignal<string>;
+    /** Icon name (auto-set by variant if not provided) */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Require text match to enable confirm */
+    readonly requireText: _angular_core.InputSignal<RequireTextConfig | undefined>;
+    /** Emitted when user confirms */
+    readonly confirmed: _angular_core.OutputEmitterRef<void>;
+    /** Emitted when user cancels */
+    readonly cancelled: _angular_core.OutputEmitterRef<void>;
+    /** Internal text input value */
+    protected inputValue: _angular_core.WritableSignal<string>;
+    /** Resolved icon name */
+    protected resolvedIcon: _angular_core.Signal<string>;
+    /** Resolved icon color */
+    protected iconColor: _angular_core.Signal<"var(--color-error-default, #ef4444)" | "var(--color-warning-default, #f59e0b)" | "var(--color-primary-600, #2563eb)">;
+    /** Confirm button variant */
+    protected confirmButtonVariant: _angular_core.Signal<"primary" | "danger" | "warning">;
+    /** Whether confirm is allowed (text match check) */
+    protected confirmAllowed: _angular_core.Signal<boolean>;
+    constructor();
+    protected onConfirm(): void;
+    protected onCancel(): void;
+    protected onModalClose(): void;
+    protected onInputChange(value: string | number): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmDialogComponent, "lc-confirm-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "requireText": { "alias": "requireText"; "required": false; "isSignal": true; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, never, true, never>;
+}
+
+interface ConfirmOptions {
+    title: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: ConfirmDialogVariant;
+    icon?: string;
+    requireText?: RequireTextConfig;
+}
+/**
+ * Imperative confirm dialog service.
+ *
+ * @example
+ * ```ts
+ * const ok = await this.confirmService.confirm({
+ *   title: 'Delete item?',
+ *   message: 'This cannot be undone.',
+ * });
+ * if (ok) { ... }
+ * ```
+ */
+declare class ConfirmService {
+    private readonly appRef;
+    private readonly injector;
+    /**
+     * Show a confirmation dialog and return a promise that resolves
+     * to true (confirmed) or false (cancelled).
+     */
+    confirm(opts: ConfirmOptions): Promise<boolean>;
+    /**
+     * Show a destructive confirmation dialog.
+     * Shorthand for `confirm({ ...opts, variant: 'destructive' })`.
+     */
+    destructive(opts: Omit<ConfirmOptions, 'variant'>): Promise<boolean>;
+    /**
+     * Show a warning confirmation dialog.
+     * Shorthand for `confirm({ ...opts, variant: 'warning' })`.
+     */
+    warning(opts: Omit<ConfirmOptions, 'variant'>): Promise<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmService>;
+}
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    group?: string;
+    disabled?: boolean;
+}
+type ComboboxValue = ComboboxOption | ComboboxOption[] | null;
+type ComboboxSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Combobox / async autocomplete component.
+ *
+ * Supports free-text input with sync/async option suggestions,
+ * single/multiple selection, create new entries, and keyboard navigation.
+ *
+ * @example
+ * ```html
+ * <lc-combobox
+ *   label="Assign to user"
+ *   [loadOptions]="searchUsers"
+ *   [(value)]="assignee"
+ *   allowCreate
+ * />
+ * ```
+ */
+declare class ComboboxComponent implements ControlValueAccessor, OnDestroy {
+    inputEl?: ElementRef<HTMLInputElement>;
+    private readonly elRef;
+    private querySubject;
+    private asyncSub?;
+    /** Sync options */
+    readonly options: _angular_core.InputSignal<ComboboxOption[]>;
+    /** Async option loader */
+    readonly loadOptions: _angular_core.InputSignal<((query: string) => Observable<ComboboxOption[]>) | undefined>;
+    /** Debounce for async queries */
+    readonly debounceMs: _angular_core.InputSignal<number>;
+    /** Minimum characters before triggering search */
+    readonly minChars: _angular_core.InputSignal<number>;
+    /** Placeholder text */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Label */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Helper text */
+    readonly helperText: _angular_core.InputSignal<string | undefined>;
+    /** Error message */
+    readonly error: _angular_core.InputSignal<string | undefined>;
+    /** Disabled state */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Allow multiple selections */
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    /** Allow creating new entries */
+    readonly allowCreate: _angular_core.InputSignal<boolean>;
+    /** Show loading spinner (controlled) */
+    readonly loading: _angular_core.InputSignal<boolean>;
+    /** Empty state message */
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    /** Size */
+    readonly size: _angular_core.InputSignal<ComboboxSize>;
+    /** Value change event */
+    readonly valueChange: _angular_core.OutputEmitterRef<ComboboxValue>;
+    /** Query change event */
+    readonly queryChange: _angular_core.OutputEmitterRef<string>;
+    /** Option selected event */
+    readonly optionSelected: _angular_core.OutputEmitterRef<ComboboxOption>;
+    /** Created event (allowCreate) */
+    readonly created: _angular_core.OutputEmitterRef<string>;
+    /** Internal state */
+    protected query: _angular_core.WritableSignal<string>;
+    protected isOpen: _angular_core.WritableSignal<boolean>;
+    protected highlightedIndex: _angular_core.WritableSignal<number>;
+    protected asyncOptions: _angular_core.WritableSignal<ComboboxOption[]>;
+    protected isLoading: _angular_core.WritableSignal<boolean>;
+    /** Selected values */
+    protected selectedSingle: _angular_core.WritableSignal<ComboboxOption | null>;
+    protected selectedMultiple: _angular_core.WritableSignal<ComboboxOption[]>;
+    /** Resolved visible options */
+    protected visibleOptions: _angular_core.Signal<ComboboxOption[]>;
+    /** Grouped options */
+    protected groupedOptions: _angular_core.Signal<{
+        label: string;
+        items: ComboboxOption[];
+    }[]>;
+    /** Flat list for keyboard nav */
+    protected flatOptions: _angular_core.Signal<ComboboxOption[]>;
+    /** Whether to show "Create" option */
+    protected showCreateOption: _angular_core.Signal<boolean>;
+    /** Container classes */
+    protected containerClasses: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    constructor();
+    ngOnDestroy(): void;
+    writeValue(value: ComboboxValue): void;
+    registerOnChange(fn: (value: ComboboxValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onInputChange(event: Event): void;
+    protected onInputFocus(): void;
+    protected onInputBlur(): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected selectOption(option: ComboboxOption): void;
+    protected removeSelected(option: ComboboxOption): void;
+    protected onCreateNew(): void;
+    protected onDocumentClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboboxComponent, "lc-combobox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "loadOptions": { "alias": "loadOptions"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowCreate": { "alias": "allowCreate"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "queryChange": "queryChange"; "optionSelected": "optionSelected"; "created": "created"; }, never, never, true, never>;
+}
+
+export { AccordionComponent, 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, 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, ColorWarningDark, ColorWarningDefault, ColorWarningLight, ComboboxComponent, ConfirmDialogComponent, ConfirmService, ContainerComponent, DateRangePickerComponent, DatepickerComponent, DependencyViewerComponent, DiffViewerComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, Elevation1, Elevation2, Elevation3, Elevation4, EmailInputComponent, EmptyStateComponent, ErrorDisplayComponent, FieldGroupComponent, FileUploadComponent, FilterBarComponent, FooterComponent, FunnelChartComponent, GalleryComponent, GanttChartComponent, GaugeComponent, HeaderComponent, HeatmapComponent, HeroComponent, IconComponent, InputComponent, KanbanBoardComponent, LineChartComponent, ListComponent, ListItemTemplateDirective, LogViewerComponent, LogoComponent, MarkdownComponent, MenuComponent, ModalComponent, NotificationCenterComponent, NumberInputComponent, 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, StatTrendComponent, StepperComponent, SwitchComponent, TabComponent, TableCellDirective, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, ThemeService, TimelineComponent, ToastComponent, ToastService, ToggleGroupComponent, TooltipContentComponent, TooltipDirective, TypographyComponent, TypographyFontFamilyBase, TypographyFontFamilyMono, TypographyFontSize2xl, TypographyFontSize3xl, TypographyFontSize4xl, TypographyFontSize5xl, TypographyFontSize6xl, TypographyFontSizeBase, TypographyFontSizeLg, TypographyFontSizeSm, TypographyFontSizeXl, TypographyFontSizeXs, TypographyFontWeightBold, TypographyFontWeightMedium, TypographyFontWeightNormal, TypographyFontWeightSemibold, TypographyLineHeightNormal, TypographyLineHeightRelaxed, TypographyLineHeightTight, VerificationCodeInputComponent, WaterfallChartComponent };
+export type { AlertVariant, AreaChartSeries, AvatarGroupItem, AvatarSize, AvatarStatus, BadgeSize, BadgeVariant, BarChartItem, BarChartOrientation, BreadcrumbItem, BreadcrumbSize, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarView, CalloutVariant, CellEditEvent, ChatMessage, ChatMessageRole, 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, 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, StatTrendDirection, StepState, StepperStep, TabOrientation, TableColumn, TableSize, TableVariant, ThemeConfig, ThemeMode, ThemeState, TimelineItem, TimelineOrientation, Toast, ToastAction, ToastConfig, ToastPosition, ToastVariant, ToggleOption, ToolbarAction, ToolbarConfig, TooltipPosition, WaterfallItem };