@logosphere-ui/angular 0.0.1-alpha.8 → 0.0.1-beta.0

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@logosphere-ui/angular",
-  "version": "0.0.1-alpha.8",
+  "version": "0.0.1-beta.0",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
-    "@logosphere-ui/core": "^0.0.0-alpha.40"
+    "@logosphere-ui/core": "^0.0.0-beta.0"
   },
   "dependencies": {
     "tslib": "^2.3.0",
@@ -22,6 +22,10 @@
       "types": "./types/logosphere-ui-angular.d.ts",
       "default": "./fesm2022/logosphere-ui-angular.mjs"
     },
+    "./src/lib/accordion": {
+      "types": "./types/logosphere-ui-angular-src-lib-accordion.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-accordion.mjs"
+    },
     "./src/lib/badge": {
       "types": "./types/logosphere-ui-angular-src-lib-badge.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-badge.mjs"
@@ -50,6 +54,14 @@
       "types": "./types/logosphere-ui-angular-src-lib-checkbox.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs"
     },
+    "./src/lib/chip-group": {
+      "types": "./types/logosphere-ui-angular-src-lib-chip-group.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs"
+    },
+    "./src/lib/collapse": {
+      "types": "./types/logosphere-ui-angular-src-lib-collapse.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-collapse.mjs"
+    },
     "./src/lib/combobox": {
       "types": "./types/logosphere-ui-angular-src-lib-combobox.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-combobox.mjs"
@@ -70,14 +82,26 @@
       "types": "./types/logosphere-ui-angular-src-lib-formfield.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-formfield.mjs"
     },
+    "./src/lib/icon": {
+      "types": "./types/logosphere-ui-angular-src-lib-icon.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-icon.mjs"
+    },
     "./src/lib/input": {
       "types": "./types/logosphere-ui-angular-src-lib-input.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-input.mjs"
     },
+    "./src/lib/input-group": {
+      "types": "./types/logosphere-ui-angular-src-lib-input-group.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-input-group.mjs"
+    },
     "./src/lib/left-menu": {
       "types": "./types/logosphere-ui-angular-src-lib-left-menu.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs"
     },
+    "./src/lib/loading": {
+      "types": "./types/logosphere-ui-angular-src-lib-loading.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-loading.mjs"
+    },
     "./src/lib/modal": {
       "types": "./types/logosphere-ui-angular-src-lib-modal.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-modal.mjs"
@@ -90,6 +114,18 @@
       "types": "./types/logosphere-ui-angular-src-lib-popover.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-popover.mjs"
     },
+    "./src/lib/slider": {
+      "types": "./types/logosphere-ui-angular-src-lib-slider.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-slider.mjs"
+    },
+    "./src/lib/split-button": {
+      "types": "./types/logosphere-ui-angular-src-lib-split-button.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-split-button.mjs"
+    },
+    "./src/lib/stepper": {
+      "types": "./types/logosphere-ui-angular-src-lib-stepper.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-stepper.mjs"
+    },
     "./src/lib/switch": {
       "types": "./types/logosphere-ui-angular-src-lib-switch.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-switch.mjs"
@@ -98,6 +134,10 @@
       "types": "./types/logosphere-ui-angular-src-lib-tab.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-tab.mjs"
     },
+    "./src/lib/table": {
+      "types": "./types/logosphere-ui-angular-src-lib-table.d.ts",
+      "default": "./fesm2022/logosphere-ui-angular-src-lib-table.mjs"
+    },
     "./src/lib/textarea": {
       "types": "./types/logosphere-ui-angular-src-lib-textarea.d.ts",
       "default": "./fesm2022/logosphere-ui-angular-src-lib-textarea.mjs"

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

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+
+interface AccordionItem {
+    title: string;
+    content: string;
+    disabled?: boolean;
+}
+declare class LogosphereAccordion {
+    items: _angular_core.InputSignal<AccordionItem[]>;
+    multiple: _angular_core.InputSignal<boolean>;
+    defaultOpen: _angular_core.InputSignal<number | number[]>;
+    border: _angular_core.InputSignal<"full" | "bottom">;
+    iconPosition: _angular_core.InputSignal<"left" | "right">;
+    size: _angular_core.InputSignal<"default" | "large">;
+    accordionChange: _angular_core.OutputEmitterRef<{
+        index: number;
+        expanded: boolean;
+        openIndices: number[];
+    }>;
+    onAccordionChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereAccordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereAccordion, "lgs-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "accordionChange": "accordionChange"; }, never, ["*"], true, never>;
+}
+
+export { LogosphereAccordion };
+export type { AccordionItem };

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

@@ -5,8 +5,10 @@ declare class LogosphereButton {
     size: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<string>;
     iconOnly: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    loading: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { LogosphereButton };

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

@@ -0,0 +1,24 @@
+import * as _angular_core from '@angular/core';
+
+interface ChipItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+declare class LogosphereChipGroup {
+    items: _angular_core.InputSignal<ChipItem[]>;
+    value: _angular_core.InputSignal<string[]>;
+    theme: _angular_core.InputSignal<string>;
+    gap: _angular_core.InputSignal<string>;
+    chipGroupChange: _angular_core.OutputEmitterRef<{
+        value: string[];
+        item: ChipItem;
+        selected: boolean;
+    }>;
+    onChipGroupChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereChipGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereChipGroup, "lgs-chip-group", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, { "chipGroupChange": "chipGroupChange"; }, never, never, true, never>;
+}
+
+export { LogosphereChipGroup };
+export type { ChipItem };

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

@@ -0,0 +1,18 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogosphereCollapse {
+    title: _angular_core.InputSignal<string>;
+    expanded: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    border: _angular_core.InputSignal<"full" | "bottom">;
+    iconPosition: _angular_core.InputSignal<"left" | "right">;
+    size: _angular_core.InputSignal<"default" | "large">;
+    toggle: _angular_core.OutputEmitterRef<{
+        expanded: boolean;
+    }>;
+    onToggle(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCollapse, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCollapse, "lgs-collapse", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["*"], true, never>;
+}
+
+export { LogosphereCollapse };

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

@@ -1,5 +1,4 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
 
 type ComboboxItem = Record<string, unknown>;
 type ComboboxItemRenderer = (item: ComboboxItem, context: {
@@ -8,6 +7,23 @@ type ComboboxItemRenderer = (item: ComboboxItem, context: {
     focused: boolean;
     multiple: boolean;
 }) => unknown;
+type ComboboxSearchChangeDetail = {
+    value: string;
+};
+type ComboboxFocusDetail = {
+    originalEvent: FocusEvent;
+    value: unknown;
+};
+type ComboboxLoadMoreDetail = {
+    value: string;
+};
+type ComboboxChangeDetail = {
+    value: unknown;
+};
+type ComboboxLgsChangeDetail = {
+    value: unknown;
+    selected: ComboboxItem[];
+};
 declare class LogosphereCombobox {
     label: _angular_core.InputSignal<string>;
     helper: _angular_core.InputSignal<string>;
@@ -16,6 +32,7 @@ declare class LogosphereCombobox {
     required: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readOnly: _angular_core.InputSignal<boolean>;
+    loading: _angular_core.InputSignal<boolean>;
     variant: _angular_core.InputSignal<"default" | "subtle">;
     multiple: _angular_core.InputSignal<boolean>;
     filterable: _angular_core.InputSignal<boolean>;
@@ -24,19 +41,27 @@ declare class LogosphereCombobox {
     emptyMessage: _angular_core.InputSignal<string>;
     size: _angular_core.InputSignal<"default" | "large">;
     items: _angular_core.InputSignal<ComboboxItem[]>;
+    value: _angular_core.InputSignal<unknown>;
+    clearable: _angular_core.InputSignal<boolean>;
     itemRenderer: _angular_core.InputSignal<ComboboxItemRenderer | undefined>;
-    change: _angular_core.OutputEmitterRef<{
-        value: ComboboxItem[];
-    }>;
+    onSearch: _angular_core.InputSignal<((detail: ComboboxSearchChangeDetail) => void | Promise<unknown>) | undefined>;
+    onFocus: _angular_core.InputSignal<((detail: ComboboxFocusDetail) => void | Promise<unknown>) | undefined>;
+    onLoadMore: _angular_core.InputSignal<((detail: ComboboxLoadMoreDetail) => void | Promise<unknown>) | undefined>;
+    change: _angular_core.OutputEmitterRef<ComboboxChangeDetail>;
+    lgsChange: _angular_core.OutputEmitterRef<ComboboxLgsChangeDetail>;
     selected: _angular_core.OutputEmitterRef<{
         selected: ComboboxItem[];
     }>;
-    set elRef(element: ElementRef | undefined);
+    searchChange: _angular_core.OutputEmitterRef<ComboboxSearchChangeDetail>;
+    comboboxFocus: _angular_core.OutputEmitterRef<ComboboxFocusDetail>;
     onChange(event: Event): void;
+    onLgsChange(event: Event): void;
     onSelected(event: Event): void;
+    onSearchChange(event: Event): void;
+    onComboboxFocus(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCombobox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "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; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; "isSignal": true; }; }, { "change": "change"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "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; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; "isSignal": true; }; "onSearch": { "alias": "onSearch"; "required": false; "isSignal": true; }; "onFocus": { "alias": "onFocus"; "required": false; "isSignal": true; }; "onLoadMore": { "alias": "onLoadMore"; "required": false; "isSignal": true; }; }, { "change": "change"; "lgsChange": "lgsChange"; "selected": "selected"; "searchChange": "searchChange"; "comboboxFocus": "comboboxFocus"; }, never, never, true, never>;
 }
 
 export { LogosphereCombobox };
-export type { ComboboxItem, ComboboxItemRenderer };
+export type { ComboboxChangeDetail, ComboboxFocusDetail, ComboboxItem, ComboboxItemRenderer, ComboboxLgsChangeDetail, ComboboxLoadMoreDetail, ComboboxSearchChangeDetail };

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

@@ -0,0 +1,10 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogosphereIcon {
+    name: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereIcon, "lgs-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { LogosphereIcon };

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

@@ -0,0 +1,9 @@
+import * as i0 from '@angular/core';
+
+declare class LogosphereInputGroup {
+    stretch: i0.InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogosphereInputGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogosphereInputGroup, "lgs-input-group", never, { "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { LogosphereInputGroup };

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

@@ -20,6 +20,7 @@ declare class LogosphereInput {
     required: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
+    pickOnly: _angular_core.InputSignal<boolean>;
     mask: _angular_core.InputSignal<string>;
     inputEvent: _angular_core.OutputEmitterRef<{
         value: string;
@@ -41,7 +42,7 @@ declare class LogosphereInput {
     onKeyup(event: Event): void;
     onClear(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereInput, "lgs-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "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; }; "pattern": { "alias": "pattern"; "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; }; "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; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, { "inputEvent": "inputChange"; "change": "change"; "keydown": "keydown"; "keyup": "keyup"; "clear": "clear"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereInput, "lgs-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "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; }; "pattern": { "alias": "pattern"; "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; }; "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; }; "pickOnly": { "alias": "pickOnly"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, { "inputEvent": "inputChange"; "change": "change"; "keydown": "keydown"; "keyup": "keyup"; "clear": "clear"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
 }
 
 export { LogosphereInput };

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

@@ -2,20 +2,14 @@ import * as _angular_core from '@angular/core';
 
 declare class LogosphereLeftMenu {
     open: _angular_core.InputSignal<boolean>;
-    pinned: _angular_core.InputSignal<boolean>;
-    closedWidth: _angular_core.InputSignal<number>;
     openWidth: _angular_core.InputSignal<number>;
     storageKey: _angular_core.InputSignal<string>;
-    pinChange: _angular_core.OutputEmitterRef<{
-        pinned: boolean;
-    }>;
     itemClick: _angular_core.OutputEmitterRef<{
         item: unknown;
     }>;
-    onPinChange(event: Event): void;
     onItemClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereLeftMenu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereLeftMenu, "lgs-left-menu", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "pinned": { "alias": "pinned"; "required": false; "isSignal": true; }; "closedWidth": { "alias": "closedWidth"; "required": false; "isSignal": true; }; "openWidth": { "alias": "openWidth"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; }, { "pinChange": "pinChange"; "itemClick": "itemClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereLeftMenu, "lgs-left-menu", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "openWidth": { "alias": "openWidth"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
 }
 
 declare class LogosphereLeftMenuItem {

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

@@ -0,0 +1,10 @@
+import * as _angular_core from '@angular/core';
+
+declare class LogosphereLoading {
+    label: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<"default" | "small">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereLoading, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereLoading, "lgs-loading", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { LogosphereLoading };

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-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 };