monkey-style-guide-v2 0.0.4 → 0.0.6

package/lib/components/index.d.ts

@@ -1,6 +1,19 @@
+export * from './monkey-accordion';
+export * from './monkey-alert';
+export * from './monkey-breadcrumb';
 export * from './monkey-button';
+export * from './monkey-checkbox';
+export * from './monkey-divider';
+export * from './monkey-form-field';
 export * from './monkey-icon';
 export * from './monkey-icon-button';
+export * from './monkey-input';
 export * from './monkey-security-level';
 export * from './monkey-status';
+export * from './monkey-table';
+export * from './monkey-toast';
 export * from './monkey-toggle';
+export * from './monkey-toggle-line';
+export * from './monkey-tooltip';
+export * from './monkey-select';
+export * from './monkey-option';

package/lib/components/monkey-accordion/index.d.ts

@@ -0,0 +1 @@
+export * from './monkey-accordion.component';

package/lib/components/monkey-accordion/monkey-accordion.component.d.ts

@@ -0,0 +1,22 @@
+import { TemplateRef } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class MonkeyAccordionComponent {
+    private readonly _icons;
+    open: boolean;
+    disabled: boolean;
+    set title(data: string | TemplateRef<any>);
+    titleStr: string | undefined;
+    titleRef: TemplateRef<any> | undefined;
+    imgArrowDown: SafeHtml | null;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyAccordionComponent, "monkey-accordion", never, { "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "title": { "alias": "title"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/components/monkey-alert/index.d.ts

@@ -0,0 +1 @@
+export * from './monkey-alert.component';

package/lib/components/monkey-alert/monkey-alert.component.d.ts

@@ -0,0 +1,23 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { InputSignal, OutputEmitterRef } from '@angular/core';
+import { type MonkeyAlertType } from '../../interfaces';
+import * as i0 from "@angular/core";
+export declare class MonkeyAlertComponent {
+    buttonLabel: InputSignal<string>;
+    message: InputSignal<string>;
+    title: InputSignal<string>;
+    type: InputSignal<MonkeyAlertType>;
+    onButtonClicked: OutputEmitterRef<void>;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    icon(type: MonkeyAlertType): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyAlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyAlertComponent, "monkey-alert", never, { "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, { "onButtonClicked": "onButtonClicked"; }, never, never, true, never>;
+}

package/lib/components/monkey-breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export * from './monkey-breadcrumb.component';

package/lib/components/monkey-breadcrumb/monkey-breadcrumb.component.d.ts

@@ -0,0 +1,18 @@
+import { Router } from '@angular/router';
+import { Breadcrumb } from '../../interfaces';
+import * as i0 from "@angular/core";
+export declare class MonkeyBreadcrumbComponent {
+    first: Breadcrumb;
+    last: Breadcrumb;
+    colapsed: boolean;
+    protected _router: Router;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    handleNavigate(item: Breadcrumb): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyBreadcrumbComponent, "monkey-breadcrumb", never, { "first": { "alias": "first"; "required": true; }; "last": { "alias": "last"; "required": true; }; "colapsed": { "alias": "colapsed"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_colapsed: unknown;
+}

package/lib/components/monkey-button/monkey-button.component.d.ts

@@ -1,9 +1,16 @@
+import { MonkeyButtonType } from '../../interfaces/button';
+import { MonkeySize } from '../../interfaces/sizes';
 import * as i0 from "@angular/core";
 export declare class MonkeyButtonComponent {
-    type: 'primary' | 'secondary' | 'tertiary';
-    size: 'sm' | 'md' | 'lg';
     disabled: boolean;
-    onClick(event: any): void;
+    size: MonkeySize;
+    type: MonkeyButtonType;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    onClick(event: PointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyButtonComponent, "monkey-button-v2", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["[first]", "*", "[last]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyButtonComponent, "monkey-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["[first]", "*", "[last]"], true, never>;
 }

package/lib/components/monkey-checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './monkey-checkbox.component';

package/lib/components/monkey-checkbox/monkey-checkbox.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class MonkeyCheckboxComponent implements ControlValueAccessor, OnChanges, OnInit, Validator {
+    private infoChildren;
+    private labelChildren;
+    private helperChildren;
+    disabled: boolean;
+    indeterminate: boolean;
+    required: boolean;
+    showFooter: boolean;
+    size: 'sm' | 'md' | 'lg';
+    onChange: EventEmitter<boolean>;
+    private _destroyed;
+    private readonly icons;
+    private readonly idGenerator;
+    private injector;
+    private cdr;
+    control: AbstractControl<any, any> | null | undefined;
+    readonly iconCheck: import("@angular/platform-browser").SafeHtml | null;
+    readonly iconIndeterminate: import("@angular/platform-browser").SafeHtml | null;
+    readonly inputId: string;
+    value: boolean;
+    isFocused: boolean;
+    get showInvalid(): boolean;
+    get hasHeader(): boolean;
+    get isTouched(): boolean;
+    get isInvalid(): boolean;
+    ngOnInit(): void;
+    _onChange: any;
+    _onTouched: any;
+    _onValidatorChange: any;
+    ngOnChanges(changes: any): void;
+    onBlur: () => void;
+    onFocus: () => void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    registerOnValidatorChange(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onChangeEvent(event: Event): void;
+    getFooterMessages(): 'info' | 'error' | '';
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyCheckboxComponent, "monkey-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, ["infoChildren", "labelChildren", "helperChildren"], ["monkey-label", "monkey-helper", "*", "monkey-error", "monkey-info"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_indeterminate: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_showFooter: unknown;
+}

package/lib/components/monkey-divider/index.d.ts

@@ -0,0 +1 @@
+export * from './monkey-divider.component';

package/lib/components/monkey-divider/monkey-divider.component.d.ts

@@ -0,0 +1,20 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { InputSignal, InputSignalWithTransform } from '@angular/core';
+import { MonkeySize } from '../../interfaces';
+import * as i0 from "@angular/core";
+export declare class MonkeyDividerComponent {
+    size: InputSignal<MonkeySize>;
+    vertical: InputSignalWithTransform<boolean, unknown>;
+    get classes(): string;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyDividerComponent, "monkey-divider", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/monkey-form-field/form-field-control.d.ts

@@ -0,0 +1,18 @@
+import { AbstractControlDirective, NgControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class MonkeyFormFieldControl {
+    readonly id: string;
+    readonly ngControl: NgControl | AbstractControlDirective | null;
+    readonly disabled: boolean;
+    readonly focused: boolean;
+    readonly stateChanges: Observable<void>;
+    readonly type: string;
+    readonly currency: boolean;
+    readonly percent: boolean;
+    abstract onContainerClick(event: MouseEvent): void;
+    loading?: boolean;
+    disableToBeDirty?: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldControl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyFormFieldControl, never, never, {}, {}, never, never, false, never>;
+}

package/lib/components/monkey-form-field/form-field.d.ts

@@ -0,0 +1,74 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { AfterContentChecked, AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { MonkeyFormFieldControl } from './form-field-control';
+import * as i0 from "@angular/core";
+export declare class MonkeyFormFieldComponent implements AfterContentInit, AfterContentChecked, OnDestroy {
+    get id(): string;
+    set id(value: string);
+    hideClear: boolean;
+    private _formFieldControl;
+    private _labelChildren;
+    private _helperChildren;
+    private _prefixChildren;
+    private _suffixChildren;
+    private _infoChildren;
+    private _errorChildren;
+    elementRef: ElementRef<any>;
+    private readonly _icons;
+    private readonly _changeDetectorRef;
+    private readonly _idGenerator;
+    private readonly _labelId;
+    protected _uid: string;
+    protected _id: string;
+    private _destroyed;
+    private _isFocused;
+    private _previousControl;
+    private _stateChanges;
+    private _valueChanges;
+    readonly currencySymbol: string | undefined;
+    readonly percentSymbol = "%";
+    imgClear: SafeHtml | null;
+    imgCalendar: SafeHtml | null;
+    imgLoading: SafeHtml | null;
+    hasLabel: boolean;
+    hasHelper: boolean;
+    hasPrefix: boolean;
+    hasSuffix: boolean;
+    hasInfo: boolean;
+    hasError: boolean;
+    get control(): MonkeyFormFieldControl;
+    get labelId(): string;
+    get showHeader(): boolean;
+    get showFooter(): boolean;
+    get showInvalid(): boolean;
+    get showClear(): boolean;
+    get showCalendar(): boolean;
+    get showCurrency(): boolean;
+    get showPercent(): boolean;
+    get showLoading(): boolean;
+    constructor();
+    private updateFocusState;
+    private handleFormFieldControl;
+    private checkPrefixAndSuffix;
+    private initializePrefixAndSuffix;
+    private checkInfoError;
+    private initializeInfoError;
+    private initializeComponents;
+    private initializeControl;
+    private openDatePicker;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    ngOnDestroy(): void;
+    getFooterMessages(): 'info' | 'error' | '';
+    getSymbols(): string;
+    onClear(event: MouseEvent): void;
+    onOpenCalendar(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyFormFieldComponent, "monkey-form-field", ["monkeyFormField"], { "id": { "alias": "id"; "required": false; }; "hideClear": { "alias": "hideClear"; "required": false; }; }, {}, ["_formFieldControl", "_labelChildren", "_helperChildren", "_prefixChildren", "_suffixChildren", "_infoChildren", "_errorChildren"], ["monkey-label", "monkey-helper", "monkey-prefix", "*", "monkey-suffix", "monkey-error", "monkey-info"], false, never>;
+    static ngAcceptInputType_hideClear: unknown;
+}

package/lib/components/monkey-form-field/index.d.ts

@@ -0,0 +1,4 @@
+export * from './form-field';
+export * from './form-field-control';
+export * from './module';
+export * from './utils';

package/lib/components/monkey-form-field/module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field";
+export declare class MonkeyFormFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFormFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyFormFieldModule, [typeof i1.MonkeyFormFieldComponent], never, [typeof i1.MonkeyFormFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyFormFieldModule>;
+}

package/lib/components/monkey-form-field/utils.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export declare function getCurrencySymbol(code: string): string | undefined;

package/lib/components/monkey-icon/monkey-icon.component.d.ts

@@ -4,7 +4,12 @@ export declare class MonkeyIconComponent implements OnInit {
     set icon(val: string);
     size: string;
     _icon: string;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyIconComponent, "monkey-icon-v2", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyIconComponent, "monkey-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/monkey-icon-button/monkey-icon-button.component.d.ts

@@ -4,7 +4,12 @@ export declare class MonkeyIconButtonComponent {
     size: 'sm' | 'md' | 'lg';
     disabled: boolean;
     icon: string;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
     onClick(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyIconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyIconButtonComponent, "monkey-icon-button-v2", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyIconButtonComponent, "monkey-icon-button", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/monkey-input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './monkey-input-currency.directive';
+export * from './monkey-input.directive';
+export * from './monkey-input.module';
+export * from './validators';

package/lib/components/monkey-input/monkey-input-currency.directive.d.ts

@@ -0,0 +1,57 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CurrencyPipe } from '@angular/common';
+import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { MonkeyFormFieldControl } from '../monkey-form-field';
+import * as i0 from "@angular/core";
+export declare class MonkeyInputCurrencyDirective implements MonkeyFormFieldControl, OnChanges, OnInit, OnDestroy {
+    private el;
+    private renderer;
+    private currencyPipe;
+    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    protected _uid: string;
+    protected _id: string;
+    readonly stateChanges: Subject<void>;
+    name: string;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get id(): string;
+    set id(value: string);
+    get required(): boolean;
+    set required(value: BooleanInput);
+    protected _required: boolean | undefined;
+    protected _disabled: boolean;
+    get type(): string;
+    set type(value: string);
+    protected _type: string;
+    get currency(): boolean;
+    get percent(): boolean;
+    private readonly _changeDetectorRef;
+    private readonly _currencyCode;
+    private readonly _localeId;
+    private _destroyed;
+    private _valueChanges;
+    private _rawValue;
+    ngControl: NgControl | null;
+    focused: boolean;
+    constructor(el: ElementRef, renderer: Renderer2, currencyPipe: CurrencyPipe);
+    private markAsUntouched;
+    private focus;
+    private formatValue;
+    private handleControlValue;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges({ disabled }: SimpleChanges): void;
+    onContainerClick(): void;
+    focusChanged(isFocused: boolean): void;
+    focusOutChanged(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputCurrencyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyInputCurrencyDirective, "input[monkey-input-currency]", ["monkeyInput"], { "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/components/monkey-input/monkey-input.directive.d.ts

@@ -0,0 +1,46 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { MonkeyFormFieldControl } from '../monkey-form-field';
+import * as i0 from "@angular/core";
+export declare class MonkeyInputDirective implements MonkeyFormFieldControl, OnChanges, OnDestroy {
+    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    protected _uid: string;
+    protected _id: string;
+    readonly stateChanges: Subject<void>;
+    name: string;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get id(): string;
+    set id(value: string);
+    get required(): boolean;
+    set required(value: BooleanInput);
+    protected _required: boolean | undefined;
+    protected _disabled: boolean;
+    get type(): string;
+    set type(value: string);
+    protected _type: string;
+    get currency(): boolean;
+    get percent(): boolean;
+    set percent(value: '');
+    protected _percent: boolean;
+    ngControl: NgControl | null;
+    focused: boolean;
+    constructor();
+    private markAsUntouched;
+    private focus;
+    ngOnDestroy(): void;
+    ngOnChanges({ disabled }: SimpleChanges): void;
+    onContainerClick(): void;
+    focusChanged(isFocused: boolean): void;
+    focusOutChanged(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyInputDirective, "input[monkey-input],textarea[monkey-input]", ["monkeyInput"], { "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/components/monkey-input/monkey-input.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./monkey-input.directive";
+import * as i2 from "./monkey-input-currency.directive";
+export declare class MonkeyInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyInputModule, [typeof i1.MonkeyInputDirective, typeof i2.MonkeyInputCurrencyDirective], never, [typeof i1.MonkeyInputDirective, typeof i2.MonkeyInputCurrencyDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyInputModule>;
+}

package/lib/components/monkey-input/validators.d.ts

@@ -0,0 +1 @@
+export declare function validateType(type: string): void;

package/lib/components/monkey-option/index.d.ts

@@ -0,0 +1 @@
+export * from './monkey-option.component';

package/lib/components/monkey-option/monkey-option.component.d.ts

@@ -0,0 +1,22 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MonkeyOptionComponent {
+    private readonly idGenerator;
+    _content: ElementRef<HTMLElement> | undefined;
+    value: any;
+    disabled: boolean;
+    get displayContent(): string;
+    selected: boolean;
+    tabIndex: number;
+    action: Function;
+    readonly id: string;
+    onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyOptionComponent, "monkey-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/components/monkey-security-level/monkey-security-level.component.d.ts

@@ -1,9 +1,14 @@
 import * as i0 from "@angular/core";
 export declare class MonkeySecurityLevelComponent {
-    score: import("@angular/core").InputSignal<number>;
     label: import("@angular/core").InputSignal<string | undefined>;
+    score: import("@angular/core").InputSignal<number>;
     strengthLabel: import("@angular/core").InputSignal<string | undefined>;
     get class(): string;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeySecurityLevelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeySecurityLevelComponent, "monkey-security-level", never, { "score": { "alias": "score"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "strengthLabel": { "alias": "strengthLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeySecurityLevelComponent, "monkey-security-level", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "score": { "alias": "score"; "required": true; "isSignal": true; }; "strengthLabel": { "alias": "strengthLabel"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/monkey-select/index.d.ts

@@ -0,0 +1 @@
+export * from './monkey-select.component';

package/lib/components/monkey-select/monkey-select.component.d.ts

@@ -0,0 +1,74 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { MonkeyFormFieldComponent } from '../monkey-form-field/form-field';
+import { MonkeyFormFieldControl } from '../monkey-form-field/form-field-control';
+import { MonkeyOptionComponent } from '../monkey-option/monkey-option.component';
+import * as i0 from "@angular/core";
+export declare class MonkeySelectComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnDestroy, OnChanges {
+    private overlay;
+    private changeDetectorRef;
+    private viewContainerRef;
+    private formField;
+    overlayTemplate: TemplateRef<any>;
+    overlayEl: ElementRef;
+    trigger: ElementRef;
+    options: QueryList<MonkeyOptionComponent>;
+    tabIndex: number;
+    onChange: EventEmitter<any>;
+    placeholder: string;
+    loading: boolean;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    set value(value: any);
+    get value(): any;
+    _value: null;
+    labelSelected: string;
+    private overlayRef;
+    isOpen: boolean;
+    private _destroyed;
+    readonly iconArrowDown: import("@angular/platform-browser").SafeHtml | null;
+    private readonly idGenerator;
+    ngControl: NgControl | null;
+    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    readonly currency: boolean;
+    focused: boolean;
+    _disabled: boolean;
+    readonly id: string;
+    readonly percent: boolean;
+    readonly stateChanges: Subject<void>;
+    readonly type: string;
+    constructor(overlay: Overlay, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, formField: MonkeyFormFieldComponent);
+    private changeControl;
+    private changeSelected;
+    private initializeOptions;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    toggleDropdown(): void;
+    private openDropdown;
+    private closeDropdown;
+    private closeOverlay;
+    onAnimationEnd: (event: any) => void;
+    private createOverlay;
+    selectOption(option: MonkeyOptionComponent): void;
+    private updateSelectedLabel;
+    writeValue(value: any): void;
+    onContainerClick(event: MouseEvent): void;
+    _onFocus(): void;
+    _onBlur(): void;
+    _onChange: any;
+    _onTouched: any;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeySelectComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeySelectComponent, "monkey-select", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": true; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, ["options"], ["*"], true, never>;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+}

package/lib/components/monkey-status/monkey-status.component.d.ts

@@ -1,12 +1,17 @@
+import { MonkeySize } from '../../interfaces';
 import * as i0 from "@angular/core";
 type Status = 'default' | 'success' | 'warning' | 'error' | 'question' | 'info';
-type Size = 'md' | 'sm' | 'lg';
 export declare class MonkeyStatusComponent {
     type: import("@angular/core").InputSignal<Status>;
-    size: import("@angular/core").InputSignal<Size>;
+    size: import("@angular/core").InputSignal<MonkeySize>;
     label: import("@angular/core").InputSignal<string | undefined>;
     get class(): string;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyStatusComponent, "monkey-status", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyStatusComponent, "monkey-status", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/lib/components/monkey-table/components/pagination-action/pagination-action.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MonkeyPaginationActionComponent {
+    disabled: boolean;
+    first: boolean;
+    last: boolean;
+    next: boolean;
+    prev: boolean;
+    onAction: EventEmitter<any>;
+    protected _uid: string;
+    protected _id: string;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPaginationActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPaginationActionComponent, "monkey-pagination-action", ["monkeyPaginationAction"], { "disabled": { "alias": "disabled"; "required": false; }; "first": { "alias": "first"; "required": false; }; "last": { "alias": "last"; "required": false; }; "next": { "alias": "next"; "required": true; }; "prev": { "alias": "prev"; "required": true; }; "id": { "alias": "id"; "required": false; }; }, { "onAction": "onAction"; }, never, never, true, never>;
+}