@brickclay-org/ui 0.0.23 → 0.0.25

package/index.d.ts

@@ -46,7 +46,7 @@ interface CalendarSelection {
     endDate: Date | null;
     selectedDates?: Date[];
 }
-declare class CustomCalendarComponent implements OnInit, OnDestroy, OnChanges {
+declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges {
     private calendarManager;
     enableTimepicker: boolean;
     autoApply: boolean;
@@ -210,8 +210,8 @@ declare class CustomCalendarComponent implements OnInit, OnDestroy, OnChanges {
     applyTimeToDate(date: Date, isStart: boolean): void;
     onTimeInputFocus(event: any): void;
     formatAllMinuteInputs(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CustomCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomCalendarComponent, "bk-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkCustomCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkCustomCalendar, "bk-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 interface TimeConfiguration {
@@ -238,7 +238,7 @@ interface ScheduledDateSelection {
         endTime: string;
     };
 }
-declare class ScheduledDatePickerComponent implements OnInit {
+declare class BkScheduledDatePicker implements OnInit {
     timeFormat: 12 | 24;
     enableSeconds: boolean;
     scheduled: EventEmitter<ScheduledDateSelection>;
@@ -286,11 +286,11 @@ declare class ScheduledDatePickerComponent implements OnInit {
     emitScheduled(): void;
     clear(): void;
     apply(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScheduledDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScheduledDatePickerComponent, "bk-scheduled-date-picker", never, { "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; }, { "scheduled": "scheduled"; "cleared": "cleared"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkScheduledDatePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkScheduledDatePicker, "bk-scheduled-date-picker", never, { "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; }, { "scheduled": "scheduled"; "cleared": "cleared"; }, never, never, true, never>;
 }
 
-declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
+declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit {
     value: string;
     label: string;
     placeholder: string;
@@ -339,8 +339,8 @@ declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
     private previousCloseCounter;
     ngOnChanges(changes: SimpleChanges): void;
     onInputKeydown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "bk-time-picker", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; }, { "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkTimePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkTimePicker, "bk-time-picker", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; }, { "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
 }
 
 /**
@@ -356,11 +356,11 @@ declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
  */
 declare class CalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarModule, never, [typeof i1.CommonModule, typeof CustomCalendarComponent, typeof ScheduledDatePickerComponent, typeof TimePickerComponent], [typeof CustomCalendarComponent, typeof ScheduledDatePickerComponent, typeof TimePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarModule, never, [typeof i1.CommonModule, typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker], [typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CalendarModule>;
 }
 
-declare class ToggleComponent implements ControlValueAccessor {
+declare class BkToggle implements ControlValueAccessor {
     label: string;
     disabled: boolean;
     toggleClass: string;
@@ -373,11 +373,11 @@ declare class ToggleComponent implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "bk-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkToggle, "bk-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
 }
 
-declare class CheckboxComponent implements ControlValueAccessor {
+declare class BkCheckbox implements ControlValueAccessor {
     checkboxClass: string;
     label: string;
     labelClass: string;
@@ -392,11 +392,11 @@ declare class CheckboxComponent implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "bk-checkbox", never, { "checkboxClass": { "alias": "checkboxClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkCheckbox, "bk-checkbox", never, { "checkboxClass": { "alias": "checkboxClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
 }
 
-declare class RadioComponent implements ControlValueAccessor {
+declare class BkRadioButton implements ControlValueAccessor {
     radioClass: string;
     label: string;
     labelClass: string;
@@ -413,14 +413,14 @@ declare class RadioComponent implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "bk-radio-button", never, { "radioClass": { "alias": "radioClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkRadioButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkRadioButton, "bk-radio-button", never, { "radioClass": { "alias": "radioClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
 }
 
 type PillVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
 type PillColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Success' | 'Purple' | 'Cyan';
 type PillSize = 'xsm' | 'sm' | 'md' | 'lg';
-declare class PillComponent {
+declare class BkPill {
     label: string;
     variant: PillVariant;
     color: PillColor;
@@ -431,14 +431,14 @@ declare class PillComponent {
     clicked: EventEmitter<string>;
     get containerClasses(): string;
     onRemove(e: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "bk-pill", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkPill, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkPill, "bk-pill", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 type BadgeVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
 type BadgeColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Success' | 'Purple' | 'Cyan';
 type BadgeSize = 'xsm' | 'sm' | 'md' | 'lg';
-declare class BadgeComponent {
+declare class BkBadge {
     label: string;
     variant: BadgeVariant;
     color: BadgeColor;
@@ -449,23 +449,23 @@ declare class BadgeComponent {
     clicked: EventEmitter<string>;
     get containerClasses(): string;
     onRemove(e: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "bk-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkBadge, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkBadge, "bk-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 type SpinnerSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
-declare class Spinner {
+declare class BkSpinner {
     size: SpinnerSize;
     show: boolean;
     color: string;
     get classes(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Spinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Spinner, "bk-spinner", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkSpinner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkSpinner, "bk-spinner", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 type ButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 type ButtonVariant = 'primary' | 'secondary';
-declare class UiButton {
+declare class BkButton {
     variant: ButtonVariant;
     size: ButtonSize;
     label: string;
@@ -481,13 +481,13 @@ declare class UiButton {
     clicked: EventEmitter<boolean>;
     onClick(event: Event): void;
     get buttonClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiButton, "bk-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textClass": { "alias": "textClass"; "required": false; }; "spinnerClass": { "alias": "spinnerClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkButton, "bk-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textClass": { "alias": "textClass"; "required": false; }; "spinnerClass": { "alias": "spinnerClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 type IconButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 type IconButtonVariant = 'primary' | 'secondary';
-declare class UiIconButton {
+declare class BkIconButton {
     icon: string;
     alt: string;
     variant: IconButtonVariant;
@@ -497,8 +497,8 @@ declare class UiIconButton {
     clicked: EventEmitter<boolean>;
     onClick(event: Event): void;
     get buttonClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UiIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkIconButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 interface GroupItem {
@@ -506,7 +506,7 @@ interface GroupItem {
     value: any;
 }
 type GroupMode = 'single' | 'multiple';
-declare class ButtonGroup {
+declare class BkButtonGroup {
     items: GroupItem[];
     mode: GroupMode;
     disabled: boolean;
@@ -515,11 +515,11 @@ declare class ButtonGroup {
     onItemClick(itemValue: any): void;
     isActive(itemValue: any): boolean;
     get containerClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "bk-button-group", never, { "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkButtonGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkButtonGroup, "bk-button-group", never, { "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
-declare class Textarea implements ControlValueAccessor {
+declare class BkTextarea implements ControlValueAccessor {
     private ngControl;
     name: string;
     id?: string;
@@ -553,8 +553,8 @@ declare class Textarea implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Textarea, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Textarea, "bk-textarea", never, { "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "trimWhiteSpaces": { "alias": "trimWhiteSpaces"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; }, { "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkTextarea, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkTextarea, "bk-textarea", never, { "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "trimWhiteSpaces": { "alias": "trimWhiteSpaces"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; }, { "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
 }
 
 interface TableColumn<T = any> {
@@ -607,5 +607,90 @@ declare class GridComponent<T = any> {
     static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent<any>, "bk-grid", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
 }
 
-export { BadgeComponent, BrickclayIcons, BrickclayLib, ButtonGroup, CalendarManagerService, CalendarModule, CheckboxComponent, CustomCalendarComponent, GridComponent, PillComponent, RadioComponent, ScheduledDatePickerComponent, Spinner, Textarea, TimePickerComponent, ToggleComponent, UiButton, UiIconButton };
+declare class BkSelect implements ControlValueAccessor {
+    items: i0.InputSignal<any[]>;
+    bindLabel: i0.InputSignal<string>;
+    bindValue: i0.InputSignal<string>;
+    placeholder: i0.InputSignal<string>;
+    notFoundText: i0.InputSignal<string>;
+    loadingText: i0.InputSignal<string>;
+    clearAllText: i0.InputSignal<string>;
+    iconAlt: string;
+    label: string;
+    required: Boolean;
+    iconSrc?: string;
+    multiple: i0.InputSignal<boolean>;
+    maxLabels: i0.InputSignal<number>;
+    searchable: i0.InputSignal<boolean>;
+    clearable: i0.InputSignal<boolean>;
+    readonly: i0.InputSignal<boolean>;
+    disabled: i0.ModelSignal<boolean>;
+    loading: i0.InputSignal<boolean>;
+    closeOnSelect: i0.InputSignal<boolean>;
+    dropdownPosition: i0.InputSignal<"bottom" | "top">;
+    appendToBody: i0.InputSignal<boolean>;
+    open: i0.OutputEmitterRef<void>;
+    close: i0.OutputEmitterRef<void>;
+    focus: i0.OutputEmitterRef<void>;
+    blur: i0.OutputEmitterRef<void>;
+    search: i0.OutputEmitterRef<{
+        term: string;
+        items: any[];
+    }>;
+    clear: i0.OutputEmitterRef<void>;
+    change: i0.OutputEmitterRef<any>;
+    scrollToEnd: i0.OutputEmitterRef<void>;
+    searchInput: ElementRef<HTMLInputElement>;
+    optionsListContainer: ElementRef<HTMLDivElement>;
+    optionsRef: QueryList<ElementRef>;
+    controlWrapper: ElementRef<HTMLDivElement>;
+    private _value;
+    isOpen: i0.WritableSignal<boolean>;
+    selectedOptions: i0.WritableSignal<any[]>;
+    searchTerm: i0.WritableSignal<string>;
+    markedIndex: i0.WritableSignal<number>;
+    dropdownStyle: i0.WritableSignal<{
+        top?: string;
+        bottom?: string;
+        left: string;
+        width: string;
+    }>;
+    filteredItems: i0.Signal<any[]>;
+    isAllSelected: i0.Signal<boolean>;
+    constructor();
+    resolveLabel(item: any): string;
+    resolveValue(item: any): any;
+    isItemSelected(item: any): boolean;
+    compareWith: i0.InputSignal<(a: any, b: any) => boolean>;
+    toggleDropdown(event: Event | null): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    getTop(): string | null;
+    getBottom(): string | null;
+    updatePosition(): void;
+    onWindowEvents(): void;
+    toggleSelectAll(event: Event): void;
+    handleSelection(item: any, event?: Event): void;
+    removeOption(item: any, event: Event): void;
+    handleClear(event: Event): void;
+    private updateModel;
+    onSearchInput(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onScroll(event: Event): void;
+    scrollToMarked(): void;
+    onChange: any;
+    onTouched: any;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(d: boolean): void;
+    private resolveSelectedOptions;
+    private el;
+    onClickOutside(e: Event): void;
+    openFromLabel(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkSelect, "bk-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "notFoundText": { "alias": "notFoundText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "clearAllText": { "alias": "clearAllText"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxLabels": { "alias": "maxLabels"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "open": "open"; "close": "close"; "focus": "focus"; "blur": "blur"; "search": "search"; "clear": "clear"; "change": "change"; "scrollToEnd": "scrollToEnd"; }, never, never, true, never>;
+}
+
+export { BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkCustomCalendar, BkIconButton, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTextarea, BkTimePicker, BkToggle, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule, GridComponent };
 export type { BadgeColor, BadgeSize, BadgeVariant, ButtonSize, ButtonVariant, CalendarRange, CalendarSelection, GroupItem, GroupMode, IconButtonSize, IconButtonVariant, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TableAction, TableColumn, TimeConfiguration };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "peerDependencies": {
     "@angular/common": ">=17.0.0 <=21.0.0",
     "@angular/core": ">=17.0.0 <=21.0.0",

package/src/lib/bk-select/bk-select.css

@@ -0,0 +1,128 @@
+/* Container */
+.ng-select-container {
+  @apply relative w-full box-border;
+}
+
+/* Control */
+.ng-select-control {
+  @apply flex items-center justify-between gap-2 w-full bg-white border border-[#E3E3E7] rounded transition-all duration-200 px-3 py-[9.2px] cursor-pointer;
+
+  &.focused { @apply border-[#6B7080] shadow-none z-10; }
+  &.disabled { @apply bg-[#F4F4F6] cursor-not-allowed opacity-60; }
+}
+
+/* Value Container */
+.ng-value-container {
+  @apply flex flex-1 items-center flex-wrap gap-1 relative overflow-hidden h-full;
+}
+
+.ng-placeholder {
+  @apply text-[#6B7080] font-normal text-sm truncate w-full pointer-events-none;
+}
+.ng-value-label-single{
+  @apply font-normal text-sm text-[#141414] truncate w-full;
+}
+
+/* --- NEW: Single Value --- */
+.ng-value-label-single {
+  @apply font-normal text-sm text-[#141414] truncate w-full;
+}
+/* --- NEW: Multi Select Chips --- */
+.ng-value-chips {
+  @apply flex flex-wrap gap-1 w-full;
+}
+
+.ng-value-chip {
+  @apply flex items-center bg-gray-100 border border-gray-200 rounded px-2 py-0.5 max-w-full;
+}
+
+.ng-value-chip .ng-value-label {
+  @apply text-[#15191E] truncate max-w-[150px];
+}
+
+.ng-value-chip .ng-value-icon {
+  @apply ml-1 text-gray-500 hover:text-red-500 cursor-pointer text-base font-bold leading-none px-1;
+}
+
+/* Actions */
+.ng-actions {
+  @apply flex items-center gap-0.5 flex-shrink-0;
+}
+.ng-clear-wrapper { @apply text-gray-400 hover:text-red-500 cursor-pointer; }
+.ng-arrow-wrapper { @apply text-gray-400 transition-transform duration-200; &.open { @apply rotate-180; }}
+
+/* Dropdown */
+.custom-ng-dropdown-panel {
+  @apply absolute left-0 w-full bg-white border border-[#E3E3E7] rounded-xl shadow-lg z-[99] overflow-hidden cursor-default;
+}
+
+.ng-dropdown-search { @apply px-2 pt-2;}
+.ng-search-wrapper { @apply flex items-center border border-[#E3E3E7] rounded-md px-3 py-[7px] bg-white transition-colors focus-within:border-[#E3E3E7]; }
+.ng-search-input { @apply w-full outline-none font-normal text-sm text-[#141414] placeholder-[#A1A3AE] bg-transparent;}
+
+.ng-options-list { @apply max-h-60 overflow-auto relative p-2.5 mb-3.5;  }
+
+/* Options */
+.ng-option {
+  @apply flex items-center p-2.5 cursor-pointer transition-colors font-normal text-sm text-[#141414];
+  &:hover, &.marked { @apply bg-[#F8F8F8] rounded-md;}
+  &.selected { @apply bg-[#F8F8F8] rounded-md; }
+}
+
+.ng-option-disabled { @apply px-3 py-2 text-gray-400 cursor-default; }
+
+
+
+/* ... Previous styles ... */
+
+.ng-value-chip.remaining-count {
+  @apply bg-gray-200 text-gray-600 font-semibold cursor-default;
+}
+
+/* Select All Row (Sticky Top) */
+.select-all-option {
+  @apply sticky top-0 z-20 flex items-center px-3 py-2 cursor-pointer border-b border-[#E3E6EE] bg-gray-50 text-[#15191E];
+
+  &:hover {
+    @apply bg-gray-100;
+  }
+}
+
+.custom-ng-dropdown-panel[data-position="top"] {
+  margin-top: 0;
+  margin-bottom: 4px;
+}
+
+.input-label {
+  @apply text-sm font-medium text-[#141414] tracking-[-0.28px] mb-1.5 inline-block;
+}
+
+.input-label-required {
+  @apply text-[#E7000B];
+}
+
+
+/* width */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 8px;
+  width: 8px;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #D6D7DC;
+  border-radius: 8px;
+  transition: 0.3s ease-in-out;
+
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #909090;
+}

package/src/lib/select/select.css

@@ -0,0 +1,128 @@
+/* Container */
+.ng-select-container {
+  @apply relative w-full box-border;
+}
+
+/* Control */
+.ng-select-control {
+  @apply flex items-center justify-between gap-2 w-full bg-white border border-[#E3E3E7] rounded transition-all duration-200 px-3 py-[9.2px] cursor-pointer;
+
+  &.focused { @apply border-[#6B7080] shadow-none z-10; }
+  &.disabled { @apply bg-[#F4F4F6] cursor-not-allowed opacity-60; }
+}
+
+/* Value Container */
+.ng-value-container {
+  @apply flex flex-1 items-center flex-wrap gap-1 relative overflow-hidden h-full;
+}
+
+.ng-placeholder {
+  @apply text-[#6B7080] font-normal text-sm truncate w-full pointer-events-none;
+}
+.ng-value-label-single{
+  @apply font-normal text-sm text-[#141414] truncate w-full;
+}
+
+/* --- NEW: Single Value --- */
+.ng-value-label-single {
+  @apply font-normal text-sm text-[#141414] truncate w-full;
+}
+/* --- NEW: Multi Select Chips --- */
+.ng-value-chips {
+  @apply flex flex-wrap gap-1 w-full;
+}
+
+.ng-value-chip {
+  @apply flex items-center bg-gray-100 border border-gray-200 rounded px-2 py-0.5 max-w-full;
+}
+
+.ng-value-chip .ng-value-label {
+  @apply text-[#15191E] truncate max-w-[150px];
+}
+
+.ng-value-chip .ng-value-icon {
+  @apply ml-1 text-gray-500 hover:text-red-500 cursor-pointer text-base font-bold leading-none px-1;
+}
+
+/* Actions */
+.ng-actions {
+  @apply flex items-center gap-0.5 flex-shrink-0;
+}
+.ng-clear-wrapper { @apply text-gray-400 hover:text-red-500 cursor-pointer; }
+.ng-arrow-wrapper { @apply text-gray-400 transition-transform duration-200; &.open { @apply rotate-180; }}
+
+/* Dropdown */
+.custom-ng-dropdown-panel {
+  @apply absolute left-0 w-full bg-white border border-[#E3E3E7] rounded-xl shadow-lg z-[99] overflow-hidden cursor-default;
+}
+
+.ng-dropdown-search { @apply px-2 pt-2;}
+.ng-search-wrapper { @apply flex items-center border border-[#E3E3E7] rounded-md px-3 py-[7px] bg-white transition-colors focus-within:border-[#E3E3E7]; }
+.ng-search-input { @apply w-full outline-none font-normal text-sm text-[#141414] placeholder-[#A1A3AE] bg-transparent;}
+
+.ng-options-list { @apply max-h-60 overflow-auto relative p-2.5 mb-3.5 flex flex-col gap-0.5;  }
+
+/* Options */
+.ng-option {
+  @apply flex items-center p-2.5 cursor-pointer transition-colors font-normal text-sm text-[#141414];
+  &:hover, &.marked { @apply bg-[#F8F8F8] rounded-md;}
+  &.selected { @apply bg-[#F8F8F8] rounded-md; }
+}
+
+.ng-option-disabled { @apply px-3 py-2 text-gray-400 cursor-default; }
+
+
+
+/* ... Previous styles ... */
+
+.ng-value-chip.remaining-count {
+  @apply bg-gray-200 text-gray-600 font-semibold cursor-default;
+}
+
+/* Select All Row (Sticky Top) */
+.select-all-option {
+  @apply sticky top-0 z-20 flex items-center px-3 py-2 cursor-pointer border-b border-[#E3E6EE] bg-gray-50 text-[#15191E];
+
+  &:hover {
+    @apply bg-gray-100;
+  }
+}
+
+.custom-ng-dropdown-panel[data-position="top"] {
+  margin-top: 0;
+  margin-bottom: 4px;
+}
+
+.input-label {
+  @apply text-sm font-medium text-[#141414] tracking-[-0.28px] mb-1.5 inline-block;
+}
+
+.input-label-required {
+  @apply text-[#E7000B];
+}
+
+
+/* width */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 8px;
+  width: 8px;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #D6D7DC;
+  border-radius: 8px;
+  transition: 0.3s ease-in-out;
+
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #909090;
+}

package/src/styles.css

@@ -10,3 +10,5 @@
 @import './lib/button-group/button-group.css';
 @import './lib/textarea/textarea.css';
 @import './lib/grid/components/grid/grid.css';
+@import './lib/select/select.css';
+