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

package/fesm2022/logosphere-ui-angular.mjs

@@ -4,12 +4,21 @@ import '@logosphere-ui/core/badge';
 import '@logosphere-ui/core/button';
 import '@logosphere-ui/core/checkbox';
 import '@logosphere-ui/core/formfield';
+import '@logosphere-ui/core/loading';
+import '@logosphere-ui/core/slider';
 import '@logosphere-ui/core/switch';
+import '@logosphere-ui/core/accordion';
 import '@logosphere-ui/core/breadcrumb';
 import '@logosphere-ui/core/card';
+import '@logosphere-ui/core/chip-group';
+import '@logosphere-ui/core/collapse';
+import '@logosphere-ui/core/icon';
 import '@logosphere-ui/core/input';
+import '@logosphere-ui/core/input-group';
 import '@logosphere-ui/core/pagination';
 import '@logosphere-ui/core/popover';
+import '@logosphere-ui/core/split-button';
+import '@logosphere-ui/core/stepper';
 import '@logosphere-ui/core/textarea';
 import '@logosphere-ui/core/timepicker';
 import '@logosphere-ui/core/calendar';
@@ -21,6 +30,7 @@ import '@logosphere-ui/core/drawer';
 import '@logosphere-ui/core/left-menu';
 import '@logosphere-ui/core/modal';
 import '@logosphere-ui/core/tab';
+import '@logosphere-ui/core/table';
 import '@logosphere-ui/core/toast';
 import '@logosphere-ui/core/tree-menu';
 
@@ -72,9 +82,18 @@ class LogosphereButton {
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
     variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     iconOnly = input(false, ...(ngDevMode ? [{ debugName: "iconOnly" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereButton, isStandalone: true, selector: "lgs-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <logosphere-button [theme]="theme()" [size]="size()" [variant]="variant()" [iconOnly]="iconOnly()">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereButton, isStandalone: true, selector: "lgs-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <logosphere-button
+      [theme]="theme()"
+      [size]="size()"
+      [variant]="variant()"
+      [iconOnly]="iconOnly()"
+      [disabled]="disabled()"
+      [loading]="loading()"
+    >
       <ng-content></ng-content>
     </logosphere-button>`, isInline: true });
 }
@@ -84,12 +103,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     selector: 'lgs-button',
                     imports: [],
                     template: `
-    <logosphere-button [theme]="theme()" [size]="size()" [variant]="variant()" [iconOnly]="iconOnly()">
+    <logosphere-button
+      [theme]="theme()"
+      [size]="size()"
+      [variant]="variant()"
+      [iconOnly]="iconOnly()"
+      [disabled]="disabled()"
+      [loading]="loading()"
+    >
       <ng-content></ng-content>
     </logosphere-button>`,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }] } });
+        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
 
 class LogosphereCheckbox {
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
@@ -202,6 +228,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], cursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cursor", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], multiline: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiline", required: false }] }], forceFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceFocused", required: false }] }] } });
 
+class LogosphereLoading {
+    label = input('Yükleniyor', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLoading, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLoading, isStandalone: true, selector: "lgs-loading", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<logosphere-loading [label]="label()" [variant]="variant()"></logosphere-loading>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLoading, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-loading',
+                    imports: [],
+                    template: `<logosphere-loading [label]="label()" [variant]="variant()"></logosphere-loading>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+class LogosphereSlider {
+    value = input(50, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    range = input(false, ...(ngDevMode ? [{ debugName: "range" }] : []));
+    rangeStart = input(25, ...(ngDevMode ? [{ debugName: "rangeStart" }] : []));
+    rangeEnd = input(75, ...(ngDevMode ? [{ debugName: "rangeEnd" }] : []));
+    minDistance = input(0, ...(ngDevMode ? [{ debugName: "minDistance" }] : []));
+    tooltip = input('never', ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
+    showScale = input(false, ...(ngDevMode ? [{ debugName: "showScale" }] : []));
+    percentage = input(false, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    sliderChange = output();
+    onSliderChange(event) {
+        const e = event;
+        this.sliderChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereSlider, isStandalone: true, selector: "lgs-slider", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, rangeStart: { classPropertyName: "rangeStart", publicName: "rangeStart", isSignal: true, isRequired: false, transformFunction: null }, rangeEnd: { classPropertyName: "rangeEnd", publicName: "rangeEnd", isSignal: true, isRequired: false, transformFunction: null }, minDistance: { classPropertyName: "minDistance", publicName: "minDistance", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, showScale: { classPropertyName: "showScale", publicName: "showScale", isSignal: true, isRequired: false, transformFunction: null }, percentage: { classPropertyName: "percentage", publicName: "percentage", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sliderChange: "sliderChange" }, ngImport: i0, template: `
+    <logosphere-slider
+      [value]="value()"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [disabled]="disabled()"
+      [range]="range()"
+      [rangeStart]="rangeStart()"
+      [rangeEnd]="rangeEnd()"
+      [minDistance]="minDistance()"
+      [tooltip]="tooltip()"
+      [showScale]="showScale()"
+      [percentage]="percentage()"
+      [labels]="labels()"
+      (change)="onSliderChange($event)"
+    ></logosphere-slider>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSlider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-slider',
+                    imports: [],
+                    template: `
+    <logosphere-slider
+      [value]="value()"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [disabled]="disabled()"
+      [range]="range()"
+      [rangeStart]="rangeStart()"
+      [rangeEnd]="rangeEnd()"
+      [minDistance]="minDistance()"
+      [tooltip]="tooltip()"
+      [showScale]="showScale()"
+      [percentage]="percentage()"
+      [labels]="labels()"
+      (change)="onSliderChange($event)"
+    ></logosphere-slider>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], rangeStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeStart", required: false }] }], rangeEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeEnd", required: false }] }], minDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDistance", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], showScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "showScale", required: false }] }], percentage: [{ type: i0.Input, args: [{ isSignal: true, alias: "percentage", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], sliderChange: [{ type: i0.Output, args: ["sliderChange"] }] } });
+
 class LogosphereSwitch {
     checked = input(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
@@ -238,6 +346,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
 
+class LogosphereAccordion {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+    defaultOpen = input([], ...(ngDevMode ? [{ debugName: "defaultOpen" }] : []));
+    border = input('full', ...(ngDevMode ? [{ debugName: "border" }] : []));
+    iconPosition = input('right', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    accordionChange = output();
+    onAccordionChange(event) {
+        const e = event;
+        this.accordionChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereAccordion, isStandalone: true, selector: "lgs-accordion", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accordionChange: "accordionChange" }, ngImport: i0, template: `
+    <logosphere-accordion
+      [items]="items()"
+      [multiple]="multiple()"
+      [defaultOpen]="defaultOpen()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (accordion-change)="onAccordionChange($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-accordion>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-accordion',
+                    imports: [],
+                    template: `
+    <logosphere-accordion
+      [items]="items()"
+      [multiple]="multiple()"
+      [defaultOpen]="defaultOpen()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (accordion-change)="onAccordionChange($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-accordion>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], accordionChange: [{ type: i0.Output, args: ["accordionChange"] }] } });
+
 class LogosphereBreadcrumb {
     items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
     set elRef(element) {
@@ -323,6 +480,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], propDecorators: { cardTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], okLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "okLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], ok: [{ type: i0.Output, args: ["ok"] }], cancel: [{ type: i0.Output, args: ["cancel"] }] } });
 
+class LogosphereChipGroup {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    value = input([], ...(ngDevMode ? [{ debugName: "value" }] : []));
+    theme = input('default', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    gap = input('var(--spacing-2)', ...(ngDevMode ? [{ debugName: "gap" }] : []));
+    chipGroupChange = output();
+    onChipGroupChange(event) {
+        const e = event;
+        this.chipGroupChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChipGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereChipGroup, isStandalone: true, selector: "lgs-chip-group", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chipGroupChange: "chipGroupChange" }, ngImport: i0, template: `
+    <logosphere-chip-group
+      [items]="items()"
+      [value]="value()"
+      [theme]="theme()"
+      [gap]="gap()"
+      (chip-group-change)="onChipGroupChange($event)"
+    ></logosphere-chip-group>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChipGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-chip-group',
+                    imports: [],
+                    template: `
+    <logosphere-chip-group
+      [items]="items()"
+      [value]="value()"
+      [theme]="theme()"
+      [gap]="gap()"
+      (chip-group-change)="onChipGroupChange($event)"
+    ></logosphere-chip-group>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], chipGroupChange: [{ type: i0.Output, args: ["chipGroupChange"] }] } });
+
+class LogosphereCollapse {
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    expanded = input(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    border = input('full', ...(ngDevMode ? [{ debugName: "border" }] : []));
+    iconPosition = input('right', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    toggle = output();
+    onToggle(event) {
+        const e = event;
+        this.toggle.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCollapse, isStandalone: true, selector: "lgs-collapse", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle" }, ngImport: i0, template: `
+    <logosphere-collapse
+      [title]="title()"
+      [expanded]="expanded()"
+      [disabled]="disabled()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (toggle)="onToggle($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-collapse>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCollapse, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-collapse',
+                    imports: [],
+                    template: `
+    <logosphere-collapse
+      [title]="title()"
+      [expanded]="expanded()"
+      [disabled]="disabled()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (toggle)="onToggle($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-collapse>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }] } });
+
+class LogosphereIcon {
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    size = input(20, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereIcon, isStandalone: true, selector: "lgs-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<ui-icon [name]="name()" [size]="size()"></ui-icon>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-icon',
+                    imports: [],
+                    template: `<ui-icon [name]="name()" [size]="size()"></ui-icon>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
 class LogosphereInput {
     value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
     type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
@@ -343,6 +604,7 @@ class LogosphereInput {
     required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    pickOnly = input(false, ...(ngDevMode ? [{ debugName: "pickOnly" }] : []));
     mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : []));
     inputEvent = output({ alias: 'inputChange' });
     change = output();
@@ -369,7 +631,7 @@ class LogosphereInput {
         this.clear.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInput, isStandalone: true, selector: "lgs-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", keydown: "keydown", keyup: "keyup", clear: "clear" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInput, isStandalone: true, selector: "lgs-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pickOnly: { classPropertyName: "pickOnly", publicName: "pickOnly", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", keydown: "keydown", keyup: "keyup", clear: "clear" }, ngImport: i0, template: `
     <logosphere-input
       [value]="value()"
       [type]="type()"
@@ -390,6 +652,7 @@ class LogosphereInput {
       [required]="required()"
       [disabled]="disabled()"
       [readonly]="readonly()"
+      [pickOnly]="pickOnly()"
       [mask]="mask()"
       (input)="onInput($event)"
       (change)="onChange($event)"
@@ -428,6 +691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
       [required]="required()"
       [disabled]="disabled()"
       [readonly]="readonly()"
+      [pickOnly]="pickOnly()"
       [mask]="mask()"
       (input)="onInput($event)"
       (change)="onChange($event)"
@@ -441,7 +705,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
   `,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], inputEvent: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }], keydown: [{ type: i0.Output, args: ["keydown"] }], keyup: [{ type: i0.Output, args: ["keyup"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pickOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "pickOnly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], inputEvent: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }], keydown: [{ type: i0.Output, args: ["keydown"] }], keyup: [{ type: i0.Output, args: ["keyup"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
+
+class LogosphereInputGroup {
+    stretch = input(true, ...(ngDevMode ? [{ debugName: "stretch" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInputGroup, isStandalone: true, selector: "lgs-input-group", inputs: { stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <logosphere-input-group [stretch]="stretch()">
+      <ng-content></ng-content>
+    </logosphere-input-group>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInputGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-input-group',
+                    imports: [],
+                    template: `
+    <logosphere-input-group [stretch]="stretch()">
+      <ng-content></ng-content>
+    </logosphere-input-group>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }] } });
 
 class LogospherePagination {
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
@@ -573,6 +860,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], propDecorators: { popoverTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], closeOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOutsideClick", required: false }] }], popoverOpen: [{ type: i0.Output, args: ["popoverOpen"] }], popoverClose: [{ type: i0.Output, args: ["popoverClose"] }] } });
 
+class LogosphereSplitButton {
+    label = input('Button', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    theme = input('primary', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    dropdownDisabled = input(false, ...(ngDevMode ? [{ debugName: "dropdownDisabled" }] : []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    action = output();
+    dropdownOpen = output();
+    dropdownClose = output();
+    itemSelect = output();
+    onAction() {
+        this.action.emit();
+    }
+    onDropdownOpen() {
+        this.dropdownOpen.emit();
+    }
+    onDropdownClose() {
+        this.dropdownClose.emit();
+    }
+    onItemSelect(event) {
+        const e = event;
+        this.itemSelect.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereSplitButton, isStandalone: true, selector: "lgs-split-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dropdownDisabled: { classPropertyName: "dropdownDisabled", publicName: "dropdownDisabled", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action", dropdownOpen: "dropdownOpen", dropdownClose: "dropdownClose", itemSelect: "itemSelect" }, ngImport: i0, template: `
+    <logosphere-split-button
+      [label]="label()"
+      [size]="size()"
+      [theme]="theme()"
+      [disabled]="disabled()"
+      [dropdownDisabled]="dropdownDisabled()"
+      [items]="items()"
+      (action)="onAction()"
+      (dropdown-open)="onDropdownOpen()"
+      (dropdown-close)="onDropdownClose()"
+      (item-select)="onItemSelect($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-split-button>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSplitButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-split-button',
+                    imports: [],
+                    template: `
+    <logosphere-split-button
+      [label]="label()"
+      [size]="size()"
+      [theme]="theme()"
+      [disabled]="disabled()"
+      [dropdownDisabled]="dropdownDisabled()"
+      [items]="items()"
+      (action)="onAction()"
+      (dropdown-open)="onDropdownOpen()"
+      (dropdown-close)="onDropdownClose()"
+      (item-select)="onItemSelect($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-split-button>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dropdownDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownDisabled", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], action: [{ type: i0.Output, args: ["action"] }], dropdownOpen: [{ type: i0.Output, args: ["dropdownOpen"] }], dropdownClose: [{ type: i0.Output, args: ["dropdownClose"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }] } });
+
+class LogosphereStepper {
+    steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    activeStep = input(0, ...(ngDevMode ? [{ debugName: "activeStep" }] : []));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    clickable = input(false, ...(ngDevMode ? [{ debugName: "clickable" }] : []));
+    stepChange = output();
+    onStepChange(event) {
+        const e = event;
+        this.stepChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereStepper, isStandalone: true, selector: "lgs-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: `
+    <logosphere-stepper
+      [steps]="steps()"
+      [activeStep]="activeStep()"
+      [orientation]="orientation()"
+      [clickable]="clickable()"
+      (step-change)="onStepChange($event)"
+    ></logosphere-stepper>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereStepper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-stepper',
+                    imports: [],
+                    template: `
+    <logosphere-stepper
+      [steps]="steps()"
+      [activeStep]="activeStep()"
+      [orientation]="orientation()"
+      [clickable]="clickable()"
+      (step-change)="onStepChange($event)"
+    ></logosphere-stepper>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], activeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeStep", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], stepChange: [{ type: i0.Output, args: ["stepChange"] }] } });
+
 class LogosphereTextarea {
     value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
     placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
@@ -871,6 +1264,7 @@ class LogosphereCombobox {
     required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
     filterable = input(false, ...(ngDevMode ? [{ debugName: "filterable" }] : []));
@@ -879,26 +1273,40 @@ class LogosphereCombobox {
     emptyMessage = input('Sonuç yok', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
     size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
     items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable" }] : []));
     itemRenderer = input(undefined, ...(ngDevMode ? [{ debugName: "itemRenderer" }] : []));
+    onSearch = input(undefined, ...(ngDevMode ? [{ debugName: "onSearch" }] : []));
+    onFocus = input(undefined, ...(ngDevMode ? [{ debugName: "onFocus" }] : []));
+    onLoadMore = input(undefined, ...(ngDevMode ? [{ debugName: "onLoadMore" }] : []));
     change = output();
+    lgsChange = output();
     selected = output();
-    set elRef(element) {
-        if (element) {
-            element.nativeElement.items = this.items();
-        }
-    }
+    searchChange = output();
+    comboboxFocus = output();
     onChange(event) {
         const e = event;
         this.change.emit(e.detail);
     }
+    onLgsChange(event) {
+        const e = event;
+        this.lgsChange.emit(e.detail);
+    }
     onSelected(event) {
         const e = event;
         this.selected.emit(e.detail);
     }
+    onSearchChange(event) {
+        const e = event;
+        this.searchChange.emit(e.detail);
+    }
+    onComboboxFocus(event) {
+        const e = event;
+        this.comboboxFocus.emit(e.detail);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCombobox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCombobox, isStandalone: true, selector: "lgs-combobox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", selected: "selected" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCombobox, isStandalone: true, selector: "lgs-combobox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null }, onSearch: { classPropertyName: "onSearch", publicName: "onSearch", isSignal: true, isRequired: false, transformFunction: null }, onFocus: { classPropertyName: "onFocus", publicName: "onFocus", isSignal: true, isRequired: false, transformFunction: null }, onLoadMore: { classPropertyName: "onLoadMore", publicName: "onLoadMore", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", lgsChange: "lgsChange", selected: "selected", searchChange: "searchChange", comboboxFocus: "comboboxFocus" }, ngImport: i0, template: `
     <logosphere-combobox
-      #el
       [label]="label()"
       [helper]="helper()"
       [error]="error()"
@@ -906,6 +1314,7 @@ class LogosphereCombobox {
       [required]="required()"
       [disabled]="disabled()"
       [readOnly]="readOnly()"
+      [loading]="loading()"
       [variant]="variant()"
       [multiple]="multiple()"
       [filterable]="filterable()"
@@ -913,9 +1322,18 @@ class LogosphereCombobox {
       [optionValue]="optionValue()"
       [emptyMessage]="emptyMessage()"
       [size]="size()"
+      [items]="items()"
+      [value]="value()"
+      [clearable]="clearable()"
       [itemRenderer]="itemRenderer()"
+      [onSearch]="onSearch()"
+      [onFocus]="onFocus()"
+      [onLoadMore]="onLoadMore()"
       (change)="onChange($event)"
+      (lgsChange)="onLgsChange($event)"
       (selected)="onSelected($event)"
+      (search-change)="onSearchChange($event)"
+      (combobox-focus)="onComboboxFocus($event)"
     ></logosphere-combobox>
   `, isInline: true });
 }
@@ -926,7 +1344,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     imports: [],
                     template: `
     <logosphere-combobox
-      #el
       [label]="label()"
       [helper]="helper()"
       [error]="error()"
@@ -934,6 +1351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
       [required]="required()"
       [disabled]="disabled()"
       [readOnly]="readOnly()"
+      [loading]="loading()"
       [variant]="variant()"
       [multiple]="multiple()"
       [filterable]="filterable()"
@@ -941,17 +1359,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
       [optionValue]="optionValue()"
       [emptyMessage]="emptyMessage()"
       [size]="size()"
+      [items]="items()"
+      [value]="value()"
+      [clearable]="clearable()"
       [itemRenderer]="itemRenderer()"
+      [onSearch]="onSearch()"
+      [onFocus]="onFocus()"
+      [onLoadMore]="onLoadMore()"
       (change)="onChange($event)"
+      (lgsChange)="onLgsChange($event)"
       (selected)="onSelected($event)"
+      (search-change)="onSearchChange($event)"
+      (combobox-focus)="onComboboxFocus($event)"
     ></logosphere-combobox>
   `,
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], itemRenderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemRenderer", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], selected: [{ type: i0.Output, args: ["selected"] }], elRef: [{
-                type: ViewChild,
-                args: ['el', { static: false }]
-            }] } });
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], itemRenderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemRenderer", required: false }] }], onSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "onSearch", required: false }] }], onFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "onFocus", required: false }] }], onLoadMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "onLoadMore", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], lgsChange: [{ type: i0.Output, args: ["lgsChange"] }], selected: [{ type: i0.Output, args: ["selected"] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], comboboxFocus: [{ type: i0.Output, args: ["comboboxFocus"] }] } });
 
 class LogosphereDatePicker {
     value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
@@ -1311,6 +1735,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 args: ['el', { static: false }]
             }] } });
 
+class LogosphereTable {
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    actionColumn = input(undefined, ...(ngDevMode ? [{ debugName: "actionColumn" }] : []));
+    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    rowKey = input('id', ...(ngDevMode ? [{ debugName: "rowKey" }] : []));
+    emptyMessage = input('Kayıt bulunamadı', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
+    maxHeight = input(undefined, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
+    selection = input(false, ...(ngDevMode ? [{ debugName: "selection" }] : []));
+    stickySelection = input(false, ...(ngDevMode ? [{ debugName: "stickySelection" }] : []));
+    resizable = input(false, ...(ngDevMode ? [{ debugName: "resizable" }] : []));
+    borderless = input(false, ...(ngDevMode ? [{ debugName: "borderless" }] : []));
+    rowClick = output();
+    sortChange = output();
+    selectChange = output();
+    search = output();
+    widthChange = output();
+    sortChangeHandler = (detail) => this.sortChange.emit(detail);
+    selectChangeHandler = (detail) => this.selectChange.emit(detail);
+    searchHandler = (detail) => this.search.emit(detail);
+    widthChangeHandler = (detail) => this.widthChange.emit(detail);
+    onRowClick(event) {
+        const e = event;
+        this.rowClick.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTable, isStandalone: true, selector: "lgs-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, actionColumn: { classPropertyName: "actionColumn", publicName: "actionColumn", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, stickySelection: { classPropertyName: "stickySelection", publicName: "stickySelection", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClick: "rowClick", sortChange: "sortChange", selectChange: "selectChange", search: "search", widthChange: "widthChange" }, ngImport: i0, template: `
+    <logosphere-table
+      [columns]="columns()"
+      [actionColumn]="actionColumn()"
+      [rows]="rows()"
+      [rowKey]="rowKey()"
+      [emptyMessage]="emptyMessage()"
+      [maxHeight]="maxHeight()"
+      [selection]="selection()"
+      [stickySelection]="stickySelection()"
+      [resizable]="resizable()"
+      [borderless]="borderless()"
+      [onSortChange]="sortChangeHandler"
+      [onSelectChange]="selectChangeHandler"
+      [onSearch]="searchHandler"
+      [onWidthChange]="widthChangeHandler"
+      (row-click)="onRowClick($event)"
+    ></logosphere-table>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTable, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-table',
+                    imports: [],
+                    template: `
+    <logosphere-table
+      [columns]="columns()"
+      [actionColumn]="actionColumn()"
+      [rows]="rows()"
+      [rowKey]="rowKey()"
+      [emptyMessage]="emptyMessage()"
+      [maxHeight]="maxHeight()"
+      [selection]="selection()"
+      [stickySelection]="stickySelection()"
+      [resizable]="resizable()"
+      [borderless]="borderless()"
+      [onSortChange]="sortChangeHandler"
+      [onSelectChange]="selectChangeHandler"
+      [onSearch]="searchHandler"
+      [onWidthChange]="widthChangeHandler"
+      (row-click)="onRowClick($event)"
+    ></logosphere-table>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], actionColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionColumn", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], stickySelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickySelection", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], borderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderless", required: false }] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], selectChange: [{ type: i0.Output, args: ["selectChange"] }], search: [{ type: i0.Output, args: ["search"] }], widthChange: [{ type: i0.Output, args: ["widthChange"] }] } });
+
 class LogosphereToast {
     type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
     toastTitle = input('', { ...(ngDevMode ? { debugName: "toastTitle" } : {}), alias: 'title' });
@@ -1448,5 +1945,5 @@ const WRAPPER_VERSION = '1.0.0';
  * Generated bundle index. Do not edit.
  */
 
-export { LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereInput, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereModal, LogospherePagination, LogospherePopover, LogosphereSwitch, LogosphereTab, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
+export { LogosphereAccordion, LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereChipGroup, LogosphereCollapse, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereIcon, LogosphereInput, LogosphereInputGroup, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereLoading, LogosphereModal, LogospherePagination, LogospherePopover, LogosphereSlider, LogosphereSplitButton, LogosphereStepper, LogosphereSwitch, LogosphereTab, LogosphereTable, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
 //# sourceMappingURL=logosphere-ui-angular.mjs.map