@wdcoders/ui-ng 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdcoders/ui-ng",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
@@ -25,4 +25,4 @@
       "default": "./fesm2022/wdcoders-ui-ng.mjs"
     }
   }
-}
+}

package/types/wdcoders-ui-ng.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, OnInit, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
 import * as _wdcoders_ui_ng from '@wdcoders/ui-ng';
+import { ControlValueAccessor } from '@angular/forms';
 
 type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
 type ButtonSize = 'sm' | 'md' | 'lg';
@@ -24,15 +25,17 @@ declare class ButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "wdc-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
 
-type IconName = 'content_copy' | 'home' | 'settings' | 'search' | 'menu' | 'close' | 'arrow_back' | 'arrow_forward' | 'check_circle' | 'error' | 'info' | 'warning' | 'favorite' | 'share' | 'download' | 'upload' | 'edit' | 'delete' | 'add' | 'remove' | 'lock' | 'unlock' | 'visibility' | 'visibility_off' | 'person' | 'person_add' | 'person_remove' | 'person_edit' | 'person_delete' | 'person_lock' | 'person_unlock' | 'person_visibility' | 'person_visibility_off' | 'person_search' | 'person_add_alt' | 'person_remove_alt' | 'person_edit_alt' | 'person_delete_alt' | 'person_lock_alt' | 'person_unlock_alt' | 'person_visibility_alt' | 'person_visibility_off_alt' | 'content_paste' | 'content_cut' | 'content_save' | 'content_print' | 'content_refresh' | 'content_undo' | 'content_redo' | 'content_copy_alt' | 'content_cut_alt' | 'content_save_alt' | 'content_print_alt' | 'content_refresh_alt' | 'content_undo_alt' | 'content_redo_alt' | 'done' | 'close_circle' | 'error_outline' | 'info_outline' | 'warning_outline' | 'favorite_border' | 'share_alt' | 'download_alt' | 'upload_alt' | 'edit_alt' | 'delete_alt' | 'add_alt' | 'remove_alt' | 'lock_alt' | 'unlock_alt' | 'visibility_alt' | 'visibility_off_alt' | 'favorite' | 'star' | 'star_border' | 'star_half' | 'heart' | 'heart_border' | 'heart_half' | 'add' | 'money_bag' | 'chart_data' | 'group';
+type IconName = 'content_copy' | 'home' | 'settings' | 'search' | 'menu' | 'close' | 'arrow_back' | 'arrow_forward' | 'check_circle' | 'error' | 'info' | 'warning' | 'favorite' | 'share' | 'download' | 'upload' | 'edit' | 'delete' | 'add' | 'remove' | 'lock' | 'unlock' | 'visibility' | 'visibility_off' | 'person' | 'person_add' | 'person_remove' | 'person_edit' | 'person_delete' | 'person_lock' | 'person_unlock' | 'person_visibility' | 'person_visibility_off' | 'person_search' | 'person_add_alt' | 'person_remove_alt' | 'person_edit_alt' | 'person_delete_alt' | 'person_lock_alt' | 'person_unlock_alt' | 'person_visibility_alt' | 'person_visibility_off_alt' | 'content_paste' | 'content_cut' | 'content_save' | 'content_print' | 'content_refresh' | 'content_undo' | 'content_redo' | 'content_copy_alt' | 'content_cut_alt' | 'content_save_alt' | 'content_print_alt' | 'content_refresh_alt' | 'content_undo_alt' | 'content_redo_alt' | 'done' | 'close_circle' | 'error_outline' | 'info_outline' | 'warning_outline' | 'favorite_border' | 'share_alt' | 'download_alt' | 'upload_alt' | 'edit_alt' | 'delete_alt' | 'add_alt' | 'remove_alt' | 'lock_alt' | 'unlock_alt' | 'visibility_alt' | 'visibility_off_alt' | 'favorite' | 'star' | 'star_border' | 'star_half' | 'heart' | 'heart_border' | 'heart_half' | 'add' | 'money_bag' | 'chart_data' | 'group' | 'keyboard_arrow_down';
 
+type IconSize = '10' | '12' | '14' | '16' | '18' | '20' | '22' | '24' | '40' | '48' | '56';
 declare class IconsComponent {
     name: _angular_core.InputSignal<IconName>;
-    class: _angular_core.InputSignal<string>;
-    size: _angular_core.InputSignal<"10" | "12" | "14" | "16" | "18" | "20" | "22" | "24" | "40" | "48" | "56">;
-    get sizeClass(): "w-8 h-8" | "icon-10" | "icon-12" | "icon-14" | "icon-16" | "icon-18" | "icon-20" | "icon-22" | "icon-24" | "icon-40" | "icon-48" | "icon-56";
+    customClass: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<IconSize>;
+    ariaLabel: _angular_core.InputSignal<string | null>;
+    get sizeClass(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconsComponent, "wdc-icons", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconsComponent, "wdc-icons", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class CardComponent {
@@ -92,6 +95,9 @@ declare class ModalComponent {
     isOpen: _angular_core.ModelSignal<boolean>;
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     onClose: _angular_core.OutputEmitterRef<void>;
+    isRendered: _angular_core.WritableSignal<boolean>;
+    isClosing: _angular_core.WritableSignal<boolean>;
+    constructor();
     closeModal(): void;
     onBackdropClick(): void;
     sizeClasses: _angular_core.Signal<"sm:max-w-sm" | "sm:max-w-md" | "sm:max-w-lg" | "sm:max-w-xl" | "sm:max-w-full sm:m-4">;
@@ -137,30 +143,41 @@ declare class TabsComponent {
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 interface Toast {
     id: number;
     message: string;
     type: ToastType;
     duration?: number;
+    position: ToastPosition;
+    closing?: boolean;
 }
+
 declare class ToastService {
     toasts: _angular_core.WritableSignal<Toast[]>;
     private nextId;
-    show(message: string, type?: ToastType, duration?: number): void;
+    private defaultPosition;
+    private toastTimeouts;
+    private readonly MAX_TOASTS;
+    show(message: string, type?: ToastType, duration?: number, position?: ToastPosition): void;
     remove(id: number): void;
-    success(message: string, duration?: number): void;
-    error(message: string, duration?: number): void;
-    warning(message: string, duration?: number): void;
-    info(message: string, duration?: number): void;
+    success(message: string, duration?: number, position?: ToastPosition): void;
+    error(message: string, duration?: number, position?: ToastPosition): void;
+    warning(message: string, duration?: number, position?: ToastPosition): void;
+    info(message: string, duration?: number, position?: ToastPosition): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
 }
 
 declare class ToastComponent {
     toastService: ToastService;
-    constructor(toastService: ToastService);
-    getIcon(type: ToastType): string;
+    activePositions: _angular_core.Signal<ToastPosition[]>;
+    getToastsByPosition(pos: ToastPosition): Toast[];
+    getPositionClasses(pos: ToastPosition): string;
+    getAnimationClass(pos: ToastPosition, isClosing?: boolean): string;
+    getIcon(type: ToastType): IconName;
     getClasses(type: ToastType): string;
+    getCloseButtonClass(type: ToastType): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "wdc-toast", never, {}, {}, never, never, true, never>;
 }
@@ -200,18 +217,22 @@ declare class WizardComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardComponent, "wdc-wizard", never, {}, {}, never, never, true, never>;
 }
 
+type DrawerPosition = 'left' | 'right';
 declare class DrawerComponent {
-    isOpen: _angular_core.ModelSignal<boolean>;
-    position: _angular_core.InputSignal<"left" | "right">;
-    close(): void;
-    get transformParams(): {
-        value: boolean;
-        params: {
-            transform: string;
-        };
-    };
+    isOpen: _angular_core.InputSignal<boolean>;
+    position: _angular_core.InputSignal<DrawerPosition>;
+    footer: _angular_core.InputSignal<boolean>;
+    closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    close: _angular_core.OutputEmitterRef<void>;
+    width: _angular_core.InputSignal<string>;
+    isRendered: _angular_core.WritableSignal<boolean>;
+    isClosing: _angular_core.WritableSignal<boolean>;
+    constructor();
+    getFlexDirection(): "justify-end" | "justify-start";
+    getWidthClass(): string;
+    getAnimationClass(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "wdc-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, ["[header]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "wdc-drawer", never, { "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "[drawer-body]", "[drawer-footer]"], true, never>;
 }
 
 declare class CarouselComponent {
@@ -236,6 +257,280 @@ declare class PageLoaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageLoaderComponent, "wdc-page-loader", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class AccordionComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "wdc-accordion", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class AccordionItemComponent implements OnInit {
+    open: _angular_core.InputSignal<boolean>;
+    active: _angular_core.WritableSignal<boolean>;
+    noPaddingBody: _angular_core.InputSignal<boolean>;
+    customActions: _angular_core.InputSignal<boolean>;
+    ngOnInit(): void;
+    toggleAccordion(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "wdc-accordion-item", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "noPaddingBody": { "alias": "noPaddingBody"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; }, {}, never, ["[accordion-header]", "[accordion-actions]", "[accordion-body]"], true, never>;
+}
+
+type SidebarPosition = 'left' | 'right';
+declare class SidebarComponent {
+    isOpen: _angular_core.InputSignal<boolean>;
+    position: _angular_core.InputSignal<SidebarPosition>;
+    footer: _angular_core.InputSignal<boolean>;
+    closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    close: _angular_core.OutputEmitterRef<void>;
+    isRendered: _angular_core.WritableSignal<boolean>;
+    isClosing: _angular_core.WritableSignal<boolean>;
+    constructor();
+    getFlexDirection(): "justify-end" | "justify-start";
+    getWidthClass(): string;
+    getAnimationClass(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "wdc-sidebar", never, { "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[sidebar-header]", "[sidebar-body]", "[sidebar-footer]"], true, never>;
+}
+
+type TextInputType = 'text' | 'number' | 'email' | 'password';
+declare class TextInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<TextInputType>;
+    placeholder: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string | null>;
+    value: _angular_core.WritableSignal<string>;
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    set disabled(val: boolean);
+    onChange: (value: string) => void;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextInputComponent, "wdc-text-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class SelectInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string | null>;
+    options: _angular_core.InputSignal<{
+        label: string;
+        value: any;
+    }[]>;
+    multiple: _angular_core.InputSignal<boolean>;
+    searchable: _angular_core.InputSignal<boolean>;
+    placeholder: _angular_core.InputSignal<string>;
+    value: _angular_core.WritableSignal<any>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    filteredOptions: _angular_core.Signal<{
+        label: string;
+        value: any;
+    }[]>;
+    displayValue: _angular_core.Signal<string>;
+    selectedLabels: _angular_core.Signal<any>;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    toggleDropdown(): void;
+    closeDropdown(): void;
+    selectOption(optValue: any): void;
+    isSelected(optValue: any): boolean;
+    removeValue(optValue: any, event: Event): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectInputComponent, "wdc-select-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CheckboxInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    indeterminate: _angular_core.InputSignal<boolean>;
+    value: _angular_core.WritableSignal<boolean>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    toggle(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxInputComponent, "wdc-checkbox-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class RadioInputComponent implements ControlValueAccessor {
+    options: _angular_core.InputSignal<{
+        label: string;
+        value: any;
+    }[]>;
+    name: _angular_core.InputSignal<string>;
+    value: _angular_core.WritableSignal<any>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    select(val: any): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioInputComponent, "wdc-radio-input", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SwitchInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    value: _angular_core.WritableSignal<boolean>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
+    toggle(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchInputComponent, "wdc-switch-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TextareaInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    rows: _angular_core.InputSignal<number>;
+    error: _angular_core.InputSignal<string | null>;
+    hint: _angular_core.InputSignal<string>;
+    value: _angular_core.WritableSignal<string>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: string) => void;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaInputComponent, "wdc-textarea-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FileInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    accept: _angular_core.InputSignal<string>;
+    fileName: _angular_core.WritableSignal<string | null>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    isDragging: _angular_core.WritableSignal<boolean>;
+    onChange: (value: File | null) => void;
+    onTouched: () => void;
+    onFileSelected(event: Event): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    handleFile(file: File): void;
+    clear(event: Event): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "wdc-file-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DateInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string | null>;
+    min: _angular_core.InputSignal<string>;
+    max: _angular_core.InputSignal<string>;
+    value: _angular_core.WritableSignal<string>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: string) => void;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "wdc-date-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class RangeInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    min: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number>;
+    step: _angular_core.InputSignal<number>;
+    unit: _angular_core.InputSignal<string>;
+    value: _angular_core.WritableSignal<number>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: number) => void;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    writeValue(value: number): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    get percentage(): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeInputComponent, "wdc-range-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ColorInputComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string | null>;
+    value: _angular_core.WritableSignal<string>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: string) => void;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    onTextInput(event: Event): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorInputComponent, "wdc-color-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class RichTextEditorComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    label: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string | null>;
+    editorContainer: _angular_core.Signal<ElementRef<any> | undefined>;
+    quill: any;
+    value: _angular_core.WritableSignal<string>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onChange: (value: string) => void;
+    onTouched: () => void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorComponent, "wdc-rich-text-editor", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class MarkdownEditorComponent implements ControlValueAccessor {
+    label: _angular_core.InputSignal<string>;
+    error: _angular_core.InputSignal<string | null>;
+    value: _angular_core.WritableSignal<string>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    previewHtml: _angular_core.Signal<any>;
+    onChange: (value: string) => void;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MarkdownEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MarkdownEditorComponent, "wdc-markdown-editor", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 interface Confirmation {
     message?: string;
     header?: string;
@@ -254,5 +549,5 @@ declare class ConfirmService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmService>;
 }
 
-export { AvatarComponent, BadgeComponent, ButtonComponent, CardComponent, CarouselComponent, ChartComponent, ConfirmDialogComponent, ConfirmService, DrawerComponent, IconsComponent, ModalComponent, NavbarComponent, PageLoaderComponent, ProgressBarComponent, SpinnerComponent, StatCardComponent, TabComponent, TableComponent, TabsComponent, ToastComponent, ToastService, UploadComponent, WizardComponent };
-export type { ButtonSize, ButtonType, ButtonVariant, Confirmation, TabOrientation, TabVariant, Toast, ToastType };
+export { AccordionComponent, AccordionItemComponent, AvatarComponent, BadgeComponent, ButtonComponent, CardComponent, CarouselComponent, ChartComponent, CheckboxInputComponent, ColorInputComponent, ConfirmDialogComponent, ConfirmService, DateInputComponent, DrawerComponent, FileInputComponent, IconsComponent, MarkdownEditorComponent, ModalComponent, NavbarComponent, PageLoaderComponent, ProgressBarComponent, RadioInputComponent, RangeInputComponent, RichTextEditorComponent, SelectInputComponent, SidebarComponent, SpinnerComponent, StatCardComponent, SwitchInputComponent, TabComponent, TableComponent, TabsComponent, TextInputComponent, TextareaInputComponent, ToastComponent, ToastService, UploadComponent, WizardComponent };
+export type { ButtonSize, ButtonType, ButtonVariant, Confirmation, DrawerPosition, IconName, SidebarPosition, TabOrientation, TabVariant };