@abdelfattahqandil21/ryzen-ui 0.0.1

package/index.d.ts

@@ -0,0 +1,1008 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, TemplateRef } from '@angular/core';
+import * as _abdelfattahqandil21_ryzen_ui from '@abdelfattahqandil21/ryzen-ui';
+
+type FieldSize = 'sm' | 'md' | 'lg';
+declare const THEME_COLORS: readonly ["primary", "secondary", "accent", "success", "warning", "danger", "info"];
+type ThemeColor = (typeof THEME_COLORS)[number];
+declare function isThemeColor(value: string): value is ThemeColor;
+
+declare class CheckboxComponent {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _width: _angular_core.Signal<string | null>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "app-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+interface CalendarDay {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isHighlighted: boolean;
+}
+interface DatePickerConfig {
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    highlightedDates?: Date[];
+    firstDayOfWeek?: 0 | 1;
+    showTodayButton?: boolean;
+    showYearNavigation?: boolean;
+    appendToParent?: boolean;
+}
+type ViewMode = 'days' | 'months' | 'years';
+
+declare class DatePickerComponent implements OnDestroy {
+    private _elementRef;
+    private _closeTimer;
+    private _docClickCleanup;
+    private readonly _today;
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly format: _angular_core.InputSignal<"dd/MM/yyyy" | "MM/dd/yyyy" | "yyyy-MM-dd">;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly config: _angular_core.InputSignal<DatePickerConfig>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _accentColorValue: _angular_core.Signal<string>;
+    readonly _width: _angular_core.Signal<string | null>;
+    readonly _isOpen: _angular_core.WritableSignal<boolean>;
+    readonly _isClosing: _angular_core.WritableSignal<boolean>;
+    readonly _panelDirection: _angular_core.WritableSignal<"up" | "down">;
+    readonly _panelX: _angular_core.WritableSignal<number>;
+    readonly _panelY: _angular_core.WritableSignal<number>;
+    readonly _panelWidth: _angular_core.WritableSignal<number>;
+    private _panelEl;
+    readonly _viewDate: _angular_core.WritableSignal<Date>;
+    readonly _viewMode: _angular_core.WritableSignal<ViewMode>;
+    readonly _decade: _angular_core.WritableSignal<number>;
+    readonly _monthNames: string[];
+    readonly _weekdays: string[];
+    readonly _weekdaysAr: string[];
+    readonly _monthsShort: string[];
+    readonly _displayValue: _angular_core.Signal<string>;
+    readonly _monthName: _angular_core.Signal<string>;
+    readonly _year: _angular_core.Signal<number>;
+    readonly _decadeLabel: _angular_core.Signal<string>;
+    readonly _appendToParent: _angular_core.Signal<boolean>;
+    readonly _panelFixed: _angular_core.Signal<"fixed" | null>;
+    readonly _showTodayBtn: _angular_core.Signal<boolean>;
+    readonly _showYearNav: _angular_core.Signal<boolean>;
+    readonly _firstDay: _angular_core.Signal<0 | 1>;
+    readonly _weekDaysOrdered: _angular_core.Signal<string[]>;
+    readonly _yearsList: _angular_core.Signal<number[]>;
+    readonly _calendarDays: _angular_core.Signal<CalendarDay[]>;
+    private _toDay;
+    private _sameDay;
+    readonly _inputSizeCls: _angular_core.Signal<"py-1 pl-2 pr-8 text-xs" | "py-3 pl-4 pr-10 text-base" | "py-2 pl-3 pr-10 text-sm">;
+    readonly _iconCls: _angular_core.Signal<string>;
+    _onTriggerClick(event: Event): void;
+    _onPanelClick(event: Event): void;
+    private _open;
+    private _attachToBody;
+    private _detachFromBody;
+    private _close;
+    ngOnDestroy(): void;
+    _selectDate(date: Date): void;
+    _selectMonth(idx: number): void;
+    _selectYear(year: number): void;
+    _prevMonth(): void;
+    _nextMonth(): void;
+    _prevYear(): void;
+    _nextYear(): void;
+    _prevDecade(): void;
+    _nextDecade(): void;
+    _showMonths(): void;
+    _showYears(): void;
+    _prevPeriod(): void;
+    _nextPeriod(): void;
+    _goToToday(): void;
+    _clear(event: Event): void;
+    _isCurrentMonth(idx: number): boolean;
+    _isCurrentYear(year: number): boolean;
+    _onDocClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+interface DropdownOption<T = unknown> {
+    label: string;
+    value: T;
+}
+interface DropdownConfig {
+    appendToParent?: boolean;
+    maxHeight?: string;
+    direction?: 'up' | 'down' | 'auto';
+}
+
+declare class DropDownComponent implements OnDestroy {
+    private _elementRef;
+    private _closeTimer;
+    private _docClickCleanup;
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly options: _angular_core.InputSignal<(string | DropdownOption<unknown>)[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly config: _angular_core.InputSignal<DropdownConfig>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    private readonly _direction;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _accentColorValue: _angular_core.Signal<string>;
+    readonly _width: _angular_core.Signal<string | null>;
+    readonly _normalizedOptions: _angular_core.Signal<DropdownOption<unknown>[]>;
+    readonly _isOpen: _angular_core.WritableSignal<boolean>;
+    readonly _isClosing: _angular_core.WritableSignal<boolean>;
+    readonly _panelDirection: _angular_core.WritableSignal<"up" | "down">;
+    readonly _panelX: _angular_core.WritableSignal<number>;
+    readonly _panelY: _angular_core.WritableSignal<number>;
+    readonly _panelWidth: _angular_core.WritableSignal<number>;
+    private _panelEl;
+    readonly _searchQuery: _angular_core.WritableSignal<string>;
+    readonly _appendToParent: _angular_core.Signal<boolean>;
+    readonly _panelFixed: _angular_core.Signal<"fixed" | null>;
+    readonly _maxHeight: _angular_core.Signal<string>;
+    readonly _selectedLabel: _angular_core.Signal<string>;
+    readonly _filteredOptions: _angular_core.Signal<DropdownOption<unknown>[]>;
+    readonly _inputSizeCls: _angular_core.Signal<"py-1 pl-2 pr-8 text-xs" | "py-3 pl-4 pr-10 text-base" | "py-2 pl-3 pr-10 text-sm">;
+    readonly _iconCls: _angular_core.Signal<string>;
+    readonly _optionCls: _angular_core.Signal<string>;
+    _onTriggerClick(event: Event): void;
+    _onPanelClick(event: Event): void;
+    private _open;
+    private _close;
+    private _attachToBody;
+    private _detachFromBody;
+    _selectOption(option: DropdownOption): void;
+    _clear(event: Event): void;
+    _onWindowScroll(): void;
+    _onDocClick(event: Event): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropDownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropDownComponent, "app-drop-down", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class FileUploadComponent {
+    readonly files: _angular_core.ModelSignal<File[]>;
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly maxSize: _angular_core.InputSignal<number>;
+    readonly maxFiles: _angular_core.InputSignal<number>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _isDragOver: _angular_core.WritableSignal<boolean>;
+    readonly _totalSize: _angular_core.Signal<number>;
+    _onDragOver(event: DragEvent): void;
+    _onDragLeave(event: DragEvent): void;
+    _onDrop(event: DragEvent): void;
+    _onFileSelected(event: Event): void;
+    _removeFile(index: number): void;
+    private _addFiles;
+    _formatSize(bytes: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "app-file-upload", never, { "files": { "alias": "files"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "files": "filesChange"; }, never, never, true, never>;
+}
+
+interface MultiSelectConfig {
+    appendToParent?: boolean;
+    maxHeight?: string;
+    direction?: 'up' | 'down' | 'auto';
+}
+
+declare class MultiSelectComponent implements OnDestroy {
+    private _elementRef;
+    private _closeTimer;
+    private _docClickCleanup;
+    readonly value: _angular_core.ModelSignal<string[]>;
+    readonly options: _angular_core.InputSignal<(string | DropdownOption<unknown>)[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly selectAll: _angular_core.InputSignal<boolean>;
+    readonly selectAllLabel: _angular_core.InputSignal<string>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly config: _angular_core.InputSignal<MultiSelectConfig>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    private readonly _direction;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _width: _angular_core.Signal<string | null>;
+    readonly _normalizedOptions: _angular_core.Signal<DropdownOption<unknown>[]>;
+    readonly _isOpen: _angular_core.WritableSignal<boolean>;
+    readonly _isClosing: _angular_core.WritableSignal<boolean>;
+    readonly _panelDirection: _angular_core.WritableSignal<"up" | "down">;
+    readonly _panelX: _angular_core.WritableSignal<number>;
+    readonly _panelY: _angular_core.WritableSignal<number>;
+    readonly _panelWidth: _angular_core.WritableSignal<number>;
+    private _panelEl;
+    readonly _searchQuery: _angular_core.WritableSignal<string>;
+    readonly _appendToParent: _angular_core.Signal<boolean>;
+    readonly _panelFixed: _angular_core.Signal<"fixed" | null>;
+    readonly _maxHeight: _angular_core.Signal<string>;
+    readonly _selectedLabels: _angular_core.Signal<string[]>;
+    readonly _filteredOptions: _angular_core.Signal<DropdownOption<unknown>[]>;
+    readonly _allFilteredSelected: _angular_core.Signal<boolean>;
+    readonly _triggerText: _angular_core.Signal<string>;
+    readonly _inputSizeCls: _angular_core.Signal<"py-1 pl-2 pr-8 text-xs" | "py-3 pl-4 pr-10 text-base" | "py-2 pl-3 pr-10 text-sm">;
+    readonly _iconCls: _angular_core.Signal<string>;
+    readonly _optionCls: _angular_core.Signal<string>;
+    readonly _chipCls: _angular_core.Signal<string>;
+    _isSelected(val: unknown): boolean;
+    _optVal(option: DropdownOption): string;
+    _onTriggerClick(event: Event): void;
+    _onPanelClick(event: Event): void;
+    _onInput(event: Event): void;
+    private _open;
+    private _close;
+    private _attachToBody;
+    private _detachFromBody;
+    _toggleOption(option: DropdownOption): void;
+    _toggleSelectAll(): void;
+    _removeChip(val: string, event: Event): void;
+    _clearAll(event: Event): void;
+    _onWindowScroll(): void;
+    _onDocClick(event: Event): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class PasswordInputComponent {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly hideToggle: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly visible: _angular_core.WritableSignal<boolean>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _type: _angular_core.Signal<"text" | "password">;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _width: _angular_core.Signal<string | null>;
+    readonly _touched: _angular_core.WritableSignal<boolean>;
+    readonly _inputSizeCls: _angular_core.Signal<"py-1 pr-8 pl-2 text-xs" | "py-3 pr-11 pl-4 text-base" | "py-2 pr-10 pl-3 text-sm">;
+    readonly _toggleCls: _angular_core.Signal<string>;
+    toggleVisibility(): void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInputComponent, "app-password-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hideToggle": { "alias": "hideToggle"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class SearchInputComponent {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _width: _angular_core.Signal<string | null>;
+    readonly _touched: _angular_core.WritableSignal<boolean>;
+    readonly _iconCls: _angular_core.Signal<string>;
+    readonly _inputSizeCls: _angular_core.Signal<"py-1 px-8 text-xs" | "py-3 px-11 text-base" | "py-2 pl-10 pr-10 text-sm">;
+    onInput(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchInputComponent, "app-search-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+type SearchSize = 'sm' | 'md' | 'lg';
+interface SearchInputAccessor {
+    value: string;
+    placeholder: string;
+    size: SearchSize;
+    disabled: boolean;
+    accentColor: string | null;
+    hint: string;
+    errorMessage: string;
+    error: boolean;
+}
+interface SearchInputConfig {
+    placeholder?: string;
+    size?: SearchSize;
+    disabled?: boolean;
+    accentColor?: string | null;
+    hint?: string;
+    errorMessage?: string;
+    error?: boolean;
+}
+
+declare class TextInputComponent {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _width: _angular_core.Signal<string | null>;
+    readonly _touched: _angular_core.WritableSignal<boolean>;
+    readonly _inputSizeCls: _angular_core.Signal<"py-1 px-2 text-xs" | "py-3 px-4 text-base" | "py-2 px-3 text-sm">;
+    onInput(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextInputComponent, "app-text-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class ToggleComponent {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly accentColor: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
+    readonly _rawAccent: _angular_core.Signal<string | null>;
+    readonly _width: _angular_core.Signal<string | null>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "app-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+type BadgeVariant = 'filled' | 'outlined' | 'subtle';
+declare class BadgeComponent {
+    readonly accentColor: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly dot: _angular_core.InputSignal<boolean>;
+    readonly _sizeCls: _angular_core.Signal<string>;
+    private readonly _fallback;
+    readonly _resolvedColor: _angular_core.Signal<string>;
+    readonly _subtleBg: _angular_core.Signal<string>;
+    readonly _style: _angular_core.Signal<{
+        backgroundColor: string;
+        color: string;
+        border?: undefined;
+    } | {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "app-badge", never, { "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface BannerItem {
+    src: string;
+    alt?: string;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    ctaLabel?: string;
+    ctaLink?: string;
+}
+declare class BannerSliderComponent {
+    readonly items: _angular_core.InputSignal<BannerItem[]>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly autoPlay: _angular_core.InputSignal<boolean>;
+    readonly interval: _angular_core.InputSignal<number>;
+    readonly showArrows: _angular_core.InputSignal<boolean>;
+    readonly showDots: _angular_core.InputSignal<boolean>;
+    readonly overlayMode: _angular_core.InputSignal<"left" | "center" | "right">;
+    readonly ctaClick: _angular_core.OutputEmitterRef<BannerItem>;
+    readonly _height: _angular_core.Signal<string>;
+    readonly _index: _angular_core.WritableSignal<number>;
+    readonly _overlayCls: _angular_core.Signal<string>;
+    private _timer;
+    constructor();
+    readonly _transform: _angular_core.Signal<string>;
+    readonly _current: _angular_core.Signal<BannerItem>;
+    _go(index: number): void;
+    _prev(): void;
+    _next(): void;
+    _onCtaClick(): void;
+    private _startTimer;
+    private _stopTimer;
+    private _xStart;
+    _onTouchStart(event: TouchEvent): void;
+    _onTouchEnd(event: TouchEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BannerSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BannerSliderComponent, "app-banner-slider", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "showArrows": { "alias": "showArrows"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "overlayMode": { "alias": "overlayMode"; "required": false; "isSignal": true; }; }, { "ctaClick": "ctaClick"; }, never, never, true, never>;
+}
+
+interface CarouselItem {
+    src: string;
+    alt?: string;
+    title?: string;
+    description?: string;
+}
+declare class CarouselComponent {
+    readonly items: _angular_core.InputSignal<CarouselItem[]>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly autoPlay: _angular_core.InputSignal<boolean>;
+    readonly interval: _angular_core.InputSignal<number>;
+    readonly showArrows: _angular_core.InputSignal<boolean>;
+    readonly showDots: _angular_core.InputSignal<boolean>;
+    readonly _height: _angular_core.Signal<string>;
+    readonly _index: _angular_core.WritableSignal<number>;
+    private _timer;
+    constructor();
+    readonly _current: _angular_core.Signal<CarouselItem>;
+    readonly _transform: _angular_core.Signal<string>;
+    _go(index: number): void;
+    _prev(): void;
+    _next(): void;
+    private _startTimer;
+    private _stopTimer;
+    private _xStart;
+    _onTouchStart(event: TouchEvent): void;
+    _onTouchEnd(event: TouchEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent, "app-carousel", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "showArrows": { "alias": "showArrows"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class EmptyStateComponent {
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly message: _angular_core.InputSignal<string>;
+    readonly width: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateComponent, "app-empty-state", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface ImageFile {
+    file: File;
+    url: string;
+}
+declare class ImageUploadComponent {
+    readonly images: _angular_core.ModelSignal<ImageFile[]>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly maxFiles: _angular_core.InputSignal<number>;
+    readonly maxSize: _angular_core.InputSignal<number>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly _size: _angular_core.Signal<FieldSize>;
+    readonly _isDragOver: _angular_core.WritableSignal<boolean>;
+    _onDragOver(event: DragEvent): void;
+    _onDragLeave(event: DragEvent): void;
+    _onDrop(event: DragEvent): void;
+    _onFileSelected(event: Event): void;
+    _removeFile(index: number): void;
+    private _addFiles;
+    _formatSize(bytes: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageUploadComponent, "app-image-upload", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "images": "imagesChange"; }, never, never, true, never>;
+}
+
+type SkeletonVariant = 'text' | 'circle' | 'rect';
+declare class SkeletonComponent {
+    readonly variant: _angular_core.InputSignal<SkeletonVariant>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly count: _angular_core.InputSignal<number>;
+    readonly borderRadius: _angular_core.InputSignal<string>;
+    readonly accentColor: _angular_core.InputSignal<string>;
+    readonly _items: _angular_core.Signal<SkeletonVariant[]>;
+    readonly _baseWidth: _angular_core.Signal<string>;
+    readonly _baseHeight: _angular_core.Signal<string>;
+    readonly _radius: _angular_core.Signal<string>;
+    readonly _bg: _angular_core.Signal<string>;
+    _lineWidth(index: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "app-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SkeletonShape = 'bar' | 'circle' | 'action';
+interface TableSkeletonColumn {
+    shape?: SkeletonShape;
+    width?: string;
+}
+declare class TableSkeletonComponent {
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly columns: _angular_core.InputSignal<number | TableSkeletonColumn[]>;
+    readonly _rowArr: _angular_core.Signal<unknown[]>;
+    readonly _cols: _angular_core.Signal<TableSkeletonColumn[]>;
+    readonly _colWidth: _angular_core.Signal<string[]>;
+    _shapeClass(shape?: SkeletonShape): string;
+    _shapeSize(shape?: SkeletonShape): {
+        width: string;
+        height: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableSkeletonComponent, "app-table-skeleton", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface ActionDef {
+    icon?: string;
+    label?: string;
+    accentColor?: string;
+    visible?: (row: Record<string, unknown>) => boolean;
+    disabled?: (row: Record<string, unknown>) => boolean;
+    click: (row: Record<string, unknown>) => void;
+}
+interface ColumnDef {
+    key: string;
+    header: string;
+    sortable?: boolean;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+    cell?: (row: Record<string, unknown>) => string;
+    rowSpan?: (row: Record<string, unknown>, index: number, rows: Record<string, unknown>[]) => number;
+    actions?: ActionDef[];
+    filterable?: boolean;
+    filterOptions?: {
+        label: string;
+        value: string;
+    }[];
+    footer?: (rows: Record<string, unknown>[]) => string;
+    truncate?: boolean;
+    maxChars?: number;
+}
+interface SortChange {
+    key: string;
+    direction: 'asc' | 'desc' | '';
+}
+declare class TableComponent {
+    readonly columns: _angular_core.InputSignal<ColumnDef[]>;
+    readonly rows: _angular_core.InputSignal<Record<string, unknown>[]>;
+    readonly striped: _angular_core.InputSignal<boolean>;
+    readonly hoverable: _angular_core.InputSignal<boolean>;
+    readonly sortable: _angular_core.InputSignal<boolean>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly filterable: _angular_core.InputSignal<boolean>;
+    readonly skeletonRows: _angular_core.InputSignal<number>;
+    readonly resizable: _angular_core.InputSignal<boolean>;
+    readonly pageable: _angular_core.InputSignal<boolean>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly selectionMode: _angular_core.InputSignal<"single" | "multiple">;
+    readonly selectionKey: _angular_core.InputSignal<string>;
+    readonly stickyHeader: _angular_core.InputSignal<boolean>;
+    readonly exportable: _angular_core.InputSignal<boolean>;
+    readonly columnToggle: _angular_core.InputSignal<boolean>;
+    readonly expandable: _angular_core.InputSignal<boolean>;
+    readonly sortChange: _angular_core.OutputEmitterRef<SortChange>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly selectedRows: _angular_core.OutputEmitterRef<Record<string, unknown>[]>;
+    rowDetail?: TemplateRef<{
+        $implicit: Record<string, unknown>;
+    }>;
+    private readonly _sortKey;
+    private readonly _sortDir;
+    private readonly _searchQuery;
+    private readonly _filters;
+    protected readonly _page: _angular_core.WritableSignal<number>;
+    protected readonly _pageSize: _angular_core.WritableSignal<number>;
+    private readonly _columnWidths;
+    private readonly _hiddenColumns;
+    protected readonly _selectedKeys: _angular_core.WritableSignal<Set<string | number>>;
+    protected readonly _expandedKeys: _angular_core.WritableSignal<Set<number>>;
+    protected readonly _pageSizeOptions: _angular_core.Signal<{
+        label: string;
+        value: string;
+    }[]>;
+    protected readonly _columnToggleOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly _exportOpen: _angular_core.WritableSignal<boolean>;
+    private _resizing;
+    constructor();
+    readonly _displayColumns: _angular_core.Signal<ColumnDef[]>;
+    readonly _colCount: _angular_core.Signal<number>;
+    readonly _filteredRows: _angular_core.Signal<Record<string, unknown>[]>;
+    readonly _displayRows: _angular_core.Signal<Record<string, unknown>[]>;
+    readonly _totalPages: _angular_core.Signal<number>;
+    readonly _pageInfo: _angular_core.Signal<{
+        from: number;
+        to: number;
+        total: number;
+    }>;
+    readonly _visiblePages: _angular_core.Signal<number[]>;
+    readonly _rowMeta: _angular_core.Signal<{
+        visible: boolean;
+        rowspan: number;
+    }[][]>;
+    readonly _skeletonCols: _angular_core.Signal<TableSkeletonColumn[]>;
+    readonly _filterCols: _angular_core.Signal<ColumnDef[]>;
+    readonly _footerCols: _angular_core.Signal<ColumnDef[]>;
+    readonly _footerText: _angular_core.Signal<string>;
+    _sortIcon(key: string): string;
+    _toggleSort(key: string): void;
+    _onSearch(value: string): void;
+    _setFilter(key: string, value: string | null): void;
+    _colWidth(col: ColumnDef): string;
+    _onResizeStart(event: MouseEvent, key: string): void;
+    _onDocMouseMove(event: MouseEvent): void;
+    _onDocMouseUp(): void;
+    _onDocClick(event: MouseEvent): void;
+    _goToPage(page: number): void;
+    _onPageSizeChange(val: string | null): void;
+    _isSelected(row: Record<string, unknown>): boolean;
+    _toggleSelect(row: Record<string, unknown>): void;
+    _isAllSelected(): boolean;
+    _toggleSelectAll(): void;
+    private _emitSelection;
+    _isColumnVisible(k: string): boolean;
+    _toggleColumn(k: string): void;
+    _isExpanded(index: number): boolean;
+    _toggleExpand(index: number): void;
+    _cellText(row: Record<string, unknown>, col: ColumnDef): string;
+    _cellLabel(row: Record<string, unknown>, col: ColumnDef): string;
+    _exportExcel(): Promise<void>;
+    _exportPdf(): Promise<void>;
+    _trackByIndex(index: number): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "app-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionKey": { "alias": "selectionKey"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "columnToggle": { "alias": "columnToggle"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "pageChange": "pageChange"; "selectedRows": "selectedRows"; }, ["rowDetail"], never, true, never>;
+}
+
+declare class TooltipComponent {
+    private _el;
+    readonly text: _angular_core.InputSignal<string>;
+    readonly position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly alwaysShow: _angular_core.InputSignal<boolean>;
+    readonly _visible: _angular_core.WritableSignal<boolean>;
+    readonly _tipText: _angular_core.Signal<any>;
+    _onMouseEnter(): void;
+    _onMouseLeave(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "app-tooltip", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type AlertType = 'success' | 'warning' | 'danger' | 'info';
+declare class AlertComponent {
+    readonly type: _angular_core.InputSignal<AlertType>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    readonly showIcon: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly dismiss: _angular_core.OutputEmitterRef<void>;
+    readonly _visible: _angular_core.WritableSignal<boolean>;
+    readonly _isLeaving: _angular_core.WritableSignal<boolean>;
+    readonly _show: _angular_core.Signal<boolean>;
+    readonly _icon: _angular_core.Signal<string>;
+    private readonly _fallback;
+    readonly _bg: _angular_core.Signal<string>;
+    readonly _border: _angular_core.Signal<string>;
+    _dismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "app-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
+}
+
+type SpinnerVariant = 'circle' | 'dual-ring' | 'dots' | 'pulse' | 'bars';
+declare class SpinnerComponent {
+    readonly variant: _angular_core.InputSignal<SpinnerVariant>;
+    readonly size: _angular_core.InputSignal<FieldSize>;
+    readonly accentColor: _angular_core.InputSignal<string>;
+    readonly overlay: _angular_core.InputSignal<boolean>;
+    readonly text: _angular_core.InputSignal<string>;
+    readonly imageUrl: _angular_core.InputSignal<string>;
+    private readonly _px;
+    readonly _dims: _angular_core.Signal<{
+        spinner: number;
+        border: number;
+        dualOuter: number;
+        dualInner: number;
+        dualCenter: number;
+        dot: number;
+        pulse: number;
+        barW: number;
+        barH: number;
+    }>;
+    readonly _color: _angular_core.Signal<string>;
+    readonly _circleStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+        borderWidth: string;
+        borderStyle: "solid";
+        borderColor: string;
+        borderTopColor: string;
+    }>;
+    readonly _dualOuterStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+        borderWidth: string;
+        borderStyle: "solid";
+        borderColor: string;
+        borderTopColor: string;
+    }>;
+    readonly _dualInnerStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+        borderWidth: string;
+        borderStyle: "solid";
+        borderColor: string;
+        borderTopColor: string;
+    }>;
+    readonly _imageStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+    }>;
+    readonly _dotStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+        backgroundColor: string;
+    }>;
+    readonly _pulseStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+        backgroundColor: string;
+    }>;
+    readonly _barStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+        backgroundColor: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "app-spinner", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ToastType = 'success' | 'error' | 'warning' | 'info';
+interface ToastMessage {
+    id: number;
+    type: ToastType;
+    message: string;
+    title?: string;
+    duration?: number;
+}
+declare class ToastService {
+    private readonly _toasts;
+    private _counter;
+    readonly toasts: _angular_core.Signal<ToastMessage[]>;
+    show(type: ToastType, message: string, config?: {
+        title?: string;
+        duration?: number;
+    }): void;
+    success(message: string, config?: {
+        title?: string;
+        duration?: number;
+    }): void;
+    error(message: string, config?: {
+        title?: string;
+        duration?: number;
+    }): void;
+    warning(message: string, config?: {
+        title?: string;
+        duration?: number;
+    }): void;
+    info(message: string, config?: {
+        title?: string;
+        duration?: number;
+    }): void;
+    remove(id: number): void;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
+}
+
+declare class ToastComponent {
+    readonly position: _angular_core.InputSignal<"top-right" | "top-left" | "bottom-right" | "bottom-left">;
+    readonly maxVisible: _angular_core.InputSignal<number>;
+    private readonly _toastService;
+    readonly _toasts: _angular_core.Signal<_abdelfattahqandil21_ryzen_ui.ToastMessage[]>;
+    readonly _positionCls: _angular_core.Signal<string>;
+    private readonly _fallback;
+    private readonly _iconMap;
+    private _themeKey;
+    _getBg(type: ToastType): string;
+    _getIcon(type: ToastType): string;
+    _getBorder(type: ToastType): string;
+    _remove(id: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "app-toast", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "maxVisible": { "alias": "maxVisible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AccordionPanelComponent {
+    private _accordion;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    readonly _isOpen: _angular_core.WritableSignal<boolean>;
+    readonly _isClosing: _angular_core.WritableSignal<boolean>;
+    readonly _visible: _angular_core.Signal<boolean>;
+    _open(): void;
+    _close(): void;
+    _toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionPanelComponent, "app-accordion-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+declare class AccordionComponent {
+    readonly multi: _angular_core.InputSignal<boolean>;
+    readonly panels: _angular_core.Signal<readonly AccordionPanelComponent[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "app-accordion", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; }, {}, ["panels"], ["*"], true, never>;
+}
+
+interface NavItem {
+    id: string;
+    label: string;
+    icon?: string;
+    route?: string;
+    children?: NavItem[];
+}
+
+declare class NavComponent {
+    private _router;
+    private _routerSub?;
+    readonly items: _angular_core.InputSignal<NavItem[]>;
+    readonly brandText: _angular_core.InputSignal<string>;
+    readonly brandIcon: _angular_core.InputSignal<string>;
+    readonly fixed: _angular_core.InputSignal<boolean>;
+    readonly logout: _angular_core.OutputEmitterRef<void>;
+    readonly _mobileOpen: _angular_core.WritableSignal<boolean>;
+    readonly _openDropdown: _angular_core.WritableSignal<string | null>;
+    readonly _currentUrl: _angular_core.WritableSignal<string>;
+    constructor();
+    _isActive(segment: string): boolean;
+    _toggleMobile(): void;
+    _toggleDropdown(name: string): void;
+    _navigate(route: string): void;
+    _onDocClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavComponent, "app-nav", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "brandText": { "alias": "brandText"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; }, { "logout": "logout"; }, never, never, true, never>;
+}
+
+interface SidebarItem {
+    id: string;
+    label: string;
+    icon?: string;
+    route?: string;
+    children?: SidebarItem[];
+}
+
+declare class SidebarComponent {
+    private _router;
+    private _destroyRef;
+    readonly isOpen: _angular_core.InputSignal<boolean>;
+    readonly isCollapsed: _angular_core.InputSignal<boolean>;
+    readonly items: _angular_core.InputSignal<SidebarItem[]>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly activeId: _angular_core.InputSignal<string | null>;
+    readonly toggleOpen: _angular_core.OutputEmitterRef<void>;
+    readonly toggleCollapse: _angular_core.OutputEmitterRef<void>;
+    readonly itemClick: _angular_core.OutputEmitterRef<SidebarItem>;
+    readonly logout: _angular_core.OutputEmitterRef<void>;
+    readonly _expanded: _angular_core.WritableSignal<Set<string>>;
+    readonly _currentUrl: _angular_core.WritableSignal<string>;
+    private _activeId;
+    readonly _asideStyle: _angular_core.Signal<{
+        width: string;
+        'background-color': string;
+    }>;
+    constructor();
+    _isActive(id: string): boolean;
+    _isExpanded(id: string): boolean;
+    _onItemClick(item: SidebarItem): void;
+    _onBackdrop(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "app-sidebar", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; }, { "toggleOpen": "toggleOpen"; "toggleCollapse": "toggleCollapse"; "itemClick": "itemClick"; "logout": "logout"; }, never, never, true, never>;
+}
+
+interface ConfirmDialogConfig {
+    title?: string;
+    confirmText?: string;
+    cancelText?: string;
+    icon?: string;
+    confirmAccent?: ThemeColor | string;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+}
+declare class ConfirmDialogComponent implements OnDestroy {
+    private _closeTimer;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly message: _angular_core.InputSignal<string>;
+    readonly config: _angular_core.InputSignal<ConfirmDialogConfig>;
+    readonly confirm: _angular_core.OutputEmitterRef<void>;
+    readonly cancel: _angular_core.OutputEmitterRef<void>;
+    readonly _title: _angular_core.Signal<string>;
+    readonly _confirmText: _angular_core.Signal<string>;
+    readonly _cancelText: _angular_core.Signal<string>;
+    readonly _icon: _angular_core.Signal<string>;
+    readonly _confirmAccent: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info">;
+    readonly _closeOnBackdrop: _angular_core.Signal<boolean>;
+    readonly _closeOnEscape: _angular_core.Signal<boolean>;
+    readonly _confirmBg: _angular_core.Signal<string>;
+    readonly _isOpen: _angular_core.WritableSignal<boolean>;
+    readonly _isClosing: _angular_core.WritableSignal<boolean>;
+    readonly _visible: _angular_core.Signal<boolean>;
+    constructor();
+    private _startClose;
+    ngOnDestroy(): void;
+    _onConfirm(): void;
+    _onCancel(): void;
+    _onBackdropClick(): void;
+    _onEscape(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmDialogComponent, "app-confirm-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "confirm": "confirm"; "cancel": "cancel"; }, never, never, true, never>;
+}
+
+interface ModalConfig {
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+    maxWidth?: string;
+}
+declare class ModalComponent implements OnDestroy {
+    private _closeTimer;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly config: _angular_core.InputSignal<ModalConfig>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly _closeOnBackdrop: _angular_core.Signal<boolean>;
+    readonly _closeOnEscape: _angular_core.Signal<boolean>;
+    readonly _showClose: _angular_core.Signal<boolean>;
+    readonly _maxWidth: _angular_core.Signal<string>;
+    readonly _width: _angular_core.Signal<string>;
+    readonly _isOpen: _angular_core.WritableSignal<boolean>;
+    readonly _isClosing: _angular_core.WritableSignal<boolean>;
+    readonly _visible: _angular_core.Signal<boolean>;
+    constructor();
+    private _startClose;
+    close(): void;
+    ngOnDestroy(): void;
+    _onBackdropClick(_event: Event): void;
+    _onEscape(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "app-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*", "[modal-footer]"], true, never>;
+}
+
+export { AccordionComponent, AccordionPanelComponent, AlertComponent, BadgeComponent, BannerSliderComponent, CarouselComponent, CheckboxComponent, ConfirmDialogComponent, DatePickerComponent, DropDownComponent, EmptyStateComponent, FileUploadComponent, ImageUploadComponent, ModalComponent, MultiSelectComponent, NavComponent, PasswordInputComponent, SearchInputComponent, SidebarComponent, SkeletonComponent, SpinnerComponent, THEME_COLORS, TableComponent, TableSkeletonComponent, TextInputComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, isThemeColor };
+export type { ActionDef, AlertType, BadgeVariant, BannerItem, CalendarDay, CarouselItem, ColumnDef, ConfirmDialogConfig, DatePickerConfig, DropdownConfig, DropdownOption, FieldSize, ImageFile, ModalConfig, MultiSelectConfig, NavItem, SearchInputAccessor, SearchInputConfig, SearchSize, SidebarItem, SkeletonShape, SkeletonVariant, SortChange, SpinnerVariant, TableSkeletonColumn, ThemeColor, ToastMessage, ToastType, ViewMode };