@a.nemreen/dga-ui 0.2.0

package/lib/forms/date-picker/dga-date-picker.d.ts

@@ -0,0 +1,152 @@
+import { type DgaFormControlSize, type DgaFormStatus } from '../form/form-control.styles';
+import { type DgaCalendarParts, type DgaDateCalendar, type DgaDateLocale, type DgaDatePickerMode } from './dga-date-calendar';
+import * as i0 from "@angular/core";
+export type { DgaDateCalendar, DgaDatePickerMode } from './dga-date-calendar';
+export interface DgaDateRangeValue {
+    start: string;
+    end: string;
+}
+type PanelView = DgaDatePickerMode;
+export declare class DgaDatePickerComponent {
+    private readonly host;
+    private readonly destroyRef;
+    readonly inputId: string;
+    readonly panelId: string;
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly startValue: import("@angular/core").ModelSignal<string>;
+    readonly endValue: import("@angular/core").ModelSignal<string>;
+    readonly calendar: import("@angular/core").InputSignal<DgaDateCalendar>;
+    readonly range: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly format: import("@angular/core").InputSignal<string>;
+    readonly mode: import("@angular/core").InputSignal<DgaDatePickerMode | null>;
+    readonly locale: import("@angular/core").InputSignal<DgaDateLocale>;
+    readonly minDate: import("@angular/core").InputSignal<string | Date | null>;
+    readonly maxDate: import("@angular/core").InputSignal<string | Date | null>;
+    readonly yearBefore: import("@angular/core").InputSignal<number>;
+    readonly yearAfter: import("@angular/core").InputSignal<number>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly controlId: import("@angular/core").InputSignal<string>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<DgaFormControlSize>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly editable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly rangeSeparator: import("@angular/core").InputSignal<string>;
+    readonly todayLabel: import("@angular/core").InputSignal<string>;
+    readonly clearLabel: import("@angular/core").InputSignal<string>;
+    readonly closeLabel: import("@angular/core").InputSignal<string>;
+    readonly saveLabel: import("@angular/core").InputSignal<string>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly resolvedTodayLabel: import("@angular/core").Signal<string>;
+    readonly resolvedClearLabel: import("@angular/core").Signal<string>;
+    readonly resolvedCloseLabel: import("@angular/core").Signal<string>;
+    readonly resolvedSaveLabel: import("@angular/core").Signal<string>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly rangeChange: import("@angular/core").OutputEmitterRef<DgaDateRangeValue>;
+    readonly open: import("@angular/core").WritableSignal<boolean>;
+    readonly panelStyle: import("@angular/core").WritableSignal<Record<string, string>>;
+    readonly panelView: import("@angular/core").WritableSignal<DgaDatePickerMode>;
+    readonly viewParts: import("@angular/core").WritableSignal<DgaCalendarParts>;
+    readonly draftStart: import("@angular/core").WritableSignal<Date | null>;
+    readonly draftEnd: import("@angular/core").WritableSignal<Date | null>;
+    readonly rangePickPhase: import("@angular/core").WritableSignal<"start" | "end">;
+    readonly typedValue: import("@angular/core").WritableSignal<string | null>;
+    readonly effectiveStatus: import("@angular/core").Signal<DgaFormStatus>;
+    readonly panelMode: import("@angular/core").Signal<DgaDatePickerMode>;
+    readonly labels: import("@angular/core").Signal<{
+        readonly today: "اليوم";
+        readonly clear: "مسح";
+        readonly close: "إغلاق";
+        readonly save: "حفظ";
+        readonly prev: "السابق";
+        readonly next: "التالي";
+        readonly calendar: "فتح التقويم";
+        readonly clearInput: "مسح التاريخ";
+        readonly month: "الشهر";
+        readonly year: "السنة";
+        readonly placeholder: "يوم/شهر/سنة";
+        readonly rangeStart: "تاريخ البداية";
+        readonly rangeEnd: "تاريخ النهاية";
+    } | {
+        readonly today: "Today";
+        readonly clear: "Clear";
+        readonly close: "Close";
+        readonly save: "Save";
+        readonly prev: "Previous";
+        readonly next: "Next";
+        readonly calendar: "Open calendar";
+        readonly clearInput: "Clear date";
+        readonly month: "Month";
+        readonly year: "Year";
+        readonly placeholder: "DD/MM/YYYY";
+        readonly rangeStart: "Start date";
+        readonly rangeEnd: "End date";
+    }>;
+    readonly resolvedPlaceholder: import("@angular/core").Signal<string>;
+    readonly weekdays: import("@angular/core").Signal<readonly ["أحد", "إثن", "ثلا", "أرب", "خمي", "جمع", "سبت"] | readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]>;
+    readonly minBound: import("@angular/core").Signal<Date | null>;
+    readonly maxBound: import("@angular/core").Signal<Date | null>;
+    readonly displayValue: import("@angular/core").Signal<string>;
+    readonly viewYear: import("@angular/core").Signal<number>;
+    readonly viewMonth: import("@angular/core").Signal<number>;
+    readonly monthOptions: import("@angular/core").Signal<{
+        value: number;
+        label: string;
+        selected: boolean;
+        disabled: boolean;
+    }[]>;
+    readonly yearOptions: import("@angular/core").Signal<{
+        value: number;
+        selected: boolean;
+        disabled: boolean;
+    }[]>;
+    readonly dayCells: import("@angular/core").Signal<DayCell[]>;
+    constructor();
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    onReposition(): void;
+    monthLabel(month: number): string;
+    togglePanel(): void;
+    openPanel(): void;
+    closePanel(restoreDraft?: boolean): void;
+    private repositionPanel;
+    navigate(delta: number): void;
+    setPanelView(view: PanelView): void;
+    selectDay(day: number): void;
+    selectMonth(month: number): void;
+    selectYear(year: number): void;
+    goToday(): void;
+    clearDraft(): void;
+    clearAll(): void;
+    save(): void;
+    onInput(raw: string): void;
+    onInputBlur(): void;
+    onInputKeydown(event: KeyboardEvent): void;
+    private applyDraftDate;
+    private draftAnchorParts;
+    private syncDraftFromModels;
+    private parseRangeFromValue;
+    private emitValues;
+    private isDateDisabled;
+    private isMonthDisabled;
+    private isYearDisabled;
+    private initialViewParts;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaDatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaDatePickerComponent, "dga-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "startValue": { "alias": "startValue"; "required": false; "isSignal": true; }; "endValue": { "alias": "endValue"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "yearBefore": { "alias": "yearBefore"; "required": false; "isSignal": true; }; "yearAfter": { "alias": "yearAfter"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "startValue": "startValueChange"; "endValue": "endValueChange"; "valueChange": "valueChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
+}
+interface DayCell {
+    key: string;
+    empty: boolean;
+    day?: number;
+    today?: boolean;
+    selected?: boolean;
+    inRange?: boolean;
+    rangeStart?: boolean;
+    rangeEnd?: boolean;
+    disabled?: boolean;
+    label?: string;
+}
+export { DgaDatePickerComponent as DgaDatePicker };

package/lib/forms/field/dga-field.d.ts

@@ -0,0 +1,22 @@
+import type { DgaFormStatus } from '../form/form-control.styles';
+import * as i0 from "@angular/core";
+/**
+ * Lightweight field shell: label + control projection + optional hint/error/status.
+ * Does not own the control - project a native input/select/textarea with dga* directives.
+ */
+export declare class DgaField {
+    readonly label: import("@angular/core").InputSignal<string>;
+    /** Secondary text under the label (e.g. upload info line). */
+    readonly labelHint: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly error: import("@angular/core").InputSignal<string>;
+    /** Validation / helper status chrome for the field message. */
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly statusMessage: import("@angular/core").InputSignal<string>;
+    /** Associates the label with a projected control id. */
+    readonly controlId: import("@angular/core").InputSignal<string>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly statusMessageClasses: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaField, "dga-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelHint": { "alias": "labelHint"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusMessage": { "alias": "statusMessage"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/forms/form/dga-form-control.d.ts

@@ -0,0 +1,50 @@
+import { type DgaIconName } from '../../primitives/icon/dga-icon';
+import { type DgaFormControlSize, type DgaFormStatus } from './form-control.styles';
+import * as i0 from "@angular/core";
+/** Marks projected content as the leading (start) addon inside `dga-form-control`. */
+export declare class DgaFormStart {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaFormStart, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DgaFormStart, "[dgaStart]", never, {}, {}, never, never, true, never>;
+}
+/** Marks projected content as the trailing (end) addon inside `dga-form-control`. */
+export declare class DgaFormEnd {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaFormEnd, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DgaFormEnd, "[dgaEnd]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Shared input chrome: border, focus accent, optional start/end icons.
+ *
+ * @example
+ * ```html
+ * <dga-form-control startIcon="mail">
+ *   <input type="email" placeholder="name@example.com" />
+ * </dga-form-control>
+ *
+ * <dga-form-control>
+ *   <dga-icon dgaStart name="search" size="sm" />
+ *   <input type="search" />
+ *   <button type="button" dgaEnd aria-label="مسح">×</button>
+ * </dga-form-control>
+ * ```
+ */
+export declare class DgaFormControl {
+    readonly size: import("@angular/core").InputSignal<DgaFormControlSize>;
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly filled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Built-in leading icon (logical start). */
+    readonly startIcon: import("@angular/core").InputSignal<DgaIconName | null>;
+    /** Built-in trailing icon (logical end). */
+    readonly endIcon: import("@angular/core").InputSignal<DgaIconName | null>;
+    private readonly focused;
+    private readonly typing;
+    readonly classes: import("@angular/core").Signal<string>;
+    readonly hasStart: import("@angular/core").Signal<boolean>;
+    readonly hasEnd: import("@angular/core").Signal<boolean>;
+    readonly stateAttr: import("@angular/core").Signal<string | null>;
+    onFocusIn(): void;
+    onFocusOut(event: FocusEvent): void;
+    onInput(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaFormControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaFormControl, "dga-form-control", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; "startIcon": { "alias": "startIcon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; }, {}, never, ["[dgaStart]", "*", "[dgaEnd]"], true, never>;
+}

package/lib/forms/form/form-control.styles.d.ts

@@ -0,0 +1,16 @@
+/** Form control status — maps to design-system `data-status`. */
+export type DgaFormStatus = 'default' | 'error' | 'success' | 'warning' | 'info';
+/** Shared size scale — sm≈32px, md≈40px, lg=48px. */
+export type DgaFormControlSize = 'sm' | 'md' | 'lg';
+export declare function dgaFormStatusBorder(status: DgaFormStatus): string;
+export declare function dgaFormStatusFocusBorder(status: DgaFormStatus): string;
+export declare function dgaFormStatusFromInvalid(invalid: boolean): DgaFormStatus;
+/** Chrome for the form-control wrapper. */
+export declare function dgaFormControlChrome(size?: DgaFormControlSize, status?: DgaFormStatus, disabled?: boolean): string;
+/**
+ * Standalone text field chrome.
+ * Focus uses a soft primary glow + bottom accent — never the global black ring.
+ */
+export declare function dgaFormFieldStandalone(size?: DgaFormControlSize, status?: DgaFormStatus): string;
+/** Shared focus classes for composite triggers (OTP, multiselect, …). */
+export declare function dgaFormFieldFocusRing(status?: DgaFormStatus): string;

package/lib/forms/input/dga-input.d.ts

@@ -0,0 +1,13 @@
+import { type DgaFormControlSize, type DgaFormStatus } from '../form/form-control.styles';
+import * as i0 from "@angular/core";
+export type DgaInputSize = DgaFormControlSize;
+export type { DgaFormStatus };
+export declare class DgaInput {
+    readonly size: import("@angular/core").InputSignal<DgaFormControlSize>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly resolvedStatus: import("@angular/core").Signal<DgaFormStatus>;
+    readonly classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DgaInput, "input[dgaInput], textarea[dgaInput]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms/label/dga-label.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class DgaLabel {
+    /** Optional required indicator styling hook. */
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DgaLabel, "label[dgaLabel]", never, { "required": { "alias": "dgaRequired"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms/multiselect/dga-multiselect.d.ts

@@ -0,0 +1,20 @@
+import { type DgaSelectOption } from '../select/dga-select';
+import type { DgaFormStatus } from '../form/form-control.styles';
+import * as i0 from "@angular/core";
+/** @deprecated Prefer `DgaSelectOption` — alias kept for existing imports. */
+export type DgaMultiselectOption = DgaSelectOption;
+/** Thin preset: multi-select. Prefer `<dga-select multiple>`. */
+export declare class DgaMultiselect {
+    readonly options: import("@angular/core").InputSignal<DgaSelectOption[]>;
+    readonly value: import("@angular/core").ModelSignal<string[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly removeLabel: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string[]>;
+    onValueChange(next: string | string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaMultiselect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaMultiselect, "dga-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/forms/number-input/dga-number-input.d.ts

@@ -0,0 +1,25 @@
+import { type DgaFormControlSize, type DgaFormStatus } from '../form/form-control.styles';
+import * as i0 from "@angular/core";
+export declare class DgaNumberInput {
+    readonly value: import("@angular/core").ModelSignal<number>;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly stepSize: import("@angular/core").InputSignal<number>;
+    readonly size: import("@angular/core").InputSignal<DgaFormControlSize>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly incrementLabel: import("@angular/core").InputSignal<string>;
+    readonly decrementLabel: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly resolvedStatus: import("@angular/core").Signal<DgaFormStatus>;
+    readonly wrapClasses: import("@angular/core").Signal<string>;
+    step(dir: 1 | -1): void;
+    onType(raw: string): void;
+    finiteOrNull(n: number): number | null;
+    private clamp;
+    private commit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaNumberInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaNumberInput, "dga-number-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "stepSize": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/forms/otp/dga-otp.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class DgaOtp {
+    private cells;
+    readonly length: import("@angular/core").InputSignal<number>;
+    readonly value: import("@angular/core").ModelSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly completed: import("@angular/core").OutputEmitterRef<string>;
+    get slots(): number[];
+    chars(): string[];
+    cellClasses(): string;
+    onInput(index: number, raw: string): void;
+    onKey(index: number, event: KeyboardEvent): void;
+    onPaste(event: ClipboardEvent): void;
+    private commit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaOtp, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaOtp, "dga-otp", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completed": "completed"; }, never, never, true, never>;
+}

package/lib/forms/phone-input/dga-phone-input.d.ts

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+export interface DgaPhoneCountry {
+    /** Dial code including `+`, e.g. `+966`. */
+    code: string;
+    /** Short label shown in the prefix select. */
+    label: string;
+    /** Optional longer name for option text. */
+    name?: string;
+}
+/** GCC-first dial codes for contact forms. */
+export declare const DGA_PHONE_COUNTRIES: DgaPhoneCountry[];
+/**
+ * Phone field with country-code prefix select.
+ * The control group is always LTR so digits and codes read correctly in RTL pages.
+ */
+export declare class DgaPhoneInput {
+    readonly countries: import("@angular/core").InputSignal<DgaPhoneCountry[]>;
+    readonly countryCode: import("@angular/core").ModelSignal<string>;
+    readonly nationalNumber: import("@angular/core").ModelSignal<string>;
+    readonly controlId: import("@angular/core").InputSignal<string>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly autocomplete: import("@angular/core").InputSignal<string>;
+    readonly codeLabel: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Full E.164-ish value: code + national digits. */
+    readonly value: import("@angular/core").Signal<string>;
+    readonly groupClasses: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaPhoneInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaPhoneInput, "dga-phone-input", never, { "countries": { "alias": "countries"; "required": false; "isSignal": true; }; "countryCode": { "alias": "countryCode"; "required": false; "isSignal": true; }; "nationalNumber": { "alias": "nationalNumber"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "codeLabel": { "alias": "codeLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "countryCode": "countryCodeChange"; "nationalNumber": "nationalNumberChange"; }, never, never, true, never>;
+}

package/lib/forms/radio/dga-radio.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export type DgaRadioSize = 'sm' | 'md' | 'lg';
+export declare class DgaRadio {
+    readonly size: import("@angular/core").InputSignal<DgaRadioSize>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaRadio, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DgaRadio, "input[type=\"radio\"][dgaRadio]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms/select/dga-native-select.d.ts

@@ -0,0 +1,15 @@
+import { type DgaFormControlSize, type DgaFormStatus } from '../form/form-control.styles';
+import * as i0 from "@angular/core";
+export type DgaNativeSelectSize = DgaFormControlSize;
+/** Styles a native `<select dgaSelect>` — for simple forms without search/multi. */
+export declare class DgaNativeSelect {
+    readonly size: import("@angular/core").InputSignal<DgaFormControlSize>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly resolvedStatus: import("@angular/core").Signal<DgaFormStatus>;
+    readonly classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaNativeSelect, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DgaNativeSelect, "select[dgaSelect]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** @deprecated Use `DgaNativeSelectSize` — kept for callers that imported `DgaSelectSize`. */
+export type DgaSelectSize = DgaNativeSelectSize;

package/lib/forms/select/dga-select.d.ts

@@ -0,0 +1,65 @@
+import { type DgaFormControlSize, type DgaFormStatus } from '../form/form-control.styles';
+import * as i0 from "@angular/core";
+export interface DgaSelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export type DgaSelectOpenMode = 'dropdown' | 'always';
+export type DgaSelectSize = DgaFormControlSize;
+export declare class DgaSelect {
+    private static nextId;
+    private readonly host;
+    readonly listId: string;
+    readonly options: import("@angular/core").InputSignal<DgaSelectOption[]>;
+    /** Single: `string`. Multiple: `string[]`. */
+    readonly value: import("@angular/core").ModelSignal<string | string[]>;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly openMode: import("@angular/core").InputSignal<DgaSelectOpenMode>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly size: import("@angular/core").InputSignal<DgaFormControlSize>;
+    readonly status: import("@angular/core").InputSignal<DgaFormStatus>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly removeLabel: import("@angular/core").InputSignal<string>;
+    readonly clearLabel: import("@angular/core").InputSignal<string>;
+    readonly emptyLabel: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string | string[]>;
+    readonly open: import("@angular/core").WritableSignal<boolean>;
+    readonly query: import("@angular/core").WritableSignal<string>;
+    readonly activeIndex: import("@angular/core").WritableSignal<number>;
+    constructor();
+    readonly resolvedStatus: import("@angular/core").Signal<DgaFormStatus>;
+    readonly listVisible: import("@angular/core").Signal<boolean>;
+    readonly selectedOpts: import("@angular/core").Signal<DgaSelectOption[]>;
+    readonly filtered: import("@angular/core").Signal<DgaSelectOption[]>;
+    readonly activeOptionId: import("@angular/core").Signal<string | null>;
+    readonly buttonClasses: import("@angular/core").Signal<string>;
+    readonly triggerWrapClasses: import("@angular/core").Signal<string>;
+    readonly searchInputClasses: import("@angular/core").Signal<string>;
+    readonly listClasses: import("@angular/core").Signal<string>;
+    displayPlaceholder(): string;
+    hasValue(): boolean;
+    optionId(index: number): string;
+    isSelected(v: string): boolean;
+    selectedValues(): string[];
+    toggleOpen(): void;
+    onFocus(): void;
+    onType(raw: string): void;
+    onKey(event: KeyboardEvent): void;
+    onBlur(): void;
+    onOptionMouseDown(event: MouseEvent, opt: DgaSelectOption): void;
+    pick(opt: DgaSelectOption): void;
+    toggle(v: string): void;
+    clear(): void;
+    onDocClick(event: MouseEvent): void;
+    private commit;
+    private moveActive;
+    private firstEnabledIndex;
+    private lastEnabledIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaSelect, "dga-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "openMode": { "alias": "openMode"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/forms/slider/dga-slider.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class DgaSlider {
+    readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
+    readonly classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaSlider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DgaSlider, "input[type=\"range\"][dgaSlider]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/forms/switch/dga-switch.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export type DgaSwitchSize = 'sm' | 'md' | 'lg';
+export declare class DgaSwitch {
+    readonly checked: import("@angular/core").ModelSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<DgaSwitchSize>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly changed: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly trackClasses: import("@angular/core").Signal<string>;
+    readonly thumbClasses: import("@angular/core").Signal<string>;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaSwitch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaSwitch, "dga-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "changed": "changed"; }, never, never, true, never>;
+}

package/lib/forms/upload/dga-upload.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from "@angular/core";
+export interface DgaUploadFile {
+    id: string;
+    name: string;
+    size: number;
+    file?: File;
+}
+export type DgaUploadAppearance = 'zone' | 'browse';
+export declare class DgaUpload {
+    readonly files: import("@angular/core").ModelSignal<DgaUploadFile[]>;
+    readonly accept: import("@angular/core").InputSignal<string>;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** `zone` = drop area; `browse` = compact file-upload button. */
+    readonly appearance: import("@angular/core").InputSignal<DgaUploadAppearance>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly browseLabel: import("@angular/core").InputSignal<string>;
+    readonly removeLabel: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly maxSize: import("@angular/core").InputSignal<number>;
+    readonly filesChange: import("@angular/core").OutputEmitterRef<DgaUploadFile[]>;
+    readonly dragging: import("@angular/core").ModelSignal<boolean>;
+    readonly zoneClasses: import("@angular/core").Signal<string>;
+    onDragOver(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    onPick(event: Event): void;
+    remove(id: string): void;
+    formatSize(bytes: number): string;
+    private addFiles;
+    private commit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaUpload, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaUpload, "dga-upload", never, { "files": { "alias": "files"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "dragging": { "alias": "dragging"; "required": false; "isSignal": true; }; }, { "files": "filesChange"; "filesChange": "filesChange"; "dragging": "draggingChange"; }, never, never, true, never>;
+}

package/lib/layout/card/dga-card-media.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+/**
+ * Edge-to-edge media rectangle for news / article cards (`[dgaCardMedia]`).
+ */
+export declare class DgaCardMedia {
+    readonly src: import("@angular/core").InputSignal<string>;
+    readonly alt: import("@angular/core").InputSignal<string>;
+    /** Aspect ratio utility; default 16/10 portal news cards. */
+    readonly ratio: import("@angular/core").InputSignal<"video" | "wide" | "square">;
+    readonly classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DgaCardMedia, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DgaCardMedia, "dga-card-media", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}