cerxos-ui 0.0.5 → 0.0.7

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnChanges, AfterViewInit, OnDestroy, SimpleChanges, TemplateRef, ElementRef, Renderer2 } from '@angular/core';
+import { EventEmitter, ElementRef, OnChanges, AfterViewInit, OnDestroy, SimpleChanges, TemplateRef, AfterContentInit, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class CerxosUi {
@@ -7,6 +7,47 @@ declare class CerxosUi {
     static ɵcmp: i0.ɵɵComponentDeclaration<CerxosUi, "cxs-cerxos-ui", never, {}, {}, never, never, true, never>;
 }
 
+type CxsActionMenuAlign = 'start' | 'end';
+type CxsActionMenuItemTone = 'default' | 'danger';
+interface CxsActionMenuItem {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    tone?: CxsActionMenuItemTone;
+}
+declare class CxsActionMenuComponent {
+    private readonly elementRef;
+    private static nextId;
+    items: CxsActionMenuItem[];
+    align: CxsActionMenuAlign;
+    ariaLabel: string;
+    menuLabel: string;
+    disabled: boolean;
+    itemSelected: EventEmitter<CxsActionMenuItem>;
+    private trigger?;
+    private menuItems?;
+    readonly menuId: string;
+    isOpen: boolean;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    get triggerClass(): string;
+    get menuClass(): string;
+    get emptyStateClass(): string;
+    isItemDisabled(item: CxsActionMenuItem): boolean;
+    getItemClass(item: CxsActionMenuItem): string;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    onTriggerKeydown(event: KeyboardEvent): void;
+    onMenuKeydown(event: KeyboardEvent): void;
+    onItemClick(item: CxsActionMenuItem): void;
+    onDocumentClick(event: MouseEvent): void;
+    private focusFirstItem;
+    private focusTrigger;
+    private getFocusableItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsActionMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsActionMenuComponent, "cxs-action-menu", never, { "items": { "alias": "items"; "required": false; }; "align": { "alias": "align"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
+}
+
 type CxsAlertVariant = 'info' | 'neutral' | 'danger';
 declare class CxsAlertComponent {
     variant: CxsAlertVariant;
@@ -248,6 +289,8 @@ declare class CxsDataTableComponent implements OnChanges {
     columns: CxsDataTableColumn[];
     data: Array<Record<string, unknown>>;
     caption?: string;
+    title?: string;
+    subtitle?: string;
     ariaLabel: string;
     striped: boolean;
     bordered: boolean;
@@ -316,7 +359,11 @@ declare class CxsDataTableComponent implements OnChanges {
     get toolbarClass(): string;
     get toolbarGroupClass(): string;
     get toolbarInputClass(): string;
+    get toolbarInputInlineClass(): string;
     get toolbarButtonClass(): string;
+    get titleBarClass(): string;
+    get titleTextClass(): string;
+    get subtitleTextClass(): string;
     get bulkBarClass(): string;
     get resizeHandleClass(): string;
     get colSpan(): number;
@@ -326,6 +373,7 @@ declare class CxsDataTableComponent implements OnChanges {
     get displayRows(): Array<Record<string, unknown>>;
     get visibleColumns(): CxsDataTableColumn[];
     get selectedCount(): number;
+    get hasTitleBlock(): boolean;
     get allVisibleSelected(): boolean;
     get someVisibleSelected(): boolean;
     headerCellClass(column: CxsDataTableColumn): string;
@@ -364,7 +412,7 @@ declare class CxsDataTableComponent implements OnChanges {
     private getWidthValue;
     private rowIdentifier;
     static ɵfac: i0.ɵɵFactoryDeclaration<CxsDataTableComponent, [{ attribute: "class"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CxsDataTableComponent, "cxs-data-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyCell": { "alias": "emptyCell"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showPageSize": { "alias": "showPageSize"; "required": false; }; "manualPagination": { "alias": "manualPagination"; "required": false; }; "total": { "alias": "total"; "required": false; }; "sortKey": { "alias": "sortKey"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "manualSort": { "alias": "manualSort"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFilters": { "alias": "showFilters"; "required": false; }; "showColumnVisibility": { "alias": "showColumnVisibility"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "manualFilter": { "alias": "manualFilter"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowKey": { "alias": "rowKey"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "bulkActions": { "alias": "bulkActions"; "required": false; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "selectionChange": "selectionChange"; "bulkAction": "bulkAction"; }, ["cellTemplates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsDataTableComponent, "cxs-data-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyCell": { "alias": "emptyCell"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showPageSize": { "alias": "showPageSize"; "required": false; }; "manualPagination": { "alias": "manualPagination"; "required": false; }; "total": { "alias": "total"; "required": false; }; "sortKey": { "alias": "sortKey"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "manualSort": { "alias": "manualSort"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFilters": { "alias": "showFilters"; "required": false; }; "showColumnVisibility": { "alias": "showColumnVisibility"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "manualFilter": { "alias": "manualFilter"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowKey": { "alias": "rowKey"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "bulkActions": { "alias": "bulkActions"; "required": false; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "selectionChange": "selectionChange"; "bulkAction": "bulkAction"; }, ["cellTemplates"], never, true, never>;
 }
 
 interface CxsDataTableCellContext {
@@ -428,6 +476,7 @@ type CxsCalendarDay = {
     key: string;
 };
 declare class CxsDatepickerComponent implements ControlValueAccessor {
+    private static nextId;
     value: string;
     variant: CxsDatepickerVariant;
     size: CxsDatepickerSize;
@@ -437,6 +486,7 @@ declare class CxsDatepickerComponent implements ControlValueAccessor {
     required: boolean;
     invalid: boolean;
     autofocus: boolean;
+    label?: string;
     id?: string;
     name?: string;
     min?: string;
@@ -445,8 +495,7 @@ declare class CxsDatepickerComponent implements ControlValueAccessor {
     ariaLabel?: string;
     ariaDescribedby?: string;
     valueChange: EventEmitter<string>;
-    private static nextId;
-    private readonly fallbackId;
+    readonly instanceId: string;
     private disabledFromControl;
     private onChange;
     private onTouched;
@@ -461,6 +510,11 @@ declare class CxsDatepickerComponent implements ControlValueAccessor {
     get isDisabled(): boolean;
     get panelId(): string;
     get inputClass(): string;
+    get wrapperClass(): string;
+    get labelClass(): string;
+    get inputId(): string | null;
+    get labelId(): string | null;
+    get ariaLabelValue(): string | null;
     get popoverClass(): string;
     get navButtonClass(): string;
     get selectClass(): string;
@@ -489,13 +543,14 @@ declare class CxsDatepickerComponent implements ControlValueAccessor {
     private formatDate;
     private stripTime;
     static ɵfac: i0.ɵɵFactoryDeclaration<CxsDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CxsDatepickerComponent, "cxs-datepicker", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "useNative": { "alias": "useNative"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsDatepickerComponent, "cxs-datepicker", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "useNative": { "alias": "useNative"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 type CxsInputVariant = 'outline' | 'filled';
 type CxsInputSize = 'sm' | 'md' | 'lg';
 type CxsInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number';
 declare class CxsInputComponent implements ControlValueAccessor {
+    private static nextId;
     value: string;
     type: CxsInputType;
     variant: CxsInputVariant;
@@ -505,6 +560,7 @@ declare class CxsInputComponent implements ControlValueAccessor {
     required: boolean;
     invalid: boolean;
     autofocus: boolean;
+    label?: string;
     id?: string;
     name?: string;
     placeholder?: string;
@@ -514,11 +570,20 @@ declare class CxsInputComponent implements ControlValueAccessor {
     ariaLabel?: string;
     ariaDescribedby?: string;
     valueChange: EventEmitter<string>;
+    readonly instanceId: string;
     private disabledFromControl;
     private onChange;
     private onTouched;
     get isDisabled(): boolean;
     get inputClass(): string;
+    get wrapperClass(): string;
+    get labelClass(): string;
+    get inputId(): string | null;
+    get labelId(): string | null;
+    get errorId(): string;
+    get ariaLabelValue(): string | null;
+    get ariaDescribedbyValue(): string | null;
+    get errorClass(): string;
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -526,7 +591,7 @@ declare class CxsInputComponent implements ControlValueAccessor {
     onInput(event: Event): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CxsInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CxsInputComponent, "cxs-input", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsInputComponent, "cxs-input", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["[cxsInputError]"], true, never>;
 }
 
 type CxsMenubarSize = 'sm' | 'md' | 'lg';
@@ -562,6 +627,124 @@ declare class CxsMenubarComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CxsMenubarComponent, "cxs-menubar", never, { "items": { "alias": "items"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
 }
 
+type CxsMultiSelectOption = {
+    label: string;
+    value: string;
+};
+type CxsMultiSelectVariant = 'outline' | 'filled';
+type CxsMultiSelectSize = 'sm' | 'md' | 'lg';
+declare class CxsMultiSelectComponent implements ControlValueAccessor {
+    private readonly elementRef;
+    private static nextId;
+    options: CxsMultiSelectOption[];
+    value: string[];
+    variant: CxsMultiSelectVariant;
+    size: CxsMultiSelectSize;
+    disabled: boolean;
+    readonly: boolean;
+    invalid: boolean;
+    placeholder?: string;
+    label?: string;
+    maxSelections?: number;
+    id?: string;
+    name?: string;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    valueChange: EventEmitter<string[]>;
+    inputEl?: ElementRef<HTMLInputElement>;
+    readonly instanceId: string;
+    readonly listId: string;
+    query: string;
+    isOpen: boolean;
+    private disabledFromControl;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    get isDisabled(): boolean;
+    get isAtMax(): boolean;
+    get wrapperClass(): string;
+    get labelClass(): string;
+    get controlClass(): string;
+    get inputClass(): string;
+    get chipClass(): string;
+    get chipRemoveClass(): string;
+    get panelClass(): string;
+    get optionClass(): string;
+    get optionDisabledClass(): string;
+    get emptyStateClass(): string;
+    get inputId(): string | null;
+    get labelId(): string | null;
+    get ariaLabelValue(): string | null;
+    get selectedOptions(): CxsMultiSelectOption[];
+    get filteredOptions(): CxsMultiSelectOption[];
+    writeValue(value: string[] | null): void;
+    registerOnChange(fn: (value: string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    focusInput(): void;
+    open(): void;
+    close(): void;
+    onQueryInput(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    selectOption(option: CxsMultiSelectOption): void;
+    removeValue(value: string): void;
+    onOptionMouseDown(event: MouseEvent): void;
+    onChipMouseDown(event: MouseEvent): void;
+    onBlur(): void;
+    private updateValue;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsMultiSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsMultiSelectComponent, "cxs-multi-select", never, { "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxSelections": { "alias": "maxSelections"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class CxsTabLabelDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsTabLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CxsTabLabelDirective, "[cxsTabLabel]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CxsTabPanelComponent {
+    private static nextId;
+    id?: string;
+    label?: string;
+    disabled: boolean;
+    labelTemplate?: CxsTabLabelDirective;
+    templateRef: TemplateRef<unknown>;
+    readonly instanceId: string;
+    get resolvedId(): string;
+    get tabId(): string;
+    get panelId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsTabPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsTabPanelComponent, "cxs-tab-panel", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["labelTemplate"], ["*"], true, never>;
+}
+
+declare class CxsTabsComponent implements AfterContentInit {
+    ariaLabel: string;
+    activeId?: string;
+    activeIdChange: EventEmitter<string>;
+    private readonly panels?;
+    get wrapperClass(): string;
+    get tabListClass(): string;
+    get tabButtonBaseClass(): string;
+    get tabButtonInactiveClass(): string;
+    get tabButtonActiveClass(): string;
+    get tabButtonDisabledClass(): string;
+    get panelWrapperClass(): string;
+    get panelClass(): string;
+    get panelList(): CxsTabPanelComponent[];
+    get activePanel(): CxsTabPanelComponent | null;
+    ngAfterContentInit(): void;
+    isActive(panel: CxsTabPanelComponent): boolean;
+    tabButtonClass(panel: CxsTabPanelComponent): string;
+    selectTab(panel: CxsTabPanelComponent): void;
+    panelLabel(panel: CxsTabPanelComponent): string;
+    private ensureActiveTab;
+    private resolveActivePanel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsTabsComponent, "cxs-tabs", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; }, { "activeIdChange": "activeIdChange"; }, ["panels"], never, true, never>;
+}
+
 type CxsRadioSize = 'sm' | 'md' | 'lg';
 type CxsRadioVariant = 'primary' | 'secondary';
 declare class CxsRadioComponent implements ControlValueAccessor {
@@ -599,12 +782,14 @@ declare class CxsRadioComponent implements ControlValueAccessor {
 type CxsSelectVariant = 'outline' | 'filled';
 type CxsSelectSize = 'sm' | 'md' | 'lg';
 declare class CxsSelectComponent implements ControlValueAccessor {
+    private static nextId;
     value: string;
     variant: CxsSelectVariant;
     size: CxsSelectSize;
     disabled: boolean;
     required: boolean;
     invalid: boolean;
+    label?: string;
     placeholder?: string;
     placeholderValue: string;
     id?: string;
@@ -612,11 +797,17 @@ declare class CxsSelectComponent implements ControlValueAccessor {
     ariaLabel?: string;
     ariaDescribedby?: string;
     valueChange: EventEmitter<string>;
+    readonly instanceId: string;
     private disabledFromControl;
     private onChange;
     private onTouched;
     get isDisabled(): boolean;
     get selectClass(): string;
+    get wrapperClass(): string;
+    get labelClass(): string;
+    get selectId(): string | null;
+    get labelId(): string | null;
+    get ariaLabelValue(): string | null;
     get selectValue(): string;
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
@@ -625,7 +816,7 @@ declare class CxsSelectComponent implements ControlValueAccessor {
     onSelectChange(event: Event): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CxsSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CxsSelectComponent, "cxs-select", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderValue": { "alias": "placeholderValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsSelectComponent, "cxs-select", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderValue": { "alias": "placeholderValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
 }
 
 type CxsTableAlign = 'left' | 'center' | 'right';
@@ -761,5 +952,5 @@ declare class CxsThemeDirective implements OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CxsThemeDirective, "[cxsTheme]", never, { "cxsTheme": { "alias": "cxsTheme"; "required": false; }; "cxsThemeDarkClass": { "alias": "cxsThemeDarkClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { CerxosUi, CxsAccordionComponent, CxsAccordionItemComponent, CxsAlertComponent, CxsAvatarComponent, CxsBadgeComponent, CxsBreadcrumbComponent, CxsButtonComponent, CxsCardComponent, CxsCarouselComponent, CxsCheckboxComponent, CxsDataTableCellDirective, CxsDataTableComponent, CxsDatepickerComponent, CxsDialogComponent, CxsInputComponent, CxsMenubarComponent, CxsRadioComponent, CxsSelectComponent, CxsTableComponent, CxsThemeDirective, CxsToastComponent, CxsToggleComponent, CxsTooltipComponent };
-export type { CxsAccordionItemSize, CxsAccordionSpacing, CxsAlertVariant, CxsAvatarShape, CxsAvatarSize, CxsBadgeSize, CxsBadgeVariant, CxsBreadcrumbItem, CxsBreadcrumbSize, CxsBreadcrumbVariant, CxsButtonSize, CxsButtonVariant, CxsCardSize, CxsCardVariant, CxsCarouselItem, CxsCheckboxSize, CxsDataTableAlign, CxsDataTableCellContext, CxsDataTableColumn, CxsDataTableFilterType, CxsDataTablePin, CxsDataTableSort, CxsDataTableSortDirection, CxsDatepickerSize, CxsDatepickerVariant, CxsDialogCloseReason, CxsDialogSize, CxsInputSize, CxsInputType, CxsInputVariant, CxsMenubarItem, CxsMenubarSize, CxsMenubarVariant, CxsRadioSize, CxsRadioVariant, CxsSelectSize, CxsSelectVariant, CxsTableAlign, CxsTableColumn, CxsThemeMode, CxsToastCloseReason, CxsToastMaxWidth, CxsToastPosition, CxsToastVariant, CxsToggleSize, CxsTooltipPosition };
+export { CerxosUi, CxsAccordionComponent, CxsAccordionItemComponent, CxsActionMenuComponent, CxsAlertComponent, CxsAvatarComponent, CxsBadgeComponent, CxsBreadcrumbComponent, CxsButtonComponent, CxsCardComponent, CxsCarouselComponent, CxsCheckboxComponent, CxsDataTableCellDirective, CxsDataTableComponent, CxsDatepickerComponent, CxsDialogComponent, CxsInputComponent, CxsMenubarComponent, CxsMultiSelectComponent, CxsRadioComponent, CxsSelectComponent, CxsTabLabelDirective, CxsTabPanelComponent, CxsTableComponent, CxsTabsComponent, CxsThemeDirective, CxsToastComponent, CxsToggleComponent, CxsTooltipComponent };
+export type { CxsAccordionItemSize, CxsAccordionSpacing, CxsActionMenuAlign, CxsActionMenuItem, CxsActionMenuItemTone, CxsAlertVariant, CxsAvatarShape, CxsAvatarSize, CxsBadgeSize, CxsBadgeVariant, CxsBreadcrumbItem, CxsBreadcrumbSize, CxsBreadcrumbVariant, CxsButtonSize, CxsButtonVariant, CxsCardSize, CxsCardVariant, CxsCarouselItem, CxsCheckboxSize, CxsDataTableAlign, CxsDataTableCellContext, CxsDataTableColumn, CxsDataTableFilterType, CxsDataTablePin, CxsDataTableSort, CxsDataTableSortDirection, CxsDatepickerSize, CxsDatepickerVariant, CxsDialogCloseReason, CxsDialogSize, CxsInputSize, CxsInputType, CxsInputVariant, CxsMenubarItem, CxsMenubarSize, CxsMenubarVariant, CxsMultiSelectOption, CxsMultiSelectSize, CxsMultiSelectVariant, CxsRadioSize, CxsRadioVariant, CxsSelectSize, CxsSelectVariant, CxsTableAlign, CxsTableColumn, CxsThemeMode, CxsToastCloseReason, CxsToastMaxWidth, CxsToastPosition, CxsToastVariant, CxsToggleSize, CxsTooltipPosition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cerxos-ui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0"