@logosphere-ui/angular 0.0.1 → 1.0.0-beta.2

package/types/logosphere-ui-angular-src-lib-note.d.ts

@@ -0,0 +1,15 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogosphereNote {
+    variant: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<string>;
+    noteTitle: _angular_core.InputSignal<string>;
+    text: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string>;
+    close: _angular_core.OutputEmitterRef<void>;
+    onClose(_event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereNote, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereNote, "lgs-note", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "noteTitle": { "alias": "title"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
+}
+
+export { LogosphereNote };

package/types/logosphere-ui-angular-src-lib-pagination.d.ts

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+type PaginationVariant = 'default' | 'prev-next' | 'prev-next-inverted' | 'prev-next-only' | 'number-buttons';
+interface PageChangeEvent {
+    page: number;
+    pageSize: number;
+    totalPages: number;
+}
+declare class LogospherePagination {
+    variant: _angular_core.InputSignal<PaginationVariant>;
+    page: _angular_core.InputSignal<number>;
+    pageSize: _angular_core.InputSignal<number>;
+    total: _angular_core.InputSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    showPageSize: _angular_core.InputSignal<boolean>;
+    showTotal: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    prevLabel: _angular_core.InputSignal<string>;
+    nextLabel: _angular_core.InputSignal<string>;
+    pageLabel: _angular_core.InputSignal<string>;
+    perPageLabel: _angular_core.InputSignal<string>;
+    totalLabel: _angular_core.InputSignal<string>;
+    pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
+    set elRef(element: ElementRef | undefined);
+    onPageChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogospherePagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogospherePagination, "lgs-pagination", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSize": { "alias": "showPageSize"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "pageLabel": { "alias": "pageLabel"; "required": false; "isSignal": true; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; "isSignal": true; }; "totalLabel": { "alias": "totalLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "page-change"; }, never, never, true, never>;
+}
+
+export { LogospherePagination };
+export type { PageChangeEvent, PaginationVariant };

package/types/logosphere-ui-angular-src-lib-popover.d.ts

@@ -0,0 +1,18 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogospherePopover {
+    popoverTitle: _angular_core.InputSignal<string>;
+    trigger: _angular_core.InputSignal<"click" | "hover" | "both">;
+    placement: _angular_core.InputSignal<string>;
+    offset: _angular_core.InputSignal<number>;
+    open: _angular_core.InputSignal<boolean>;
+    closeOnOutsideClick: _angular_core.InputSignal<boolean>;
+    popoverOpen: _angular_core.OutputEmitterRef<void>;
+    popoverClose: _angular_core.OutputEmitterRef<void>;
+    onPopoverOpen(): void;
+    onPopoverClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogospherePopover, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogospherePopover, "lgs-popover", never, { "popoverTitle": { "alias": "title"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, { "popoverOpen": "popoverOpen"; "popoverClose": "popoverClose"; }, never, ["[slot=trigger]", "*"], true, never>;
+}
+
+export { LogospherePopover };

package/types/logosphere-ui-angular-src-lib-slider.d.ts

@@ -0,0 +1,27 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogosphereSlider {
+    value: _angular_core.InputSignal<number>;
+    min: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number>;
+    step: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignal<boolean>;
+    range: _angular_core.InputSignal<boolean>;
+    rangeStart: _angular_core.InputSignal<number>;
+    rangeEnd: _angular_core.InputSignal<number>;
+    minDistance: _angular_core.InputSignal<number>;
+    tooltip: _angular_core.InputSignal<"always" | "hover" | "never">;
+    showScale: _angular_core.InputSignal<boolean>;
+    percentage: _angular_core.InputSignal<boolean>;
+    labels: _angular_core.InputSignal<string[]>;
+    sliderChange: _angular_core.OutputEmitterRef<{
+        value?: number;
+        rangeStart?: number;
+        rangeEnd?: number;
+    }>;
+    onSliderChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereSlider, "lgs-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "rangeStart": { "alias": "rangeStart"; "required": false; "isSignal": true; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; "isSignal": true; }; "minDistance": { "alias": "minDistance"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "showScale": { "alias": "showScale"; "required": false; "isSignal": true; }; "percentage": { "alias": "percentage"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "sliderChange": "sliderChange"; }, never, never, true, never>;
+}
+
+export { LogosphereSlider };

package/types/logosphere-ui-angular-src-lib-split-button.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+
+interface SplitButtonItem {
+    label: string;
+    value: string;
+    icon?: string;
+    disabled?: boolean;
+    divider?: boolean;
+}
+declare class LogosphereSplitButton {
+    label: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    theme: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    dropdownDisabled: _angular_core.InputSignal<boolean>;
+    items: _angular_core.InputSignal<SplitButtonItem[]>;
+    action: _angular_core.OutputEmitterRef<void>;
+    dropdownOpen: _angular_core.OutputEmitterRef<void>;
+    dropdownClose: _angular_core.OutputEmitterRef<void>;
+    itemSelect: _angular_core.OutputEmitterRef<{
+        value: string;
+        item: SplitButtonItem;
+    }>;
+    onAction(): void;
+    onDropdownOpen(): void;
+    onDropdownClose(): void;
+    onItemSelect(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereSplitButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereSplitButton, "lgs-split-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropdownDisabled": { "alias": "dropdownDisabled"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "action": "action"; "dropdownOpen": "dropdownOpen"; "dropdownClose": "dropdownClose"; "itemSelect": "itemSelect"; }, never, ["*"], true, never>;
+}
+
+export { LogosphereSplitButton };
+export type { SplitButtonItem };

package/types/logosphere-ui-angular-src-lib-stepper.d.ts

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+
+type StepState = 'completed' | 'current' | 'upcoming' | 'disabled';
+type StepperOrientation = 'horizontal' | 'vertical';
+interface StepItem {
+    title: string;
+    description?: string;
+    state?: StepState;
+    disabled?: boolean;
+}
+declare class LogosphereStepper {
+    steps: _angular_core.InputSignal<StepItem[]>;
+    activeStep: _angular_core.InputSignal<number>;
+    orientation: _angular_core.InputSignal<StepperOrientation>;
+    clickable: _angular_core.InputSignal<boolean>;
+    stepChange: _angular_core.OutputEmitterRef<{
+        index: number;
+        step: StepItem;
+    }>;
+    onStepChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereStepper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereStepper, "lgs-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeStep": { "alias": "activeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; }, never, never, true, never>;
+}
+
+export { LogosphereStepper };
+export type { StepItem, StepState, StepperOrientation };

package/types/logosphere-ui-angular-src-lib-switch.d.ts

@@ -0,0 +1,17 @@
+import * as _angular_core from '@angular/core';
+
+type SwitchChangeEvent = {
+    checked: boolean;
+};
+declare class LogosphereSwitch {
+    checked: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    size: _angular_core.InputSignal<"sm" | "md">;
+    change: _angular_core.OutputEmitterRef<SwitchChangeEvent>;
+    onChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereSwitch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereSwitch, "lgs-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+export { LogosphereSwitch };
+export type { SwitchChangeEvent };

package/types/logosphere-ui-angular-src-lib-tab.d.ts

@@ -0,0 +1,27 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+type TabItem = {
+    id: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    closable?: boolean;
+};
+declare class LogosphereTab {
+    tabs: _angular_core.InputSignal<TabItem[]>;
+    activeTab: _angular_core.InputSignal<string>;
+    lazy: _angular_core.InputSignal<boolean>;
+    variant: _angular_core.InputSignal<"default" | "card">;
+    tabChange: _angular_core.OutputEmitterRef<{
+        oldTab: string;
+        newTab: string;
+    }>;
+    set elRef(element: ElementRef | undefined);
+    onTabChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTab, "lgs-tab", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "tabChange": "tabChange"; }, never, ["*"], true, never>;
+}
+
+export { LogosphereTab };
+export type { TabItem };

package/types/logosphere-ui-angular-src-lib-table.d.ts

@@ -0,0 +1,83 @@
+import * as _angular_core from '@angular/core';
+
+interface TableColumn {
+    key: string;
+    label: string;
+    width?: number;
+    align?: 'left' | 'center' | 'right';
+    sortable?: boolean;
+    searchable?: boolean;
+    sticky?: boolean;
+    render?: (context: TableCellContext) => unknown;
+}
+interface TableCellContext {
+    value: unknown;
+    row: Record<string, unknown>;
+    rowIndex: number;
+    column: TableColumn;
+}
+interface TableActionContext {
+    row: Record<string, unknown>;
+    rowIndex: number;
+}
+interface TableActionColumn {
+    width?: number;
+    render: (context: TableActionContext) => unknown;
+}
+interface TableSortChangeDetail {
+    column: TableColumn;
+    key: string;
+    direction?: 'asc' | 'desc';
+    sorts: Array<{
+        column: TableColumn;
+        key: string;
+        direction: 'asc' | 'desc';
+        order: number;
+    }>;
+    multi: boolean;
+}
+interface TableSelectionChangeDetail {
+    selectedRows: Record<string, unknown>[];
+    selectedKeys: Array<string | number>;
+}
+interface TableSearchChangeDetail {
+    values: Array<{
+        key: string;
+        value: string;
+    }>;
+}
+interface TableWidthChangeDetail {
+    column: TableColumn;
+    key: string;
+    width: number;
+}
+declare class LogosphereTable {
+    columns: _angular_core.InputSignal<TableColumn[]>;
+    actionColumn: _angular_core.InputSignal<TableActionColumn | undefined>;
+    rows: _angular_core.InputSignal<Record<string, unknown>[]>;
+    rowKey: _angular_core.InputSignal<string>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    maxHeight: _angular_core.InputSignal<number | undefined>;
+    selection: _angular_core.InputSignal<boolean>;
+    stickySelection: _angular_core.InputSignal<boolean>;
+    resizable: _angular_core.InputSignal<boolean>;
+    borderless: _angular_core.InputSignal<boolean>;
+    rowClick: _angular_core.OutputEmitterRef<{
+        row: Record<string, unknown>;
+        rowIndex: number;
+    }>;
+    sortChange: _angular_core.OutputEmitterRef<TableSortChangeDetail>;
+    selectChange: _angular_core.OutputEmitterRef<TableSelectionChangeDetail>;
+    search: _angular_core.OutputEmitterRef<TableSearchChangeDetail>;
+    widthChange: _angular_core.OutputEmitterRef<TableWidthChangeDetail>;
+    sortChangeHandler: (detail: TableSortChangeDetail) => void;
+    selectChangeHandler: (detail: TableSelectionChangeDetail) => void;
+    searchHandler: (detail: TableSearchChangeDetail) => void;
+    widthChangeHandler: (detail: TableWidthChangeDetail) => void;
+    onRowClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTable, "lgs-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "actionColumn": { "alias": "actionColumn"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "stickySelection": { "alias": "stickySelection"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; }, { "rowClick": "rowClick"; "sortChange": "sortChange"; "selectChange": "selectChange"; "search": "search"; "widthChange": "widthChange"; }, never, never, true, never>;
+}
+
+export { LogosphereTable };
+export type { TableActionColumn, TableActionContext, TableCellContext, TableColumn, TableSearchChangeDetail, TableSelectionChangeDetail, TableSortChangeDetail, TableWidthChangeDetail };

package/types/logosphere-ui-angular-src-lib-textarea.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogosphereTextarea {
+    value: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string>;
+    autocomplete: _angular_core.InputSignal<string>;
+    minlength: _angular_core.InputSignal<number | undefined>;
+    maxlength: _angular_core.InputSignal<number | undefined>;
+    rows: _angular_core.InputSignal<number>;
+    maxRows: _angular_core.InputSignal<number>;
+    cols: _angular_core.InputSignal<number | undefined>;
+    wrap: _angular_core.InputSignal<"soft" | "hard">;
+    resize: _angular_core.InputSignal<"none" | "vertical" | "horizontal" | "both">;
+    autoResize: _angular_core.InputSignal<boolean>;
+    size: _angular_core.InputSignal<"default" | "large">;
+    variant: _angular_core.InputSignal<"default" | "subtle">;
+    label: _angular_core.InputSignal<string>;
+    helper: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string>;
+    required: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    inputEvent: _angular_core.OutputEmitterRef<{
+        value: string;
+    }>;
+    change: _angular_core.OutputEmitterRef<{
+        value: string;
+    }>;
+    clear: _angular_core.OutputEmitterRef<void>;
+    onInput(event: Event): void;
+    onChange(event: Event): void;
+    onClear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTextarea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTextarea, "lgs-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "inputEvent": "inputChange"; "change": "change"; "clear": "clear"; }, never, never, true, never>;
+}
+
+export { LogosphereTextarea };

package/types/logosphere-ui-angular-src-lib-timepicker.d.ts

@@ -0,0 +1,24 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogosphereTimePicker {
+    value: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    helper: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    required: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    size: _angular_core.InputSignal<"default" | "large">;
+    variant: _angular_core.InputSignal<"default" | "subtle">;
+    change: _angular_core.OutputEmitterRef<{
+        value: string;
+    }>;
+    clear: _angular_core.OutputEmitterRef<void>;
+    onChange(event: Event): void;
+    onClear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTimePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTimePicker, "lgs-timepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "change": "change"; "clear": "clear"; }, never, never, true, never>;
+}
+
+export { LogosphereTimePicker };

package/types/logosphere-ui-angular-src-lib-toast.d.ts

@@ -0,0 +1,27 @@
+import * as _angular_core from '@angular/core';
+
+type ToastType = 'success' | 'danger' | 'warning' | 'info';
+type ToastActionConfig = {
+    label: string;
+    onClick: () => void;
+};
+declare class LogosphereToast {
+    type: _angular_core.InputSignal<ToastType>;
+    toastTitle: _angular_core.InputSignal<string>;
+    text: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<string>;
+    closeable: _angular_core.InputSignal<boolean>;
+    duration: _angular_core.InputSignal<number>;
+    autoDismiss: _angular_core.InputSignal<boolean>;
+    dismiss: _angular_core.OutputEmitterRef<void>;
+    onDismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereToast, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereToast, "lgs-toast", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "toastTitle": { "alias": "title"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "autoDismiss": { "alias": "autoDismiss"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}
+declare class LogosphereToastContainer {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereToastContainer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereToastContainer, "lgs-toast-container", never, {}, {}, never, never, true, never>;
+}
+
+export { LogosphereToast, LogosphereToastContainer };
+export type { ToastActionConfig, ToastType };

package/types/logosphere-ui-angular-src-lib-tree-menu.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+type TreeMenuItem = {
+    id: string;
+    label: string;
+    icon?: string;
+    children?: TreeMenuItem[];
+    data?: unknown;
+};
+declare class LogosphereTreeMenu {
+    items: _angular_core.InputSignal<TreeMenuItem[]>;
+    expandedIds: _angular_core.InputSignal<string[]>;
+    expandOnLabelClick: _angular_core.InputSignal<boolean>;
+    chevronPosition: _angular_core.InputSignal<"left" | "right">;
+    showLabels: _angular_core.InputSignal<boolean>;
+    iconSize: _angular_core.InputSignal<number>;
+    toggle: _angular_core.OutputEmitterRef<{
+        item: TreeMenuItem;
+        expanded: boolean;
+    }>;
+    itemClick: _angular_core.OutputEmitterRef<{
+        item: TreeMenuItem;
+    }>;
+    nodeClick: _angular_core.OutputEmitterRef<{
+        item: TreeMenuItem;
+        hasChildren: boolean;
+    }>;
+    set elRef(element: ElementRef | undefined);
+    onToggle(event: Event): void;
+    onItemClick(event: Event): void;
+    onNodeClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTreeMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTreeMenu, "lgs-tree-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "expandOnLabelClick": { "alias": "expandOnLabelClick"; "required": false; "isSignal": true; }; "chevronPosition": { "alias": "chevronPosition"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; "itemClick": "itemClick"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+}
+
+export { LogosphereTreeMenu };
+export type { TreeMenuItem };

package/types/logosphere-ui-angular-src-lib-uploader.d.ts

@@ -0,0 +1,54 @@
+import * as _angular_core from '@angular/core';
+
+type UploaderFileStatus = 'pending' | 'uploading' | 'completed' | 'error';
+type UploaderSize = 'default' | 'small';
+interface UploaderFile {
+    id: string;
+    name: string;
+    size?: number;
+    status?: UploaderFileStatus;
+    progress?: number;
+    error?: string;
+    previewUrl?: string;
+    meta?: string;
+    selected?: boolean;
+}
+interface UploaderFilesAddedDetail {
+    files: File[];
+    rejected: Array<{
+        file: File;
+        reason: 'type' | 'size';
+    }>;
+}
+interface UploaderFileDetail {
+    id: string;
+}
+declare class LogosphereUploader {
+    files: _angular_core.InputSignal<UploaderFile[]>;
+    accept: _angular_core.InputSignal<string>;
+    multiple: _angular_core.InputSignal<boolean>;
+    maxSize: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignal<boolean>;
+    size: _angular_core.InputSignal<UploaderSize>;
+    selectable: _angular_core.InputSignal<boolean>;
+    hideDropArea: _angular_core.InputSignal<boolean>;
+    label: _angular_core.InputSignal<string>;
+    labelSuffix: _angular_core.InputSignal<string>;
+    helper: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string>;
+    filesAdded: _angular_core.OutputEmitterRef<UploaderFilesAddedDetail>;
+    fileRemove: _angular_core.OutputEmitterRef<UploaderFileDetail>;
+    fileRetry: _angular_core.OutputEmitterRef<UploaderFileDetail>;
+    fileCancel: _angular_core.OutputEmitterRef<UploaderFileDetail>;
+    fileSelect: _angular_core.OutputEmitterRef<UploaderFileDetail>;
+    onFilesAdded(event: Event): void;
+    onFileRemove(event: Event): void;
+    onFileRetry(event: Event): void;
+    onFileCancel(event: Event): void;
+    onFileSelect(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereUploader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereUploader, "lgs-uploader", never, { "files": { "alias": "files"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hideDropArea": { "alias": "hideDropArea"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelSuffix": { "alias": "labelSuffix"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "filesAdded": "filesAdded"; "fileRemove": "fileRemove"; "fileRetry": "fileRetry"; "fileCancel": "fileCancel"; "fileSelect": "fileSelect"; }, never, never, true, never>;
+}
+
+export { LogosphereUploader };
+export type { UploaderFile, UploaderFileDetail, UploaderFileStatus, UploaderFilesAddedDetail, UploaderSize };

package/types/logosphere-ui-angular-ssr.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Inject Declarative Shadow DOM into an @angular/ssr-rendered HTML string.
+ *
+ * Angular's server renderer emits Logosphere custom elements as bare host tags
+ * (attributes + projected light DOM, but no shadow content, because Domino does
+ * not upgrade custom elements). This runs that HTML through @lit-labs/ssr so
+ * every **registered** logosphere-* element gets its full shadow tree emitted as
+ * `<template shadowrootmode="open">…</template>`, recursively, while the rest of
+ * the Angular markup is left untouched. The emitted Lit hydration markers
+ * (`<!--lit-part-->`) let the client hydrate instead of re-rendering.
+ *
+ * The components must already be **registered** (their modules imported) in the
+ * server process before this is called — which they are, since the Angular
+ * wrapper components import them. Registration relies on a single shared
+ * `@lit-labs/ssr-dom-shim` customElements registry (pinned via the workspace
+ * `overrides`), so don't let that version drift.
+ *
+ * Works on a full document string or a fragment.
+ *
+ * @example
+ * // server.ts (@angular/ssr)
+ * const html = await angularApp.render(request);          // bare custom elements
+ * const withDsd = await renderLogosphereShadowRoots(html); // DSD injected
+ */
+declare function renderLogosphereShadowRoots(htmlString: string): Promise<string>;
+
+export { renderLogosphereShadowRoots };