pdm-ui-kit 1.2.1 → 1.3.0

package/icon/icon.component.d.ts

@@ -24,5 +24,5 @@ export declare class PdmIconComponent {
     private buildLucideIndex;
     private escapeAttr;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmIconComponent, "pdm-icon", never, { "name": "name"; "library": "library"; "assetUrl": "assetUrl"; "size": "size"; "strokeWidth": "strokeWidth"; "className": "className"; "ariaLabel": "ariaLabel"; "decorative": "decorative"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmIconComponent, "pdm-icon", never, { "name": "name"; "library": "library"; "assetUrl": "assetUrl"; "size": "size"; "strokeWidth": "strokeWidth"; "className": "className"; "ariaLabel": "ariaLabel"; "decorative": "decorative"; }, {}, never, never, true>;
 }

package/icon/icon.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./icon.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmIconComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmIconComponent } from 'pdm-ui-kit/icon'
+ */
 export declare class PdmIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmIconModule, [typeof i1.PdmIconComponent], [typeof i2.CommonModule], [typeof i1.PdmIconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmIconModule, never, [typeof i1.PdmIconComponent], [typeof i1.PdmIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmIconModule>;
 }

package/input/input.component.d.ts

@@ -20,8 +20,12 @@ export declare class PdmInputComponent {
     errorText: string;
     valueChange: EventEmitter<string>;
     blurred: EventEmitter<FocusEvent>;
+    constructor();
     onInput(event: Event): void;
     onBlur(event: FocusEvent): void;
+    get helperAttrId(): string | null;
+    get errorAttrId(): string | null;
+    get descriptionAttrId(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdmInputComponent, "pdm-input", never, { "id": "id"; "type": "type"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "invalid": "invalid"; "size": "size"; "roundness": "roundness"; "className": "className"; "inputClassName": "inputClassName"; "label": "label"; "helperText": "helperText"; "errorText": "errorText"; }, { "valueChange": "valueChange"; "blurred": "blurred"; }, never, never, false>;
 }

package/input/testing/input-harness.d.ts

@@ -0,0 +1,27 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+export interface PdmInputHarnessFilters {
+    selector?: string;
+    id?: string;
+    placeholder?: string;
+}
+export declare class PdmInputHarness extends ComponentHarness {
+    static hostSelector: string;
+    static with(options: PdmInputHarnessFilters): HarnessPredicate<PdmInputHarness>;
+    protected input: import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").TestElement>;
+    getId(): Promise<string>;
+    getValue(): Promise<string>;
+    setValue(value: string): Promise<void>;
+    getPlaceholder(): Promise<string>;
+    isDisabled(): Promise<boolean>;
+    isReadonly(): Promise<boolean>;
+    isRequired(): Promise<boolean>;
+    isInvalid(): Promise<boolean>;
+    getLabel(): Promise<string | null>;
+    getHelperText(): Promise<string | null>;
+    getErrorText(): Promise<string | null>;
+    focus(): Promise<void>;
+    blur(): Promise<void>;
+    getType(): Promise<string>;
+    clear(): Promise<void>;
+    protected getComponentInstance(): Promise<any>;
+}

package/kbd/kbd.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class PdmKbdComponent {
     className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmKbdComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmKbdComponent, "pdm-kbd", never, { "className": "className"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmKbdComponent, "pdm-kbd", never, { "className": "className"; }, {}, never, ["*"], true>;
 }

package/kbd/kbd.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./kbd.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmKbdComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmKbdComponent } from 'pdm-ui-kit/kbd'
+ */
 export declare class PdmKbdModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmKbdModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmKbdModule, [typeof i1.PdmKbdComponent], [typeof i2.CommonModule], [typeof i1.PdmKbdComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmKbdModule, never, [typeof i1.PdmKbdComponent], [typeof i1.PdmKbdComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmKbdModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdm-ui-kit",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "PDM UI Kit Angular components - Responsive by default",
   "author": "Corelusa",
   "license": "MIT",

package/pagination/testing/pagination-harness.d.ts

@@ -0,0 +1,21 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+export interface PdmPaginationHarnessFilters {
+    selector?: string;
+}
+export declare class PdmPaginationHarness extends ComponentHarness {
+    static hostSelector: string;
+    static with(options: PdmPaginationHarnessFilters): HarnessPredicate<PdmPaginationHarness>;
+    protected nav: import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").TestElement>;
+    goToPage(page: number): Promise<void>;
+    goToNextPage(): Promise<void>;
+    goToPreviousPage(): Promise<void>;
+    getCurrentPage(): Promise<number>;
+    getPageCount(): Promise<number>;
+    getRowsPerPage(): Promise<number>;
+    setRowsPerPage(rows: number): Promise<void>;
+    getVisiblePages(): Promise<(number | string)[]>;
+    isNextPageDisabled(): Promise<boolean>;
+    isPreviousPageDisabled(): Promise<boolean>;
+    getPageButtons(): Promise<any[]>;
+    protected getComponentInstance(): Promise<any>;
+}

package/public-api.d.ts

@@ -112,3 +112,4 @@ export * from "./input/textarea.component";
 export * from "./toggle/toggle.component";
 export * from "./toggle/toggle-group.component";
 export * from "./tooltip/tooltip.component";
+export * from "./testing";

package/select/testing/select-harness.d.ts

@@ -0,0 +1,25 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { PdmSelectOption } from '../select.component';
+export interface PdmSelectHarnessFilters {
+    selector?: string;
+    placeholder?: string;
+}
+export declare class PdmSelectHarness extends ComponentHarness {
+    static hostSelector: string;
+    static with(options: PdmSelectHarnessFilters): HarnessPredicate<PdmSelectHarness>;
+    protected trigger: import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").TestElement>;
+    protected panel: import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").TestElement>;
+    open(): Promise<void>;
+    close(): Promise<void>;
+    isOpen(): Promise<boolean>;
+    getSelectedOption(): Promise<PdmSelectOption | undefined>;
+    getSelectedLabel(): Promise<string>;
+    getPlaceholder(): Promise<string>;
+    selectOption(value: string): Promise<void>;
+    getOptions(): Promise<PdmSelectOption[]>;
+    isDisabled(): Promise<boolean>;
+    isInvalid(): Promise<boolean>;
+    focus(): Promise<void>;
+    blur(): Promise<void>;
+    protected getComponentInstance(): Promise<any>;
+}

package/separator/separator.component.d.ts

@@ -5,5 +5,5 @@ export declare class PdmSeparatorComponent {
     className: string;
     get orientationClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSeparatorComponent, "pdm-separator", never, { "orientation": "orientation"; "decorative": "decorative"; "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSeparatorComponent, "pdm-separator", never, { "orientation": "orientation"; "decorative": "decorative"; "className": "className"; }, {}, never, never, true>;
 }

package/separator/separator.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./separator.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmSeparatorComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmSeparatorComponent } from 'pdm-ui-kit/separator'
+ */
 export declare class PdmSeparatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSeparatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSeparatorModule, [typeof i1.PdmSeparatorComponent], [typeof i2.CommonModule], [typeof i1.PdmSeparatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSeparatorModule, never, [typeof i1.PdmSeparatorComponent], [typeof i1.PdmSeparatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmSeparatorModule>;
 }

package/skeleton/skeleton.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class PdmSkeletonComponent {
     className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSkeletonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSkeletonComponent, "pdm-skeleton", never, { "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSkeletonComponent, "pdm-skeleton", never, { "className": "className"; }, {}, never, never, true>;
 }

package/skeleton/skeleton.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./skeleton.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmSkeletonComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmSkeletonComponent } from 'pdm-ui-kit/skeleton'
+ */
 export declare class PdmSkeletonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSkeletonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSkeletonModule, [typeof i1.PdmSkeletonComponent], [typeof i2.CommonModule], [typeof i1.PdmSkeletonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSkeletonModule, never, [typeof i1.PdmSkeletonComponent], [typeof i1.PdmSkeletonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmSkeletonModule>;
 }

package/spinner/spinner.component.d.ts

@@ -3,5 +3,5 @@ export declare class PdmSpinnerComponent {
     size: number;
     className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSpinnerComponent, "pdm-spinner", never, { "size": "size"; "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSpinnerComponent, "pdm-spinner", never, { "size": "size"; "className": "className"; }, {}, never, never, true>;
 }

package/spinner/spinner.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./spinner.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmSpinnerComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmSpinnerComponent } from 'pdm-ui-kit/spinner'
+ */
 export declare class PdmSpinnerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSpinnerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSpinnerModule, [typeof i1.PdmSpinnerComponent], [typeof i2.CommonModule], [typeof i1.PdmSpinnerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSpinnerModule, never, [typeof i1.PdmSpinnerComponent], [typeof i1.PdmSpinnerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmSpinnerModule>;
 }

package/src/aspect-ratio/aspect-ratio.component.d.ts

@@ -6,5 +6,5 @@ export declare class PdmAspectRatioComponent {
     className: string;
     get paddingTop(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmAspectRatioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmAspectRatioComponent, "pdm-aspect-ratio", never, { "ratio": "ratio"; "imageSrc": "imageSrc"; "imageAlt": "imageAlt"; "className": "className"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmAspectRatioComponent, "pdm-aspect-ratio", never, { "ratio": "ratio"; "imageSrc": "imageSrc"; "imageAlt": "imageAlt"; "className": "className"; }, {}, never, ["*"], true>;
 }

package/src/aspect-ratio/aspect-ratio.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./aspect-ratio.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmAspectRatioComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmAspectRatioComponent } from 'pdm-ui-kit/aspect-ratio'
+ */
 export declare class PdmAspectRatioModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmAspectRatioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmAspectRatioModule, [typeof i1.PdmAspectRatioComponent], [typeof i2.CommonModule], [typeof i1.PdmAspectRatioComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmAspectRatioModule, never, [typeof i1.PdmAspectRatioComponent], [typeof i1.PdmAspectRatioComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmAspectRatioModule>;
 }

package/src/badge/badge.component.d.ts

@@ -5,5 +5,5 @@ export declare class PdmBadgeComponent {
     text: string;
     className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmBadgeComponent, "pdm-badge", never, { "variant": "variant"; "text": "text"; "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmBadgeComponent, "pdm-badge", never, { "variant": "variant"; "text": "text"; "className": "className"; }, {}, never, never, true>;
 }

package/src/badge/badge.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./badge.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmBadgeComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmBadgeComponent } from 'pdm-ui-kit/badge'
+ */
 export declare class PdmBadgeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmBadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmBadgeModule, [typeof i1.PdmBadgeComponent], [typeof i2.CommonModule], [typeof i1.PdmBadgeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmBadgeModule, never, [typeof i1.PdmBadgeComponent], [typeof i1.PdmBadgeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmBadgeModule>;
 }

package/src/button/button-theme.constant.d.ts

@@ -0,0 +1,2 @@
+import { PdmButtonVariant, PdmButtonState } from './button.component';
+export declare const BUTTON_TONE_MAP: Record<PdmButtonVariant, Record<PdmButtonState, string>>;

package/src/button/button.component.d.ts

@@ -12,10 +12,7 @@ export declare class PdmButtonComponent {
     loading: boolean;
     className: string;
     pressed: EventEmitter<MouseEvent>;
-    readonly toneClassMap: Record<PdmButtonVariant, {
-        default: string;
-        hover: string;
-    }>;
+    readonly toneClassMap: Record<PdmButtonVariant, Record<PdmButtonState, string>>;
     get isDisabled(): boolean;
     get resolvedVariant(): PdmButtonVariant;
     get resolvedState(): PdmButtonState;

package/src/dialog/dialog.module.d.ts

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./dialog.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/a11y";
 export declare class PdmDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmDialogModule, [typeof i1.PdmDialogComponent], [typeof i2.CommonModule], [typeof i1.PdmDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmDialogModule, [typeof i1.PdmDialogComponent], [typeof i2.CommonModule, typeof i3.A11yModule], [typeof i1.PdmDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmDialogModule>;
 }

package/src/icon/icon.component.d.ts

@@ -24,5 +24,5 @@ export declare class PdmIconComponent {
     private buildLucideIndex;
     private escapeAttr;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmIconComponent, "pdm-icon", never, { "name": "name"; "library": "library"; "assetUrl": "assetUrl"; "size": "size"; "strokeWidth": "strokeWidth"; "className": "className"; "ariaLabel": "ariaLabel"; "decorative": "decorative"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmIconComponent, "pdm-icon", never, { "name": "name"; "library": "library"; "assetUrl": "assetUrl"; "size": "size"; "strokeWidth": "strokeWidth"; "className": "className"; "ariaLabel": "ariaLabel"; "decorative": "decorative"; }, {}, never, never, true>;
 }

package/src/icon/icon.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./icon.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmIconComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmIconComponent } from 'pdm-ui-kit/icon'
+ */
 export declare class PdmIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmIconModule, [typeof i1.PdmIconComponent], [typeof i2.CommonModule], [typeof i1.PdmIconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmIconModule, never, [typeof i1.PdmIconComponent], [typeof i1.PdmIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmIconModule>;
 }

package/src/input/input.component.d.ts

@@ -20,8 +20,12 @@ export declare class PdmInputComponent {
     errorText: string;
     valueChange: EventEmitter<string>;
     blurred: EventEmitter<FocusEvent>;
+    constructor();
     onInput(event: Event): void;
     onBlur(event: FocusEvent): void;
+    get helperAttrId(): string | null;
+    get errorAttrId(): string | null;
+    get descriptionAttrId(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdmInputComponent, "pdm-input", never, { "id": "id"; "type": "type"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "invalid": "invalid"; "size": "size"; "roundness": "roundness"; "className": "className"; "inputClassName": "inputClassName"; "label": "label"; "helperText": "helperText"; "errorText": "errorText"; }, { "valueChange": "valueChange"; "blurred": "blurred"; }, never, never, false>;
 }

package/src/kbd/kbd.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class PdmKbdComponent {
     className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmKbdComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmKbdComponent, "pdm-kbd", never, { "className": "className"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmKbdComponent, "pdm-kbd", never, { "className": "className"; }, {}, never, ["*"], true>;
 }

package/src/kbd/kbd.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./kbd.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmKbdComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmKbdComponent } from 'pdm-ui-kit/kbd'
+ */
 export declare class PdmKbdModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmKbdModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmKbdModule, [typeof i1.PdmKbdComponent], [typeof i2.CommonModule], [typeof i1.PdmKbdComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmKbdModule, never, [typeof i1.PdmKbdComponent], [typeof i1.PdmKbdComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmKbdModule>;
 }

package/src/separator/separator.component.d.ts

@@ -5,5 +5,5 @@ export declare class PdmSeparatorComponent {
     className: string;
     get orientationClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSeparatorComponent, "pdm-separator", never, { "orientation": "orientation"; "decorative": "decorative"; "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSeparatorComponent, "pdm-separator", never, { "orientation": "orientation"; "decorative": "decorative"; "className": "className"; }, {}, never, never, true>;
 }

package/src/separator/separator.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./separator.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmSeparatorComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmSeparatorComponent } from 'pdm-ui-kit/separator'
+ */
 export declare class PdmSeparatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSeparatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSeparatorModule, [typeof i1.PdmSeparatorComponent], [typeof i2.CommonModule], [typeof i1.PdmSeparatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSeparatorModule, never, [typeof i1.PdmSeparatorComponent], [typeof i1.PdmSeparatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmSeparatorModule>;
 }

package/src/skeleton/skeleton.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class PdmSkeletonComponent {
     className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSkeletonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSkeletonComponent, "pdm-skeleton", never, { "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSkeletonComponent, "pdm-skeleton", never, { "className": "className"; }, {}, never, never, true>;
 }

package/src/skeleton/skeleton.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./skeleton.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmSkeletonComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmSkeletonComponent } from 'pdm-ui-kit/skeleton'
+ */
 export declare class PdmSkeletonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSkeletonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSkeletonModule, [typeof i1.PdmSkeletonComponent], [typeof i2.CommonModule], [typeof i1.PdmSkeletonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSkeletonModule, never, [typeof i1.PdmSkeletonComponent], [typeof i1.PdmSkeletonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmSkeletonModule>;
 }

package/src/spinner/spinner.component.d.ts

@@ -3,5 +3,5 @@ export declare class PdmSpinnerComponent {
     size: number;
     className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSpinnerComponent, "pdm-spinner", never, { "size": "size"; "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSpinnerComponent, "pdm-spinner", never, { "size": "size"; "className": "className"; }, {}, never, never, true>;
 }

package/src/spinner/spinner.module.d.ts

@@ -1,8 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./spinner.component";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated Import PdmSpinnerComponent directly instead. This module is kept for backwards compatibility.
+ * For modern Angular (v14+), use: import { PdmSpinnerComponent } from 'pdm-ui-kit/spinner'
+ */
 export declare class PdmSpinnerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSpinnerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSpinnerModule, [typeof i1.PdmSpinnerComponent], [typeof i2.CommonModule], [typeof i1.PdmSpinnerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PdmSpinnerModule, never, [typeof i1.PdmSpinnerComponent], [typeof i1.PdmSpinnerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PdmSpinnerModule>;
 }

package/src/utils/public-api.d.ts

@@ -1,2 +1,3 @@
 export * from "./responsive";
 export * from "./z-index";
+export * from "./validators";

package/src/utils/validators.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Form validation utilities for PDM UI Kit
+ *
+ * Pure validation functions and patterns that work with any form validation library.
+ * These functions validate values directly and return true/false, making them framework-agnostic.
+ */
+export interface PdmValidationError {
+    message: string;
+    code: string;
+}
+/**
+ * Validate email format
+ *
+ * @example
+ * isValidEmail('user@example.com') // true
+ */
+export declare function isValidEmail(value: string): boolean;
+/**
+ * Validate URL format
+ *
+ * @example
+ * isValidUrl('https://example.com') // true
+ */
+export declare function isValidUrl(value: string): boolean;
+/**
+ * Validate minimum length
+ *
+ * @example
+ * hasMinLength('password', 8) // true if length >= 8
+ */
+export declare function hasMinLength(value: string, min: number): boolean;
+/**
+ * Validate maximum length
+ *
+ * @example
+ * hasMaxLength('bio', 500) // true if length <= 500
+ */
+export declare function hasMaxLength(value: string, max: number): boolean;
+/**
+ * Validate that value only contains numbers
+ *
+ * @example
+ * isNumeric('12345') // true
+ */
+export declare function isNumeric(value: string): boolean;
+/**
+ * Validate that two values match (e.g., password confirmation)
+ *
+ * @example
+ * valuesMatch(password, confirmPassword) // true if they match
+ */
+export declare function valuesMatch(value1: string, value2: string): boolean;
+/**
+ * Validate minimum value
+ *
+ * @example
+ * isMinValue(age, 18) // true if age >= 18
+ */
+export declare function isMinValue(value: number, min: number): boolean;
+/**
+ * Validate maximum value
+ *
+ * @example
+ * isMaxValue(percentage, 100) // true if percentage <= 100
+ */
+export declare function isMaxValue(value: number, max: number): boolean;
+/**
+ * Validate phone number format (basic international format)
+ * Accepts: +1234567890, (123) 456-7890, 123-456-7890
+ *
+ * @example
+ * isValidPhone('+1234567890') // true
+ */
+export declare function isValidPhone(value: string): boolean;
+/**
+ * Check if value contains at least one uppercase letter
+ *
+ * @example
+ * hasUppercase('Password') // true
+ */
+export declare function hasUppercase(value: string): boolean;
+/**
+ * Check if value contains at least one lowercase letter
+ *
+ * @example
+ * hasLowercase('Password') // true
+ */
+export declare function hasLowercase(value: string): boolean;
+/**
+ * Check if value contains at least one number
+ *
+ * @example
+ * hasNumber('Pass123') // true
+ */
+export declare function hasNumber(value: string): boolean;
+/**
+ * Check if value contains at least one special character
+ *
+ * @example
+ * hasSpecialChar('Pass@123') // true
+ */
+export declare function hasSpecialChar(value: string): boolean;
+/**
+ * Get user-friendly error message for validation failures
+ *
+ * @example
+ * getErrorMessage('invalidEmail') // "Please enter a valid email address"
+ */
+export declare function getErrorMessage(errorCode: string, fieldName?: string): string;

package/testing.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Public API for CDK test harnesses
+ *
+ * Usage:
+ * import { PdmInputHarness, PdmButtonHarness } from 'pdm-ui-kit/testing';
+ */
+export { PdmInputHarness, type PdmInputHarnessFilters } from './input/testing/input-harness';
+export { PdmButtonHarness, type PdmButtonHarnessFilters } from './button/testing/button-harness';
+export { PdmDialogHarness, type PdmDialogHarnessFilters } from './dialog/testing/dialog-harness';
+export { PdmSelectHarness, type PdmSelectHarnessFilters } from './select/testing/select-harness';
+export { PdmCheckboxHarness, type PdmCheckboxHarnessFilters } from './checkbox/testing/checkbox-harness';
+export { PdmPaginationHarness, type PdmPaginationHarnessFilters } from './pagination/testing/pagination-harness';