ng-primitives 0.26.1 → 0.27.0

package/a11y/index.d.ts

@@ -5,5 +5,5 @@
  * This source code is licensed under the Apache 2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from './visually-hidden/visually-hidden.directive';
-export { NgpVisuallyHiddenToken, injectVisuallyHidden, } from './visually-hidden/visually-hidden.token';
+export * from './visually-hidden/visually-hidden';
+export { NgpVisuallyHiddenToken, injectVisuallyHidden, } from './visually-hidden/visually-hidden-token';

package/a11y/visually-hidden/{visually-hidden.token.d.ts → visually-hidden-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpVisuallyHidden } from './visually-hidden.directive';
+import type { NgpVisuallyHidden } from './visually-hidden';
 export declare const NgpVisuallyHiddenToken: InjectionToken<NgpVisuallyHidden>;
 /**
  * Inject the VisuallyHidden directive instance

package/accordion/accordion/accordion-state.d.ts

@@ -0,0 +1,28 @@
+import type { NgpAccordion } from './accordion';
+/**
+ * The state token  for the Accordion primitive.
+ */
+export declare const NgpAccordionStateToken: import("@angular/core").InjectionToken<NgpAccordion<unknown>>;
+/**
+ * Provides the Accordion state.
+ */
+export declare const provideAccordionState: () => import("@angular/core").FactoryProvider;
+/**
+ * Injects the Accordion state.
+ */
+export declare const injectAccordionState: <U = {
+    readonly config: import("ng-primitives/accordion").NgpAccordionConfig;
+    readonly type: import("@angular/core").InputSignal<import("./accordion").NgpAccordionType>;
+    readonly collapsible: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly value: import("@angular/core").InputSignal<unknown>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly orientation: import("@angular/core").InputSignal<import("dist/packages/ng-primitives/common").NgpOrientation>;
+    readonly state: import("ng-primitives/state").State<NgpAccordion<unknown>>;
+    isOpen: (value: unknown) => boolean;
+    toggle: (value: unknown) => void;
+}>() => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+/**
+ * The Accordion state registration function.
+ */
+export declare const accordionState: <U>(state: U) => import("ng-primitives/state").State<U>;

package/accordion/accordion/{accordion.directive.d.ts → accordion.d.ts}

@@ -25,7 +25,11 @@ export declare class NgpAccordion<T> implements NgpCanOrientate {
     /**
      * The value of the accordion.
      */
-    readonly value: import("@angular/core").ModelSignal<T | T[] | null>;
+    readonly value: import("@angular/core").InputSignal<T | T[] | null>;
+    /**
+     * Event emitted when the accordion value changes.
+     */
+    readonly valueChange: import("@angular/core").OutputEmitterRef<T | T[] | null>;
     /**
      * Whether the accordion is disabled.
      */
@@ -34,6 +38,10 @@ export declare class NgpAccordion<T> implements NgpCanOrientate {
      * The accordion orientation.
      */
     readonly orientation: import("@angular/core").InputSignal<NgpOrientation>;
+    /**
+     * The accordion state.
+     */
+    private readonly state;
     /**
      * @param value The value to check.
      * @returns Whether the value is open.
@@ -42,6 +50,6 @@ export declare class NgpAccordion<T> implements NgpCanOrientate {
     isOpen(value: T): boolean;
     toggle(value: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordion<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordion<any>, "[ngpAccordion]", ["ngpAccordion"], { "type": { "alias": "ngpAccordionType"; "required": false; "isSignal": true; }; "collapsible": { "alias": "ngpAccordionCollapsible"; "required": false; "isSignal": true; }; "value": { "alias": "ngpAccordionValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpAccordionDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpAccordionOrientation"; "required": false; "isSignal": true; }; }, { "value": "ngpAccordionValueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordion<any>, "[ngpAccordion]", ["ngpAccordion"], { "type": { "alias": "ngpAccordionType"; "required": false; "isSignal": true; }; "collapsible": { "alias": "ngpAccordionCollapsible"; "required": false; "isSignal": true; }; "value": { "alias": "ngpAccordionValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpAccordionDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpAccordionOrientation"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpAccordionValueChange"; }, never, never, true, never>;
 }
 export type NgpAccordionType = 'single' | 'multiple';

package/accordion/accordion-content/accordion-content.d.ts

@@ -0,0 +1,30 @@
+import type { NgpAccordion } from '../accordion/accordion';
+import * as i0 from "@angular/core";
+export declare class NgpAccordionContent<T> {
+    /**
+     * Access the accordion
+     */
+    protected readonly accordion: import("@angular/core").Signal<import("dist/packages/ng-primitives/state").State<NgpAccordion<T>>>;
+    /**
+     * Access the accordion item
+     */
+    protected readonly accordionItem: import("@angular/core").Signal<import("dist/packages/ng-primitives/state").State<{
+        readonly accordion: import("@angular/core").Signal<import("dist/packages/ng-primitives/state").State<NgpAccordion<unknown>>>;
+        readonly value: import("@angular/core").InputSignal<unknown>;
+        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+        readonly trigger: import("@angular/core").WritableSignal<import("ng-primitives/accordion").NgpAccordionTrigger<unknown> | undefined>;
+        readonly content: import("@angular/core").WritableSignal<NgpAccordionContent<unknown> | undefined>;
+        readonly open: import("@angular/core").Signal<boolean>;
+        readonly triggerId: import("@angular/core").Signal<string | undefined>;
+        readonly contentId: import("@angular/core").Signal<string | undefined>;
+        readonly state: import("dist/packages/ng-primitives/state").State<import("ng-primitives/accordion").NgpAccordionItem<unknown>>;
+        ngOnInit: () => void;
+    }>>;
+    /**
+     * The id of the content region
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordionContent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordionContent<any>, "[ngpAccordionContent]", ["ngpAccordionContent"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/accordion/accordion-item/accordion-item-state.d.ts

@@ -0,0 +1,28 @@
+import type { NgpAccordionItem } from './accordion-item';
+/**
+ * The state token  for the AccordionItem primitive.
+ */
+export declare const NgpAccordionItemStateToken: import("@angular/core").InjectionToken<NgpAccordionItem<unknown>>;
+/**
+ * Provides the AccordionItem state.
+ */
+export declare const provideAccordionItemState: () => import("@angular/core").FactoryProvider;
+/**
+ * Injects the AccordionItem state.
+ */
+export declare const injectAccordionItemState: <U = {
+    readonly accordion: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/accordion").NgpAccordion<unknown>>>;
+    readonly value: import("@angular/core").InputSignal<unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly trigger: import("@angular/core").WritableSignal<import("ng-primitives/accordion").NgpAccordionTrigger<unknown> | undefined>;
+    readonly content: import("@angular/core").WritableSignal<import("ng-primitives/accordion").NgpAccordionContent<unknown> | undefined>;
+    readonly open: import("@angular/core").Signal<boolean>;
+    readonly triggerId: import("@angular/core").Signal<string | undefined>;
+    readonly contentId: import("@angular/core").Signal<string | undefined>;
+    readonly state: import("ng-primitives/state").State<NgpAccordionItem<unknown>>;
+    ngOnInit: () => void;
+}>() => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+/**
+ * The AccordionItem state registration function.
+ */
+export declare const accordionItemState: <U>(state: U) => import("ng-primitives/state").State<U>;

package/accordion/accordion-item/{accordion-item.directive.d.ts → accordion-item.d.ts}

@@ -6,28 +6,34 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import { NgpAccordionContent } from '../accordion-content/accordion-content';
+import { NgpAccordionTrigger } from '../accordion-trigger/accordion-trigger';
+import { NgpAccordion } from '../accordion/accordion';
 import * as i0 from "@angular/core";
-export declare class NgpAccordionItem<T> {
+export declare class NgpAccordionItem<T> implements OnInit {
     /**
      * Access the accordion.
      */
-    protected readonly accordion: import("ng-primitives/accordion").NgpAccordion<unknown>;
+    protected readonly accordion: import("@angular/core").Signal<import("dist/packages/ng-primitives/state").State<NgpAccordion<T>>>;
     /**
      * The value of the accordion item.
      */
-    readonly value: import("@angular/core").InputSignal<T>;
+    readonly value: import("@angular/core").InputSignal<T | undefined>;
     /**
      * Whether the accordion item is disabled.
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Access the accordion trigger
+     * @internal
      */
-    private readonly trigger;
+    readonly trigger: import("@angular/core").WritableSignal<NgpAccordionTrigger<T> | undefined>;
     /**
      * Access the accordion content
+     * @internal
      */
-    private readonly content;
+    readonly content: import("@angular/core").WritableSignal<NgpAccordionContent<T> | undefined>;
     /**
      * Whether the accordion item is expanded.
      */
@@ -40,6 +46,11 @@ export declare class NgpAccordionItem<T> {
      * The content id.
      */
     readonly contentId: import("@angular/core").Signal<string | undefined>;
+    /**
+     * The accordion item state.
+     */
+    private readonly state;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordionItem<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordionItem<any>, "[ngpAccordionItem]", ["ngpAccordionItem"], { "value": { "alias": "ngpAccordionItemValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "ngpAccordionItemDisabled"; "required": false; "isSignal": true; }; }, {}, ["trigger", "content"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordionItem<any>, "[ngpAccordionItem]", ["ngpAccordionItem"], { "value": { "alias": "ngpAccordionItemValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpAccordionItemDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/accordion/accordion-trigger/accordion-trigger.d.ts

@@ -0,0 +1,24 @@
+import { NgpAccordionItem } from '../accordion-item/accordion-item';
+import { NgpAccordion } from '../accordion/accordion';
+import * as i0 from "@angular/core";
+export declare class NgpAccordionTrigger<T> {
+    /**
+     * Access the parent accordion.
+     */
+    protected readonly accordion: import("@angular/core").Signal<import("dist/packages/ng-primitives/state").State<NgpAccordion<T>>>;
+    /**
+     * The item instance.
+     */
+    protected readonly accordionItem: import("@angular/core").Signal<import("dist/packages/ng-primitives/state").State<NgpAccordionItem<T>>>;
+    /**
+     * The id of the trigger.
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    constructor();
+    /**
+     * Toggle the accordion item.
+     */
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordionTrigger<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordionTrigger<any>, "[ngpAccordionTrigger]", ["ngpAccordionTrigger"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/accordion/config/{accordion.config.d.ts → accordion-config.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken, Provider } from '@angular/core';
-import { NgpAccordionType } from '../accordion/accordion.directive';
+import { NgpAccordionType } from '../accordion/accordion';
 export interface NgpAccordionConfig {
     /**
      * The default type of the accordion

package/accordion/index.d.ts

@@ -5,12 +5,10 @@
  * This source code is licensed under the Apache 2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { NgpAccordionContent } from './accordion-content/accordion-content.directive';
-export { NgpAccordionContentToken, injectAccordionContent, } from './accordion-content/accordion-content.token';
-export { NgpAccordionItem } from './accordion-item/accordion-item.directive';
-export { NgpAccordionItemToken, injectAccordionItem } from './accordion-item/accordion-item.token';
-export { NgpAccordionTrigger } from './accordion-trigger/accordion-trigger.directive';
-export { NgpAccordionTriggerToken, injectAccordionTrigger, } from './accordion-trigger/accordion-trigger.token';
-export { NgpAccordion } from './accordion/accordion.directive';
-export { NgpAccordionToken, injectAccordion } from './accordion/accordion.token';
-export { NgpAccordionConfig, provideAccordionConfig } from './config/accordion.config';
+export { NgpAccordionContent } from './accordion-content/accordion-content';
+export { NgpAccordionItem } from './accordion-item/accordion-item';
+export { injectAccordionItemState, provideAccordionItemState, } from './accordion-item/accordion-item-state';
+export { NgpAccordionTrigger } from './accordion-trigger/accordion-trigger';
+export { NgpAccordion } from './accordion/accordion';
+export { injectAccordionState, provideAccordionState } from './accordion/accordion-state';
+export { NgpAccordionConfig, provideAccordionConfig } from './config/accordion-config';

package/autofill/index.d.ts

@@ -5,5 +5,4 @@
  * This source code is licensed under the Apache 2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { NgpAutofill } from './autofill/autofill.directive';
-export { NgpAutofillToken, injectAutofill } from './autofill/autofill.token';
+export { NgpAutofill } from './autofill/autofill';

package/avatar/avatar/avatar-state.d.ts

@@ -0,0 +1,21 @@
+import type { NgpAvatar } from './avatar';
+/**
+ * The state token  for the Avatar primitive.
+ */
+export declare const NgpAvatarStateToken: import("@angular/core").InjectionToken<NgpAvatar>;
+/**
+ * Provides the Avatar state.
+ */
+export declare const provideAvatarState: () => import("@angular/core").FactoryProvider;
+/**
+ * Injects the Avatar state.
+ */
+export declare const injectAvatarState: <U = {
+    readonly status: import("@angular/core").WritableSignal<import("./avatar").NgpAvatarStatus>;
+    readonly state: import("ng-primitives/state").State<NgpAvatar>;
+    setStatus: (status: import("./avatar").NgpAvatarStatus) => void;
+}>() => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+/**
+ * The Avatar state registration function.
+ */
+export declare const avatarState: <U>(state: U) => import("ng-primitives/state").State<U>;

package/avatar/avatar/{avatar.directive.d.ts → avatar.d.ts}

@@ -2,20 +2,24 @@ import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/interactions";
 export declare class NgpAvatar {
     /**
-     * Store the current state of the avatar.
+     * Store the current status of the avatar.
      * @internal
      */
-    readonly state: import("@angular/core").WritableSignal<NgpAvatarState>;
+    readonly status: import("@angular/core").WritableSignal<NgpAvatarStatus>;
     /**
-     * Set the avatar state.
-     * @param state The state to set.
+     * The avatar state.
+     */
+    protected readonly state: import("dist/packages/ng-primitives/state").State<NgpAvatar>;
+    /**
+     * Set the avatar status.
+     * @param status The status to set.
      * @internal
      */
-    setState(state: NgpAvatarState): void;
+    setStatus(status: NgpAvatarStatus): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpAvatar, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAvatar, "[ngpAvatar]", never, {}, {}, never, never, true, [{ directive: typeof i1.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpPress; inputs: {}; outputs: {}; }]>;
 }
-export declare enum NgpAvatarState {
+export declare enum NgpAvatarStatus {
     Idle = "idle",
     Loading = "loading",
     Loaded = "loaded",

package/avatar/index.d.ts

@@ -5,8 +5,8 @@
  * This source code is licensed under the Apache 2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { NgpAvatarFallback } from './avatar-fallback/avatar-fallback.directive';
-export { NgpAvatarImage } from './avatar-image/avatar-image.directive';
-export { NgpAvatar, NgpAvatarState } from './avatar/avatar.directive';
-export { NgpAvatarToken, injectAvatar } from './avatar/avatar.token';
-export { NgpAvatarConfig, provideAvatarConfig } from './config/avatar.config';
+export { NgpAvatarFallback } from './avatar-fallback/avatar-fallback';
+export { NgpAvatarImage } from './avatar-image/avatar-image';
+export { NgpAvatar, NgpAvatarStatus } from './avatar/avatar';
+export { NgpAvatarConfig, provideAvatarConfig } from './config/avatar-config';
+export { provideAvatarState, injectAvatarState } from './avatar/avatar-state';

package/button/button/button-state.d.ts

@@ -0,0 +1,22 @@
+import type { NgpButton } from './button';
+/**
+ * The state token  for the Button primitive.
+ */
+export declare const NgpButtonStateToken: import("@angular/core").InjectionToken<NgpButton>;
+/**
+ * Provides the Button state.
+ */
+export declare const provideButtonState: () => import("@angular/core").FactoryProvider;
+/**
+ * Injects the Button state.
+ */
+export declare const injectButtonState: <U = {
+    readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly isButton: boolean;
+    readonly state: import("ng-primitives/state").State<NgpButton>;
+}>() => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+/**
+ * The Button state registration function.
+ */
+export declare const buttonState: <U>(state: U) => import("ng-primitives/state").State<U>;

package/button/button/{button.directive.d.ts → button.d.ts}

@@ -21,6 +21,10 @@ export declare class NgpButton implements NgpCanDisable {
      * Detect if this is an HTML button element.
      */
     protected readonly isButton: boolean;
+    /**
+     * The button state.
+     */
+    protected readonly state: import("dist/packages/ng-primitives/state").State<NgpButton>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpButton, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpButton, "[ngpButton]", ["ngpButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/button/index.d.ts

@@ -5,5 +5,5 @@
  * This source code is licensed under the Apache 2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { NgpButton } from './button/button.directive';
-export { injectButton, NgpButtonToken } from './button/button.token';
+export { NgpButton } from './button/button';
+export { provideButtonState, injectButtonState } from './button/button-state';

package/checkbox/checkbox/checkbox-state.d.ts

@@ -0,0 +1,28 @@
+import type { NgpCheckbox } from './checkbox';
+/**
+ * The state token  for the Checkbox primitive.
+ */
+export declare const NgpCheckboxStateToken: import("@angular/core").InjectionToken<NgpCheckbox>;
+/**
+ * Provides the Checkbox state.
+ */
+export declare const provideCheckboxState: () => import("@angular/core").FactoryProvider;
+/**
+ * Injects the Checkbox state.
+ */
+export declare const injectCheckboxState: <U = {
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly indeterminateChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly state: import("ng-primitives/state").State<NgpCheckbox>;
+    onEnter: (event: KeyboardEvent) => void;
+    toggle: (event?: Event) => void;
+}>() => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+/**
+ * The Checkbox state registration function.
+ */
+export declare const checkboxState: <U>(state: U) => import("ng-primitives/state").State<U>;

package/checkbox/checkbox/{checkbox.directive.d.ts → checkbox.d.ts}

@@ -41,10 +41,9 @@ export declare class NgpCheckbox implements NgpCanDisable {
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * The form control state. This is used to allow communication between the checkbox and the control value access and any
-     * components that use this as a host directive.
+     * The state of the checkbox.
      */
-    protected readonly state: import("dist/packages/ng-primitives/state").State<import("./checkbox.state").NgpCheckboxState>;
+    protected readonly state: import("dist/packages/ng-primitives/state").State<NgpCheckbox>;
     protected onEnter(event: KeyboardEvent): void;
     toggle(event?: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpCheckbox, never>;

package/checkbox/index.d.ts

@@ -5,6 +5,5 @@
  * This source code is licensed under the Apache 2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { NgpCheckbox } from './checkbox/checkbox.directive';
-export { injectCheckboxState, provideCheckboxState } from './checkbox/checkbox.state';
-export { injectCheckbox, NgpCheckboxToken } from './checkbox/checkbox.token';
+export { NgpCheckbox } from './checkbox/checkbox';
+export { injectCheckboxState, provideCheckboxState } from './checkbox/checkbox-state';

package/collection.json

@@ -6,6 +6,12 @@
       "schema": "./schematics/ng-add/schema.json",
       "hidden": true
     },
+    "init": {
+      "description": "Add Angular Primitives to a project (Nx CLI).",
+      "factory": "./schematics/ng-add/index",
+      "schema": "./schematics/ng-add/schema.json",
+      "hidden": true
+    },
     "primitive": {
       "description": "Add Angular Primitives to a project.",
       "factory": "./schematics/ng-generate/index",

package/common/header/{header.token.d.ts → header-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpHeader } from './header.directive';
+import type { NgpHeader } from './header';
 export declare const NgpHeaderToken: InjectionToken<NgpHeader>;
 /**
  * Inject the Header directive instance

package/common/index.d.ts

@@ -1,3 +1,4 @@
-export { NgpHeader } from './header/header.directive';
-export { injectHeader, NgpHeaderToken } from './header/header.token';
+export { NgpHeader } from './header/header';
+export { injectHeader, NgpHeaderToken } from './header/header-token';
 export { NgpOrientation } from './types/orientation';
+export { NgpSelectionMode } from './types/selection';

package/common/types/selection.d.ts

@@ -0,0 +1 @@
+export type NgpSelectionMode = 'single' | 'multiple';

package/date-picker/date-picker/date-picker-state.d.ts

@@ -0,0 +1,6 @@
+import { InjectedState } from 'ng-primitives/state';
+import type { NgpDatePicker } from './date-picker';
+export declare const NgpDatePickerStateToken: import("@angular/core").InjectionToken<NgpDatePicker<unknown>>;
+export declare const provideDatePickerState: () => import("@angular/core").FactoryProvider;
+export declare const injectDatePickerState: <T>() => InjectedState<NgpDatePicker<T>>;
+export declare const datePickerState: <U>(state: U) => import("ng-primitives/state").State<U>;

package/date-picker/date-picker/{date-picker.token.d.ts → date-picker-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { ExistingProvider, InjectionToken, Type } from '@angular/core';
-import type { NgpDatePicker } from './date-picker.directive';
+import type { NgpDatePicker } from './date-picker';
 export declare const NgpDatePickerToken: InjectionToken<NgpDatePicker<unknown>>;
 /**
  * Inject the DatePicker directive instance

package/date-picker/date-picker/{date-picker.directive.d.ts → date-picker.d.ts}

@@ -7,7 +7,7 @@
  */
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
-import type { NgpDatePickerDateButton } from '../date-picker-date-button/date-picker-date-button.directive';
+import type { NgpDatePickerDateButton } from '../date-picker-date-button/date-picker-date-button';
 import * as i0 from "@angular/core";
 export declare class NgpDatePicker<T> {
     /**
@@ -62,7 +62,7 @@ export declare class NgpDatePicker<T> {
     /**
      * The date picker state.
      */
-    protected readonly state: import("dist/packages/ng-primitives/state").State<import("./date-picker.state").NgpDatePickerState<T>>;
+    protected readonly state: import("dist/packages/ng-primitives/state").State<NgpDatePicker<T>>;
     /**
      * Set the focused date.
      * @param date The date to focus.

package/date-picker/date-picker-cell/{date-picker-cell.token.d.ts → date-picker-cell-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerCell } from './date-picker-cell.directive';
+import type { NgpDatePickerCell } from './date-picker-cell';
 export declare const NgpDatePickerCellToken: InjectionToken<NgpDatePickerCell>;
 /**
  * Inject the DatePickerCell directive instance

package/date-picker/date-picker-cell-render/{date-picker-cell-render.token.d.ts → date-picker-cell-render-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerCellRender } from './date-picker-cell-render.directive';
+import type { NgpDatePickerCellRender } from './date-picker-cell-render';
 export declare const NgpDatePickerCellRenderToken: InjectionToken<NgpDatePickerCellRender<unknown>>;
 /**
  * Inject the DatePickerCell directive instance

package/date-picker/date-picker-date-button/{date-picker-date-button.token.d.ts → date-picker-date-button-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerDateButton } from './date-picker-date-button.directive';
+import type { NgpDatePickerDateButton } from './date-picker-date-button';
 export declare const NgpDatePickerDateButtonToken: InjectionToken<NgpDatePickerDateButton<unknown>>;
 /**
  * Inject the DatePickerDateButton directive instance

package/date-picker/date-picker-grid/{date-picker-grid.token.d.ts → date-picker-grid-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerGrid } from './date-picker-grid.directive';
+import type { NgpDatePickerGrid } from './date-picker-grid';
 export declare const NgpDatePickerGridToken: InjectionToken<NgpDatePickerGrid<unknown>>;
 /**
  * Inject the DatePickerGrid directive instance

package/date-picker/date-picker-grid/{date-picker-grid.directive.d.ts → date-picker-grid.d.ts}

@@ -1,13 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class NgpDatePickerGrid<T> {
-    /**
-     * Access the date picker.
-     */
-    private readonly datePicker;
     /**
      * Access the date picker state.
      */
-    protected readonly state: import("dist/packages/ng-primitives/state").State<import("../date-picker/date-picker.state").NgpDatePickerState<T>>;
+    protected readonly state: import("dist/packages/ng-primitives/state").InjectedState<import("ng-primitives/date-picker").NgpDatePicker<T>>;
     /**
      * Determine the id for the label.
      */

package/date-picker/date-picker-label/{date-picker-label.token.d.ts → date-picker-label-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerLabel } from './date-picker-label.directive';
+import type { NgpDatePickerLabel } from './date-picker-label';
 export declare const NgpDatePickerLabelToken: InjectionToken<NgpDatePickerLabel<unknown>>;
 /**
  * Inject the DatePickerLabel directive instance

package/date-picker/date-picker-label/{date-picker-label.directive.d.ts → date-picker-label.d.ts}

@@ -3,7 +3,7 @@ export declare class NgpDatePickerLabel<T> {
     /**
      * Access the date picker.
      */
-    protected readonly state: import("dist/packages/ng-primitives/state").State<import("../date-picker/date-picker.state").NgpDatePickerState<T>>;
+    protected readonly state: import("dist/packages/ng-primitives/state").InjectedState<import("ng-primitives/date-picker").NgpDatePicker<T>>;
     /**
      * Define a unique id for the label.
      */

package/date-picker/date-picker-next-month/{date-picker-next-month.token.d.ts → date-picker-next-month-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerNextMonth } from './date-picker-next-month.directive';
+import type { NgpDatePickerNextMonth } from './date-picker-next-month';
 export declare const NgpDatePickerNextMonthToken: InjectionToken<NgpDatePickerNextMonth<unknown>>;
 /**
  * Inject the DatePickerNextMonth directive instance

package/date-picker/date-picker-previous-month/{date-picker-previous-month.token.d.ts → date-picker-previous-month-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerPreviousMonth } from './date-picker-previous-month.directive';
+import type { NgpDatePickerPreviousMonth } from './date-picker-previous-month';
 export declare const NgpDatePickerPreviousMonthToken: InjectionToken<NgpDatePickerPreviousMonth<unknown>>;
 /**
  * Inject the DatePickerPreviousMonth directive instance

package/date-picker/date-picker-row-render/{date-picker-row-render.token.d.ts → date-picker-row-render-token.d.ts}

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { InjectionToken } from '@angular/core';
-import type { NgpDatePickerRowRender } from './date-picker-row-render.directive';
+import type { NgpDatePickerRowRender } from './date-picker-row-render';
 export declare const NgpDatePickerRowRenderToken: InjectionToken<NgpDatePickerRowRender<unknown>>;
 /**
  * Inject the DatePickerRowRender directive instance