@tekus/design-system 5.20.0 → 5.22.0

package/{components/autocomplete/src/autocomplete.component.d.ts → types/tekus-design-system-components-autocomplete.d.ts}

@@ -1,8 +1,9 @@
+import * as _angular_core from '@angular/core';
 import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
 import { AutoComplete } from 'primeng/autocomplete';
-import * as i0 from "@angular/core";
+
 type AutocompleteValue<T = unknown> = T | T[] | null;
-export declare class AutocompleteComponent<T = unknown> implements ControlValueAccessor {
+declare class AutocompleteComponent<T = unknown> implements ControlValueAccessor {
     readonly ngControl: NgControl | null;
     /**
      * @property {string} id
@@ -11,26 +12,26 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
      *
      * @default 'autocomplete'
      */
-    id: import("@angular/core").InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<string>} icon
      * @description
      * Icon to display next to the input (e.g., 'magnifying-glass').
      */
-    icon: import("@angular/core").InputSignal<string>;
+    icon: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<FormControl>} control
      * @description
      * External FormControl used to read/set the input value.
      * If not provided, an internal FormControl is created.
      */
-    control: import("@angular/core").InputSignal<FormControl<any> | undefined>;
+    control: _angular_core.InputSignal<FormControl<any> | undefined>;
     /**
      * @property {string} label
      * @description
      * Floating label displayed above the autocomplete input.
      */
-    label: import("@angular/core").InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
     /**
      * @property {boolean} disabled
      * @description
@@ -38,19 +39,19 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
      *
      * @default false
      */
-    disabled: import("@angular/core").InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
     /**
     * @property {InputSignal<string>} errorMessage
     * @description
     * Message to display when the control is invalid and touched.
     */
-    errorMessage: import("@angular/core").InputSignal<string>;
+    errorMessage: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<string>} hint
      * @description
      * Hint text to display below the input.
      */
-    hint: import("@angular/core").InputSignal<string>;
+    hint: _angular_core.InputSignal<string>;
     /**
      * @property {AutocompleteValue<T>} value
      * @description
@@ -59,14 +60,14 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
      * @internal
      */
     value: AutocompleteValue<T>;
-    internalDisabled: import("@angular/core").WritableSignal<boolean>;
+    internalDisabled: _angular_core.WritableSignal<boolean>;
     /**
      * @property {Signal<AutocompleteValue<T>>} model
      * @description
      * Two-way binding model using Angular signals.
      * Allows usage with the syntax: `[(model)]="myValue"`.
      */
-    model: import("@angular/core").ModelSignal<AutocompleteValue<T> | undefined>;
+    model: _angular_core.ModelSignal<AutocompleteValue<T> | undefined>;
     /**
      * @event modelChange
      * @description
@@ -76,7 +77,7 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
      * @example
      * <tk-autocomplete (modelChange)="onChange($event)"></tk-autocomplete>
      */
-    modelChange: import("@angular/core").OutputEmitterRef<AutocompleteValue<T>>;
+    modelChange: _angular_core.OutputEmitterRef<AutocompleteValue<T>>;
     private onChangeFn;
     private onTouchedFn;
     constructor();
@@ -139,8 +140,9 @@ export declare class AutocompleteComponent<T = unknown> implements ControlValueA
      * Returns the injected NgControl's control if available, otherwise falls back to the local `control` input.
      * This getter is crucial for unifying validation status checks in the template.
      */
-    get effectiveControl(): FormControl<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent<any>, "tk-autocomplete", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "modelChange": "modelChange"; }, never, never, true, never>;
+    get effectiveControl(): FormControl | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent<any>, "tk-autocomplete", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "modelChange": "modelChange"; }, never, never, true, never>;
 }
-export {};
+
+export { AutocompleteComponent };

package/{components/badge/src/badge.component.d.ts → types/tekus-design-system-components-badge.d.ts}

@@ -1,5 +1,6 @@
-import * as i0 from "@angular/core";
-export type BadgeSeverity = 'secondary' | 'primary' | 'contrast';
+import * as _angular_core from '@angular/core';
+
+type BadgeSeverity = 'secondary' | 'primary' | 'contrast';
 /**
  * @component BadgeComponent
  * @description
@@ -16,19 +17,22 @@ export type BadgeSeverity = 'secondary' | 'primary' | 'contrast';
  * ```html
  * <tk-badge value="5" severity="primary"></tk-badge>
  * */
-export declare class BadgeComponent {
+declare class BadgeComponent {
     /** The text content to be displayed in the badge. */
-    value: import("@angular/core").InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
     /**
      * The severity level of the badge, which determines its color and styling.
      * @default 'primary'
      */
-    severity: import("@angular/core").InputSignal<BadgeSeverity>;
+    severity: _angular_core.InputSignal<BadgeSeverity>;
     /**
      * Computed property that maps the custom `BadgeSeverity` to the underlying PrimeNG `severity`.
      * Returns `undefined` for 'primary' as it uses the default style, and maps others accordingly.
      */
-    primeSeverity: import("@angular/core").Signal<"secondary" | "contrast" | "success">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "tk-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    primeSeverity: _angular_core.Signal<"secondary" | "contrast" | "success">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "tk-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
+export { BadgeComponent };
+export type { BadgeSeverity };

package/{components/button/src/button.component.d.ts → types/tekus-design-system-components-button.d.ts}

@@ -1,7 +1,8 @@
+import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export type ButtonSeverity = 'primary' | 'secondary' | 'danger';
-export type Variant = 'text' | 'outlined';
+
+type ButtonSeverity = 'primary' | 'secondary' | 'danger';
+type Variant = 'text' | 'outlined';
 /**
  * @component ButtonComponent
  * @description
@@ -29,7 +30,7 @@ export type Variant = 'text' | 'outlined';
  * </tk-button>
  * ```
  */
-export declare class ButtonComponent {
+declare class ButtonComponent {
     /**
      * @property {string} label
      * @description
@@ -128,3 +129,6 @@ export declare class ButtonComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tk-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
+
+export { ButtonComponent };
+export type { ButtonSeverity, Variant };

package/{components/checkbox/src/checkbox.component.d.ts → types/tekus-design-system-components-checkbox.d.ts}

@@ -1,7 +1,8 @@
+import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy } from '@angular/core';
-import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
-import * as i0 from "@angular/core";
-export declare class CheckboxComponent implements ControlValueAccessor, OnInit, OnDestroy {
+import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
+
+declare class CheckboxComponent implements ControlValueAccessor, OnInit, OnDestroy {
     /** Internal references and injections */
     readonly ngControl: NgControl | null;
     /**
@@ -15,64 +16,64 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit,
      * The value of the checkbox model (checked state or array of values).
      * Supports two-way binding via signals.
      */
-    model: import("@angular/core").ModelSignal<unknown>;
+    model: _angular_core.ModelSignal<unknown>;
     /**
      * @property {InputSignal<any>} value
      * @description
      * The value of the checkbox itself (used when part of a group).
      */
-    value: import("@angular/core").InputSignal<unknown>;
+    value: _angular_core.InputSignal<unknown>;
     /**
      * @property {InputSignal<string>} label
      * @description
      * Label displayed next to the checkbox.
      */
-    label: import("@angular/core").InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<string>} name
      * @description
      * Name attribute for the checkbox.
      */
-    name: import("@angular/core").InputSignal<string>;
+    name: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<string>} inputId
      * @description
      * HTML id attribute for the checkbox input.
      */
-    inputId: import("@angular/core").InputSignal<string>;
+    inputId: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<boolean>} binary
      * @description
      * Boolean property to indicate if the checkbox is a binary toggle.
      * @default false
      */
-    binary: import("@angular/core").InputSignal<boolean>;
+    binary: _angular_core.InputSignal<boolean>;
     /**
      * @property {InputSignal<FormControl>} control
      * @description
      * External FormControl used to read/set the checkbox value.
      * If not provided, an internal FormControl is created.
      */
-    control: import("@angular/core").InputSignal<FormControl<any>>;
+    control: _angular_core.InputSignal<FormControl<any>>;
     /**
      * @property {InputSignal<string>} errorMessage
      * @description
      * Message to display when the control is invalid and touched.
      */
-    errorMessage: import("@angular/core").InputSignal<string>;
+    errorMessage: _angular_core.InputSignal<string>;
     /**
      * @property {ModelSignal<boolean>} indeterminate
      * @description
      * Indeterminate state of the checkbox (reactive).
      * Useful for parent checkboxes in lists with partial selection.
      */
-    indeterminate: import("@angular/core").ModelSignal<boolean>;
+    indeterminate: _angular_core.ModelSignal<boolean>;
     /**
      * @property {boolean} disabled
      * @description
      * Whether the checkbox is disabled.
      */
-    disabled: import("@angular/core").ModelSignal<boolean>;
+    disabled: _angular_core.ModelSignal<boolean>;
     /** Component Methods */
     get effectiveControl(): FormControl;
     onChange: (value: unknown) => void;
@@ -104,6 +105,8 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit,
      * Handle blur events to trigger onTouched.
      */
     onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "tk-checkbox", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "indeterminate": "indeterminateChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "tk-checkbox", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "indeterminate": "indeterminateChange"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
+
+export { CheckboxComponent };

package/types/tekus-design-system-components-date-picker.d.ts

@@ -0,0 +1,193 @@
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
+
+type DateValue = Date | [Date, Date] | null;
+declare class DatePickerComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    /** Internal references and injections */
+    readonly ngControl: NgControl | null;
+    constructor();
+    /**
+     * @property {InputSignal<'date' | 'time'>} variant
+     * @description
+     * Defines the visual and functional mode:
+     * - `'date'`: standard date/range picker
+     * - `'time'`: time-only picker
+     * @default 'date'
+     */
+    variant: _angular_core.InputSignal<"date" | "time">;
+    /**
+     * @property {InputSignal<'single' | 'range'>} selectionMode
+     * @description
+     * Defines how the datepicker behaves:
+     * - `'single'`: select one date
+     * - `'range'`: select a pair of dates [start, end]
+     * @default 'range'
+     */
+    selectionMode: _angular_core.InputSignal<"single" | "range">;
+    /**
+     * @property {InputSignal<boolean>} readonlyInput
+     * @description
+     * Disables manual typing in the input and forces the user to select via the calendar.
+     * @default true
+     */
+    readonlyInput: _angular_core.InputSignal<boolean>;
+    /**
+     * @property {InputSignal<boolean>} showClear
+     * @description
+     * Displays a clear button that resets the datepicker value.
+     * @default true
+     */
+    showClear: _angular_core.InputSignal<boolean>;
+    /**
+     * @property {InputSignal<boolean>} showIcon
+     * @description
+     * Shows the calendar or clock icon inside the input.
+     * @default true
+     */
+    showIcon: _angular_core.InputSignal<boolean>;
+    /**
+     * @property {InputSignal<string>} dateFormat
+     * @description
+     * Format used by PrimeNG for displaying dates.
+     * @default 'mm/dd/yy'
+     */
+    dateFormat: _angular_core.InputSignal<string>;
+    /**
+     * @property {InputSignal<string>} timeFormat
+     * @description
+     * Format used by PrimeNG for displaying times.
+     * @default 'HH:mm'
+     */
+    timeFormat: _angular_core.InputSignal<string>;
+    /**
+     * @property {InputSignal<number>} stepHour
+     * @description
+     * Hours to skip when clicking up/down.
+     * @default 1
+     */
+    stepHour: _angular_core.InputSignal<number>;
+    /**
+     * @property {InputSignal<number>} stepMinute
+     * @description
+     * Minutes to skip when clicking up/down.
+     * @default 1
+     */
+    stepMinute: _angular_core.InputSignal<number>;
+    /**
+     * @property {InputSignal<number>} stepSecond
+     * @description
+     * Seconds to skip when clicking up/down.
+     * @default 1
+     */
+    stepSecond: _angular_core.InputSignal<number>;
+    /**
+     * @property {InputSignal<boolean>} showSeconds
+     * @description
+     * Whether to show seconds in the time picker.
+     * @default false
+     */
+    showSeconds: _angular_core.InputSignal<boolean>;
+    /**
+     * @property {InputSignal<Date | null>} maxDate
+     * @description
+     * Maximum selectable date.
+     * @default null
+     */
+    maxDate: _angular_core.InputSignal<Date | null>;
+    /**
+     * @property {InputSignal<Date | null>} minDate
+     * @description
+     * Minimum selectable date.
+     * @default null
+     */
+    minDate: _angular_core.InputSignal<Date | null>;
+    /**
+     * @property {InputSignal<string>} labelText
+     * @description
+     * Label shown by the float-label wrapper.
+     */
+    labelText: _angular_core.InputSignal<string>;
+    /**
+     * @property {InputSignal<FormControl>} control
+     * @description
+     * External FormControl used to read/set the datepicker value.
+     * If not provided, an internal FormControl is created.
+     */
+    control: _angular_core.InputSignal<FormControl<any> | undefined>;
+    /**
+     * @property {ModelSignal<DateValue>} modelValue
+     * @description
+     * The value of the datepicker model. Supports two-way binding.
+     */
+    modelValue: _angular_core.ModelSignal<DateValue>;
+    /**
+     * @property {OutputRef<DateValue>} handleSelect
+     * @description
+     * Emitted when a value is selected.
+     */
+    handleSelect: _angular_core.OutputEmitterRef<DateValue>;
+    /**
+     * @property {OutputRef<void>} handleClear
+     * @description
+     * Emitted when the value is cleared.
+     */
+    handleClear: _angular_core.OutputEmitterRef<void>;
+    /** Computed properties */
+    /**
+     * @property {Signal<'single' | 'range'>} effectiveSelectionMode
+     * @description
+     * Returns 'single' automatically if variant is 'time', otherwise returns the user-provided selectionMode.
+     */
+    effectiveSelectionMode: _angular_core.Signal<"single" | "range">;
+    /**
+     * @property {Signal<string>} effectiveDateFormat
+     * @description
+     * Returns the user-provided dateFormat or timeFormat based on the variant.
+     */
+    effectiveDateFormat: _angular_core.Signal<string>;
+    /**
+     * @property {Signal<FormControl>} effectiveControl
+     * @description
+     * Returns the external FormControl from NgControl or a local fallback.
+     */
+    internalControl: FormControl<DateValue>;
+    get effectiveControl(): FormControl;
+    /** Icons */
+    faCalendarDay: _fortawesome_fontawesome_common_types.IconDefinition;
+    faClock: _fortawesome_fontawesome_common_types.IconDefinition;
+    /** CVA Logic */
+    onChange: (value: DateValue) => void;
+    onTouched: () => void;
+    private readonly sub;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: DateValue): void;
+    registerOnChange(fn: (value: DateValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * @method onModelChange
+     * @description
+     * Called when the PrimeNG DatePicker template updates the value.
+     */
+    onModelChange(value: DateValue): void;
+    /**
+     * @method onBlur
+     * @description
+     * Triggered when the component loses focus.
+     */
+    onBlur(): void;
+    /**
+     * @method clear
+     * @description
+     * Programmatically clears the value.
+     */
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "tk-date-picker", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; "isSignal": true; }; "stepMinute": { "alias": "stepMinute"; "required": false; "isSignal": true; }; "stepSecond": { "alias": "stepSecond"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "handleSelect": "handleSelect"; "handleClear": "handleClear"; }, never, never, true, never>;
+}
+
+export { DatePickerComponent };
+export type { DateValue };

package/{components/drawer/src/drawer.component.d.ts → types/tekus-design-system-components-drawer.d.ts}

@@ -1,7 +1,29 @@
-import { EventEmitter, Type, ElementRef, OnDestroy } from '@angular/core';
-import { DrawerHeaderAction, DrawerSizeType } from './drawer.types';
+import * as _angular_core from '@angular/core';
+import { Type, OnDestroy, EventEmitter, ComponentRef } from '@angular/core';
+import { Variant } from '@tekus/design-system/components/button';
+import { SeverityType } from '@tekus/design-system/components/modal';
 import { TkCloseInterceptor } from '@tekus/design-system/core/types';
-import * as i0 from "@angular/core";
+import { Observable } from 'rxjs';
+
+type DrawerSizeType = 'small' | 'large';
+interface DrawerHeaderAction {
+    label: string;
+    severity: SeverityType;
+    action?: () => void;
+    returnValue?: unknown;
+    variant?: Variant;
+}
+interface DrawerConfig<T = unknown> {
+    title: string;
+    content?: string | Type<T>;
+    headerAction?: DrawerHeaderAction;
+    size?: DrawerSizeType;
+    closable?: boolean;
+    dismissible?: boolean;
+    data?: Partial<T>;
+    interceptor?: TkCloseInterceptor;
+}
+
 /**
  * @component DrawerComponent
  * @description
@@ -36,42 +58,42 @@ import * as i0 from "@angular/core";
  * ```
  * Modernized for Angular 19 with 100% synchronous Signal-based closing interception.
  */
-export declare class DrawerComponent<T = unknown> implements OnDestroy {
+declare class DrawerComponent<T = unknown> implements OnDestroy {
     private readonly elementRef;
     private readonly contentHost;
     private componentRef?;
     /** The required title displayed at the top left of the drawer header */
-    title: import("@angular/core").InputSignal<string>;
+    title: _angular_core.InputSignal<string>;
     /** The main content of the drawer. Can be a string or a Component Type. */
-    content: import("@angular/core").InputSignal<string | Type<T> | null>;
+    content: _angular_core.InputSignal<string | Type<T> | null>;
     /** Optional header action button (displayed before close button) */
-    headerAction: import("@angular/core").InputSignal<DrawerHeaderAction | null>;
+    headerAction: _angular_core.InputSignal<DrawerHeaderAction | null>;
     /** Drawer size: 'small' (500px), 'large' (1024px) */
-    size: import("@angular/core").InputSignal<DrawerSizeType>;
+    size: _angular_core.InputSignal<DrawerSizeType>;
     /** Whether the drawer can be closed by the user via close button */
-    closable: import("@angular/core").InputSignal<boolean>;
+    closable: _angular_core.InputSignal<boolean>;
     /** Whether clicking the mask closes the drawer */
-    dismissible: import("@angular/core").InputSignal<boolean>;
+    dismissible: _angular_core.InputSignal<boolean>;
     /** Optional data to be passed as inputs to the dynamic component. */
-    data: import("@angular/core").InputSignal<Partial<T>>;
+    data: _angular_core.InputSignal<Partial<T>>;
     /** Optional interceptor called before the drawer closes. */
-    interceptor: import("@angular/core").InputSignal<TkCloseInterceptor | undefined>;
-    isContentString: import("@angular/core").Signal<boolean>;
-    hasHeaderAction: import("@angular/core").Signal<boolean>;
+    interceptor: _angular_core.InputSignal<TkCloseInterceptor | undefined>;
+    isContentString: _angular_core.Signal<boolean>;
+    hasHeaderAction: _angular_core.Signal<boolean>;
     /** Computed: drawer width (responsive) and max-width based on `size`. Always right position. */
-    drawerStyle: import("@angular/core").Signal<{
+    drawerStyle: _angular_core.Signal<{
         width: string;
         maxWidth: string;
     }>;
     /** Visibility flag. Use model for two-way binding when using drawer in template. */
-    isOpened: import("@angular/core").ModelSignal<boolean>;
+    isOpened: _angular_core.ModelSignal<boolean>;
     /** Whether the drawer content has a scrollbar */
     hasScroll: boolean;
     /** Emits when the drawer closes, passing the return value from header action or null */
     readonly onClose: EventEmitter<unknown>;
     private alreadyEmitted;
     private returnValueOnClose;
-    constructor(elementRef: ElementRef);
+    constructor();
     ngOnDestroy(): void;
     private attachDynamicContent;
     private syncDynamicInputs;
@@ -100,6 +122,19 @@ export declare class DrawerComponent<T = unknown> implements OnDestroy {
      */
     handleHeaderAction(action: (() => void) | undefined, returnValue: unknown): void;
     private resetClosureState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent<any>, "tk-drawer", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "headerAction": { "alias": "headerAction"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "interceptor": { "alias": "interceptor"; "required": false; "isSignal": true; }; "isOpened": { "alias": "isOpened"; "required": false; "isSignal": true; }; }, { "isOpened": "isOpenedChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent<any>, "tk-drawer", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "headerAction": { "alias": "headerAction"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "interceptor": { "alias": "interceptor"; "required": false; "isSignal": true; }; "isOpened": { "alias": "isOpened"; "required": false; "isSignal": true; }; }, { "isOpened": "isOpenedChange"; }, never, never, true, never>;
+}
+
+declare class DrawerService {
+    private readonly appRef;
+    private drawerRef;
+    get _drawerRefForTesting(): ComponentRef<DrawerComponent<unknown>> | null;
+    set _drawerRefForTesting(ref: ComponentRef<DrawerComponent<unknown>> | null);
+    open(config: DrawerConfig): Observable<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DrawerService>;
 }
+
+export { DrawerComponent, DrawerService };
+export type { DrawerConfig, DrawerHeaderAction, DrawerSizeType };

package/{components/fallback-view/src/fallback-view.component.d.ts → types/tekus-design-system-components-fallback-view.d.ts}

@@ -1,6 +1,7 @@
+import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export type FallbackViewType = 'content' | 'section';
+
+type FallbackViewType = 'content' | 'section';
 /**
  * @component FallbackViewComponent
  * @description
@@ -59,7 +60,7 @@ export type FallbackViewType = 'content' | 'section';
  * </tk-fallback-view>
  * ```
  */
-export declare class FallbackViewComponent {
+declare class FallbackViewComponent {
     /**
      * @property {FallbackViewType} type
      * @description
@@ -156,3 +157,6 @@ export declare class FallbackViewComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FallbackViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FallbackViewComponent, "tk-fallback-view", never, { "type": { "alias": "type"; "required": false; }; "imageSrc": { "alias": "imageSrc"; "required": false; }; "illustrationAlt": { "alias": "illustrationAlt"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "linkLabel": { "alias": "linkLabel"; "required": false; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; }; }, { "buttonAction": "buttonAction"; "linkAction": "linkAction"; }, never, ["[image]", "[title]", "[message]", "[actions]"], true, never>;
 }
+
+export { FallbackViewComponent };
+export type { FallbackViewType };