ng-primitives 0.0.7 → 0.2.0

package/internal/style-injector/style-injector.d.ts

@@ -0,0 +1,36 @@
+import * as i0 from "@angular/core";
+/**
+ * A utility service for injecting styles into the document.
+ * Angular doesn't allow directives to specify styles, only components.
+ * As we ship directives, occasionally we need to associate styles with them.
+ * This service allows us to programmatically inject styles into the document.
+ */
+export declare class StyleInjector {
+    /**
+     * Detect the platform.
+     */
+    private readonly platformId;
+    /**
+     * Store the map of style elements with their unique identifiers.
+     */
+    private readonly styleElements;
+    constructor();
+    /**
+     * Inject a style into the document.
+     * @param id The unique identifier for the style.
+     * @param style The style to inject.
+     */
+    add(id: string, style: string): void;
+    /**
+     * Remove a style from the document.
+     * @param id The unique identifier for the style.
+     */
+    remove(id: string): void;
+    /**
+     * Collect any styles that were rendered by the server.
+     */
+    private collectServerStyles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StyleInjector, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StyleInjector>;
+}
+export declare function injectStyleInjector(): StyleInjector;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ng-primitives",
-  "license": "CC BY-ND 4.0",
-  "version": "0.0.7",
+  "license": "Apache-2.0",
+  "version": "0.2.0",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
     "@angular/cdk": ">=18.0.0",
@@ -41,11 +41,11 @@
       "esm": "./esm2022/accordion/ng-primitives-accordion.mjs",
       "default": "./fesm2022/ng-primitives-accordion.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/ng-primitives-avatar.mjs",
-      "esm": "./esm2022/avatar/ng-primitives-avatar.mjs",
-      "default": "./fesm2022/ng-primitives-avatar.mjs"
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/ng-primitives-button.mjs",
+      "esm": "./esm2022/button/ng-primitives-button.mjs",
+      "default": "./fesm2022/ng-primitives-button.mjs"
     },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
@@ -59,12 +59,36 @@
       "esm": "./esm2022/file-upload/ng-primitives-file-upload.mjs",
       "default": "./fesm2022/ng-primitives-file-upload.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/ng-primitives-avatar.mjs",
+      "esm": "./esm2022/avatar/ng-primitives-avatar.mjs",
+      "default": "./fesm2022/ng-primitives-avatar.mjs"
+    },
+    "./autofill": {
+      "types": "./autofill/index.d.ts",
+      "esm2022": "./esm2022/autofill/ng-primitives-autofill.mjs",
+      "esm": "./esm2022/autofill/ng-primitives-autofill.mjs",
+      "default": "./fesm2022/ng-primitives-autofill.mjs"
+    },
+    "./focus-trap": {
+      "types": "./focus-trap/index.d.ts",
+      "esm2022": "./esm2022/focus-trap/ng-primitives-focus-trap.mjs",
+      "esm": "./esm2022/focus-trap/ng-primitives-focus-trap.mjs",
+      "default": "./fesm2022/ng-primitives-focus-trap.mjs"
+    },
     "./form-field": {
       "types": "./form-field/index.d.ts",
       "esm2022": "./esm2022/form-field/ng-primitives-form-field.mjs",
       "esm": "./esm2022/form-field/ng-primitives-form-field.mjs",
       "default": "./fesm2022/ng-primitives-form-field.mjs"
     },
+    "./input": {
+      "types": "./input/index.d.ts",
+      "esm2022": "./esm2022/input/ng-primitives-input.mjs",
+      "esm": "./esm2022/input/ng-primitives-input.mjs",
+      "default": "./fesm2022/ng-primitives-input.mjs"
+    },
     "./interactions": {
       "types": "./interactions/index.d.ts",
       "esm2022": "./esm2022/interactions/ng-primitives-interactions.mjs",
@@ -83,6 +107,12 @@
       "esm": "./esm2022/radio/ng-primitives-radio.mjs",
       "default": "./fesm2022/ng-primitives-radio.mjs"
     },
+    "./internal": {
+      "types": "./internal/index.d.ts",
+      "esm2022": "./esm2022/internal/ng-primitives-internal.mjs",
+      "esm": "./esm2022/internal/ng-primitives-internal.mjs",
+      "default": "./fesm2022/ng-primitives-internal.mjs"
+    },
     "./resize": {
       "types": "./resize/index.d.ts",
       "esm2022": "./esm2022/resize/ng-primitives-resize.mjs",
@@ -95,6 +125,12 @@
       "esm": "./esm2022/roving-focus/ng-primitives-roving-focus.mjs",
       "default": "./fesm2022/ng-primitives-roving-focus.mjs"
     },
+    "./search": {
+      "types": "./search/index.d.ts",
+      "esm2022": "./esm2022/search/ng-primitives-search.mjs",
+      "esm": "./esm2022/search/ng-primitives-search.mjs",
+      "default": "./fesm2022/ng-primitives-search.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "esm2022": "./esm2022/select/ng-primitives-select.mjs",
@@ -119,6 +155,12 @@
       "esm": "./esm2022/tabs/ng-primitives-tabs.mjs",
       "default": "./fesm2022/ng-primitives-tabs.mjs"
     },
+    "./textarea": {
+      "types": "./textarea/index.d.ts",
+      "esm2022": "./esm2022/textarea/ng-primitives-textarea.mjs",
+      "esm": "./esm2022/textarea/ng-primitives-textarea.mjs",
+      "default": "./fesm2022/ng-primitives-textarea.mjs"
+    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "esm2022": "./esm2022/toggle/ng-primitives-toggle.mjs",

package/radio/radio-group/radio-group.directive.d.ts

@@ -6,10 +6,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { BooleanInput } from '@angular/cdk/coercion';
-import { ControlValueAccessor } from '@angular/forms';
+import { NgpCanDisable } from 'ng-primitives/internal';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/roving-focus";
-export declare class NgpRadioGroup implements ControlValueAccessor {
+import * as i2 from "ng-primitives/form-field";
+export declare class NgpRadioGroup implements NgpCanDisable {
     /**
      * The value of the radio group.
      */
@@ -18,54 +19,16 @@ export declare class NgpRadioGroup implements ControlValueAccessor {
      * Whether the radio group is disabled.
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Whether the radio group is disabled via the form.
-     */
-    readonly formDisabled: import("@angular/core").WritableSignal<boolean>;
     /**
      * The orientation of the radio group.
      * @default 'horizontal'
      */
     readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
-    /**
-     * The callback function to call when the value of the radio group changes.
-     * @internal
-     */
-    private onChange?;
-    /**
-     * The callback function to call when the radio group is touched.
-     * @internal
-     */
-    private onTouched?;
     /**
      * Select a radio item.
      * @param value The value of the radio item to select.
      */
     select(value: string): void;
-    /**
-     * Update the value of the radio group.
-     * @param value The new value of the radio group.
-     * @internal
-     */
-    writeValue(value: string): void;
-    /**
-     * Register a callback function to call when the value of the radio group changes.
-     * @param fn The callback function to call when the value of the radio group changes.
-     * @internal
-     */
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    /**
-     * Set the disabled state of the radio group.
-     * @param isDisabled Whether the radio group is disabled.
-     * @internal
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * When focus leaves the radio group, mark it as touched.
-     * @internal
-     */
-    protected onFocusout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpRadioGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioGroup, "[ngpRadioGroup]", never, { "value": { "alias": "ngpRadioGroupValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioGroupDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpRadioGroupOrientation"; "required": false; "isSignal": true; }; }, { "value": "ngpRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.NgpRovingFocusGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioGroup, "[ngpRadioGroup]", never, { "value": { "alias": "ngpRadioGroupValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioGroupDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpRadioGroupOrientation"; "required": false; "isSignal": true; }; }, { "value": "ngpRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.NgpRovingFocusGroup; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFormControl; inputs: {}; outputs: {}; }]>;
 }

package/radio/radio-indicator/radio-indicator.directive.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/interactions";
 export declare class NgpRadioIndicator {
     /**
      * Access the radio group.
@@ -13,5 +14,5 @@ export declare class NgpRadioIndicator {
      */
     readonly checked: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpRadioIndicator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioIndicator, "[ngpRadioIndicator]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioIndicator, "[ngpRadioIndicator]", never, {}, {}, never, never, true, [{ directive: typeof i1.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpPress; inputs: {}; outputs: {}; }]>;
 }

package/radio/radio-item/radio-item.directive.d.ts

@@ -8,6 +8,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/roving-focus";
+import * as i2 from "ng-primitives/interactions";
 export declare class NgpRadioItem {
     /**
      * Access the radio group.
@@ -37,5 +38,5 @@ export declare class NgpRadioItem {
      */
     protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpRadioItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioItem, "[ngpRadioItem]", never, { "value": { "alias": "ngpRadioItemValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "ngpRadioItemDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioItem, "[ngpRadioItem]", never, { "value": { "alias": "ngpRadioItemValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "ngpRadioItemDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusItem; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }]>;
 }

package/roving-focus/roving-focus-group/roving-focus-group.directive.d.ts

@@ -7,9 +7,10 @@
  */
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { NgpCanOrientate, NgpOrientation } from 'ng-primitives/internal';
 import { NgpRovingFocusItem } from '../roving-focus-item/roving-focus-item.directive';
 import * as i0 from "@angular/core";
-export declare class NgpRovingFocusGroup {
+export declare class NgpRovingFocusGroup implements NgpCanOrientate {
     /**
      * Access the directionality service.
      */
@@ -18,7 +19,11 @@ export declare class NgpRovingFocusGroup {
      * Determine the orientation of the roving focus group.
      * @default 'vertical'
      */
-    readonly orientation: import("@angular/core").ModelSignal<"horizontal" | "vertical">;
+    readonly orientation: import("@angular/core").ModelSignal<NgpOrientation>;
+    /**
+     * Determine the orientation of the roving focus group.
+     */
+    readonly groupOrientation: import("@angular/core").Signal<NgpOrientation>;
     /**
      * Determine if focus should wrap when the end or beginning is reached.
      */

package/search/README.md

@@ -0,0 +1,3 @@
+# ng-primitives/search
+
+Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/search`.

package/search/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NgpSearchField } from './search-field/search-field.directive';
+export { NgpSearchFieldToken } from './search-field/search-field.token';

package/search/search-field/search-field.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/form-field";
+export declare class NgpSearchField {
+    /**
+     * Access the child input field.
+     */
+    protected readonly input: import("@angular/core").Signal<import("ng-primitives/input").NgpInput>;
+    /**
+     * Whether the input field is empty.
+     */
+    protected readonly empty: import("@angular/core").Signal<boolean>;
+    protected clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpSearchField, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSearchField, "[ngpSearchField]", ["ngpSearchField"], {}, {}, ["input"], never, true, [{ directive: typeof i1.NgpFormField; inputs: {}; outputs: {}; }]>;
+}

package/search/search-field/search-field.token.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpSearchField } from './search-field.directive';
+export declare const NgpSearchFieldToken: InjectionToken<NgpSearchField>;
+/**
+ * Inject the SearchField directive instance
+ */
+export declare function injectSearchField(): NgpSearchField;

package/select/index.d.ts

@@ -5,11 +5,5 @@
  * This source code is licensed under the CC BY-ND 4.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { NgpSelectButton } from './select-button/select-button.directive';
-export { NgpSelectButtonToken } from './select-button/select-button.token';
-export { NgpSelectOption } from './select-option/select-option.directive';
-export { NgpSelectOptionToken } from './select-option/select-option.token';
-export { NgpSelectOptions } from './select-options/select-options.directive';
-export { NgpSelectOptionsToken } from './select-options/select-options.token';
 export { NgpSelect } from './select/select.directive';
 export { NgpSelectToken } from './select/select.token';

package/select/select/select.directive.d.ts

@@ -6,30 +6,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { BooleanInput } from '@angular/cdk/coercion';
+import { NgpCanDisable } from 'ng-primitives/internal';
 import * as i0 from "@angular/core";
-export declare class NgpSelect<T> {
+import * as i1 from "ng-primitives/form-field";
+import * as i2 from "ng-primitives/interactions";
+export declare class NgpSelect implements NgpCanDisable {
     /**
-     * The selected value.
-     */
-    readonly value: import("@angular/core").ModelSignal<T>;
-    /**
-     * Whether the select dropdown is open.
-     */
-    readonly open: import("@angular/core").ModelSignal<boolean>;
-    /**
-     * Disable the select component.
+     * Whether the select is disabled.
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Access the select button instance.
-     * @internal
-     */
-    readonly button: import("@angular/core").Signal<import("ng-primitives/select").NgpSelectButton>;
-    /**
-     * Access the select options instance.
-     * @internal
-     */
-    readonly options: import("@angular/core").Signal<import("ng-primitives/select").NgpSelectOptions<unknown>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpSelect<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSelect<any>, "[ngpSelect]", ["ngpSelect"], { "value": { "alias": "ngpSelectValue"; "required": true; "isSignal": true; }; "open": { "alias": "ngpSelectOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSelectDisabled"; "required": false; "isSignal": true; }; }, { "value": "ngpSelectValueChange"; "open": "ngpSelectOpenChange"; }, ["button", "options"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpSelect, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSelect, "select[ngpSelect]", ["ngpSelect"], { "disabled": { "alias": "ngpSelectDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }]>;
 }

package/select/select/select.token.d.ts

@@ -7,8 +7,8 @@
  */
 import { InjectionToken } from '@angular/core';
 import type { NgpSelect } from './select.directive';
-export declare const NgpSelectToken: InjectionToken<NgpSelect<unknown>>;
+export declare const NgpSelectToken: InjectionToken<NgpSelect>;
 /**
  * Inject the Select directive instance
  */
-export declare function injectSelect<T>(): NgpSelect<T>;
+export declare function injectSelect(): NgpSelect;

package/slider/slider/slider.directive.d.ts

@@ -6,8 +6,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { NgpCanDisable } from 'ng-primitives/internal';
 import * as i0 from "@angular/core";
-export declare class NgpSlider {
+import * as i1 from "ng-primitives/form-field";
+export declare class NgpSlider implements NgpCanDisable {
     /**
      * The value of the slider.
      */
@@ -41,5 +43,5 @@ export declare class NgpSlider {
      */
     protected readonly percentage: import("@angular/core").Signal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpSlider, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSlider, "[ngpSlider]", ["ngpSlider"], { "value": { "alias": "ngpSliderValue"; "required": false; "isSignal": true; }; "min": { "alias": "ngpSliderMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpSliderMax"; "required": false; "isSignal": true; }; "step": { "alias": "ngpSliderStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpSliderOrientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSliderDisabled"; "required": false; "isSignal": true; }; }, { "value": "ngpSliderValueChange"; }, ["track"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSlider, "[ngpSlider]", ["ngpSlider"], { "value": { "alias": "ngpSliderValue"; "required": false; "isSignal": true; }; "min": { "alias": "ngpSliderMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpSliderMax"; "required": false; "isSignal": true; }; "step": { "alias": "ngpSliderStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpSliderOrientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSliderDisabled"; "required": false; "isSignal": true; }; }, { "value": "ngpSliderValueChange"; }, ["track"], never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }]>;
 }

package/slider/slider-thumb/slider-thumb.directive.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/interactions";
 export declare class NgpSliderThumb {
     /**
      * Access the slider.
@@ -17,5 +18,5 @@ export declare class NgpSliderThumb {
      */
     protected handleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpSliderThumb, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSliderThumb, "[ngpSliderThumb]", ["ngpSliderThumb"], {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSliderThumb, "[ngpSliderThumb]", ["ngpSliderThumb"], {}, {}, never, never, true, [{ directive: typeof i1.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpPress; inputs: {}; outputs: {}; }]>;
 }

package/slider/slider-track/slider-track.directive.d.ts

@@ -11,7 +11,7 @@ export declare class NgpSliderTrack {
     /**
      * Access the slider.
      */
-    private readonly slider;
+    protected readonly slider: import("ng-primitives/slider").NgpSlider;
     /**
      * The element that represents the slider track.
      */

package/switch/switch/switch.directive.d.ts

@@ -6,9 +6,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { BooleanInput } from '@angular/cdk/coercion';
-import { ControlValueAccessor } from '@angular/forms';
+import { NgpCanDisable } from 'ng-primitives/internal';
 import * as i0 from "@angular/core";
-export declare class NgpSwitch implements ControlValueAccessor {
+import * as i1 from "ng-primitives/form-field";
+import * as i2 from "ng-primitives/interactions";
+export declare class NgpSwitch implements NgpCanDisable {
     /**
      * Access the element ref.
      */
@@ -27,48 +29,6 @@ export declare class NgpSwitch implements ControlValueAccessor {
      * @default false
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Store the form disabled state.
-     * @internal
-     */
-    readonly formDisabled: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * Derive the disabled state based on the input and form disabled state.
-     * @internal
-     */
-    readonly disabledState: import("@angular/core").Signal<boolean>;
-    /**
-     * Store the onChange callback.
-     */
-    private onChange?;
-    /**
-     * Store the onTouched callback.
-     */
-    protected onTouched?: () => void;
-    /**
-     * Register the onChange callback.
-     * @param fn The onChange callback.
-     * @internal
-     */
-    registerOnChange(fn: (checked: boolean) => void): void;
-    /**
-     * Register the onTouched callback.
-     * @param fn The onTouched callback.
-     * @internal
-     */
-    registerOnTouched(fn: () => void): void;
-    /**
-     * Write the value to the checked state.
-     * @param checked The checked state.
-     * @internal
-     */
-    writeValue(checked: boolean): void;
-    /**
-     * Set the disabled state.
-     * @param isDisabled The disabled state.
-     * @internal
-     */
-    setDisabledState(isDisabled: boolean): void;
     /**
      * Toggle the checked state.
      */
@@ -78,5 +38,5 @@ export declare class NgpSwitch implements ControlValueAccessor {
      */
     protected onKeyDown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpSwitch, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSwitch, "[ngpSwitch]", ["ngpSwitch"], { "checked": { "alias": "ngpSwitchChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSwitchDisabled"; "required": false; "isSignal": true; }; }, { "checked": "ngpSwitchCheckedChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSwitch, "[ngpSwitch]", ["ngpSwitch"], { "checked": { "alias": "ngpSwitchChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSwitchDisabled"; "required": false; "isSignal": true; }; }, { "checked": "ngpSwitchCheckedChange"; }, never, never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocusVisible; inputs: {}; outputs: {}; }]>;
 }

package/switch/switch-thumb/switch-thumb.directive.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/interactions";
 export declare class NgpSwitchThumb {
     /**
      * Access the switch directive.
      */
     protected readonly switch: import("ng-primitives/switch").NgpSwitch;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpSwitchThumb, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSwitchThumb, "[ngpSwitchThumb]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSwitchThumb, "[ngpSwitchThumb]", never, {}, {}, never, never, true, [{ directive: typeof i1.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i1.NgpPress; inputs: {}; outputs: {}; }]>;
 }

package/tabs/tab-button/tab-button.directive.d.ts

@@ -8,6 +8,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/roving-focus";
+import * as i2 from "ng-primitives/interactions";
 export declare class NgpTabButton {
     /**
      * Access the tabset
@@ -50,5 +51,5 @@ export declare class NgpTabButton {
      */
     protected activateOnFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpTabButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTabButton, "[ngpTabButton]", ["ngpTabButton"], { "value": { "alias": "ngpTabButtonValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "ngpTabButtonDisabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTabButton, "[ngpTabButton]", ["ngpTabButton"], { "value": { "alias": "ngpTabButtonValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "ngpTabButtonDisabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusItem; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }]>;
 }

package/tabs/tabset/tabset.directive.d.ts

@@ -6,18 +6,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { BooleanInput } from '@angular/cdk/coercion';
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { NgpCanOrientate, NgpOrientation } from 'ng-primitives/internal';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/roving-focus";
-export declare class NgpTabset implements OnChanges {
+export declare class NgpTabset implements NgpCanOrientate {
     /**
      * Access the global tabset configuration
      */
     private readonly config;
-    /**
-     * Access the roving focus group directive
-     */
-    private readonly rovingFocusGroup;
     /**
      * Define the id for the tabset
      */
@@ -30,7 +26,7 @@ export declare class NgpTabset implements OnChanges {
      * The orientation of the tabset
      * @default 'horizontal'
      */
-    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    readonly orientation: import("@angular/core").InputSignal<NgpOrientation>;
     /**
      * Whether tabs should activate on focus
      */
@@ -43,8 +39,6 @@ export declare class NgpTabset implements OnChanges {
      * Get the id of the selected tab
      */
     readonly selectedTab: import("@angular/core").Signal<string | null>;
-    constructor();
-    ngOnChanges(changes: SimpleChanges): void;
     /**
      * Select a tab by its value
      * @param value The value of the tab to select

package/textarea/README.md

@@ -0,0 +1,3 @@
+# ng-primitives/textarea
+
+Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/textarea`.

package/textarea/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NgpTextarea } from './textarea/textarea.directive';
+export { NgpTextareaToken } from './textarea/textarea.token';

package/textarea/textarea/textarea.directive.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { BooleanInput } from '@angular/cdk/coercion';
+import { NgpCanDisable } from 'ng-primitives/internal';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-primitives/form-field";
+import * as i2 from "ng-primitives/interactions";
+export declare class NgpTextarea implements NgpCanDisable {
+    /**
+     * Whether the element is disabled.
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpTextarea, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTextarea, "[ngpTextarea]", ["ngpTextarea"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocus; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }]>;
+}

package/textarea/textarea/textarea.token.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { InjectionToken } from '@angular/core';
+import type { NgpTextarea } from './textarea.directive';
+export declare const NgpTextareaToken: InjectionToken<NgpTextarea>;
+/**
+ * Inject the Textarea directive instance
+ */
+export declare function injectTextarea(): NgpTextarea;