ng-primitives 0.41.0 → 0.43.0

package/schematics/ng-generate/schema.json

@@ -22,6 +22,7 @@
         "listbox",
         "meter",
         "pagination",
+        "popover",
         "progress",
         "radio",
         "search",

package/schematics/ng-generate/templates/popover/popover-trigger.__fileSuffix@dasherize__.ts.template

@@ -0,0 +1,39 @@
+import { Directive, input } from '@angular/core';
+import { injectPopoverTriggerState } from 'ng-primitives/popover';
+import { NgpPopoverTrigger } from 'ng-primitives/popover';
+import { Popover } from './popover';
+
+@Directive({
+  selector: '[appPopoverTrigger]',
+  hostDirectives: [
+    {
+      directive: NgpPopoverTrigger,
+      inputs: [
+        'ngpPopoverTriggerDisabled:appPopoverTriggerDisabled',
+        'ngpPopoverTriggerPlacement:appPopoverTriggerPlacement',
+        'ngpPopoverTriggerOffset:appPopoverTriggerOffset',
+        'ngpPopoverTriggerShowDelay:appPopoverTriggerShowDelay',
+        'ngpPopoverTriggerHideDelay:appPopoverTriggerHideDelay',
+        'ngpPopoverTriggerFlip:appPopoverTriggerFlip',
+        'ngpPopoverTriggerContainer:appPopoverTriggerContainer',
+        'ngpPopoverTriggerCloseOnOutsideClick:appPopoverTriggerCloseOnOutsideClick',
+        'ngpPopoverTriggerCloseOnEscape:appPopoverTriggerCloseOnEscape',
+        'ngpPopoverTriggerScrollBehavior:appPopoverTriggerScrollBehavior',
+        'ngpPopoverTriggerContext:appPopoverTrigger',
+      ],
+    },
+  ],
+})
+export class PopoverTrigger {
+  /** Access the popover trigger */
+  private readonly popoverTrigger = injectPopoverTriggerState();
+
+  /** Define the content of the popover */
+  readonly content = input.required<string>({
+    alias: 'appPopoverTrigger',
+  });
+
+  constructor() {
+    this.popoverTrigger().popover.set(Popover);
+  }
+}

package/schematics/ng-generate/templates/popover/popover.__fileSuffix@dasherize__.ts.template

@@ -0,0 +1,59 @@
+import { Component } from '@angular/core';
+import { injectPopoverContext, NgpPopover } from 'ng-primitives/popover';
+
+@Component({
+  selector: '<%= prefix %>-popover',
+  hostDirectives: [NgpPopover],
+  template: `
+    {{ content }}
+  `,
+  styles: `
+/* These styles rely on CSS variables that can be imported from ng-primitives/example-theme/index.css in your global styles */
+
+    :host {
+      position: absolute;
+      max-width: 16rem;
+      border-radius: 0.5rem;
+      background-color: var(--ngp-background-inverse);
+      padding: 0.5rem 0.75rem;
+      border: none;
+      font-size: 0.75rem;
+      font-weight: 500;
+      color: var(--ngp-text-inverse);
+      transform-origin: var(--ngp-popover-transform-origin);
+    }
+
+    :host[data-enter] {
+      animation: popover-show 200ms ease-in-out;
+    }
+
+    :host[data-exit] {
+      animation: popover-hide 200ms ease-in-out;
+    }
+
+    @keyframes popover-show {
+      0% {
+        opacity: 0;
+        transform: scale(0.5);
+      }
+      100% {
+        opacity: 1;
+        transform: scale(1);
+      }
+    }
+
+    @keyframes popover-hide {
+      0% {
+        opacity: 1;
+        transform: scale(1);
+      }
+      100% {
+        opacity: 0;
+        transform: scale(0.5);
+      }
+    }
+  `,
+})
+export class Popover<%= componentSuffix %> {
+  readonly content = injectPopoverContext();
+}

package/select/select/select.d.ts

@@ -1,6 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
-import * as i1 from "ng-primitives/form-field";
 /**
  * Apply the `ngpSelect` directive to a select element that you want to enhance.
  */
@@ -15,5 +14,5 @@ export declare class NgpSelect {
     private readonly state;
     constructor();
     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: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSelect, "select[ngpSelect]", ["ngpSelect"], { "disabled": { "alias": "ngpSelectDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/slider/slider/slider-state.d.ts

@@ -11,11 +11,11 @@ export declare const provideSliderState: (options?: import("ng-primitives/state"
  * Injects the Slider state.
  */
 export declare const injectSliderState: <U = {
-    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
-    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-    readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly track: import("@angular/core").WritableSignal<import("ng-primitives/slider").NgpSliderTrack | undefined>;

package/slider/slider/slider.d.ts

@@ -2,7 +2,6 @@ import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { NgpOrientation } from 'ng-primitives/common';
 import type { NgpSliderTrack } from '../slider-track/slider-track';
 import * as i0 from "@angular/core";
-import * as i1 from "ng-primitives/form-field";
 /**
  * Apply the `ngpSlider` directive to an element that represents the slider and contains the track, range, and thumb.
  */
@@ -51,5 +50,5 @@ export declare class NgpSlider {
     protected readonly state: import("ng-primitives/state").CreatedState<NgpSlider>;
     constructor();
     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; }; }, { "valueChange": "ngpSliderValueChange"; }, never, never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }]>;
+    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; }; }, { "valueChange": "ngpSliderValueChange"; }, never, never, true, never>;
 }

package/slider/slider-range/slider-range.d.ts

@@ -7,11 +7,11 @@ export declare class NgpSliderRange {
      * Access the slider state.
      */
     protected readonly sliderState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
         readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
         readonly track: import("@angular/core").WritableSignal<import("ng-primitives/slider").NgpSliderTrack | undefined>;

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

@@ -7,11 +7,11 @@ export declare class NgpSliderThumb {
      * Access the slider state.
      */
     protected readonly sliderState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
         readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
         readonly track: import("@angular/core").WritableSignal<import("ng-primitives/slider").NgpSliderTrack | undefined>;

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

@@ -7,11 +7,11 @@ export declare class NgpSliderTrack {
      * Access the slider state.
      */
     protected readonly sliderState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
         readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
         readonly track: import("@angular/core").WritableSignal<NgpSliderTrack | undefined>;

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

@@ -13,27 +13,24 @@ export declare class NgpTabButton implements OnInit {
     protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
         readonly config: import("ng-primitives/tabs").NgpTabsConfig;
         readonly rovingFocusGroupState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-            readonly directionality: import("@angular/cdk/bidi").Directionality;
+            readonly directionality: import("@angular/cdk/bidi-module.d-D-fEBKdS").D;
             readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
             readonly wrap: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
             readonly homeEnd: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
             readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
             readonly items: import("@angular/core").WritableSignal<import("ng-primitives/roving-focus").NgpRovingFocusItem[]>;
             readonly sortedItems: import("ng-primitives/roving-focus").NgpRovingFocusItem[];
-            readonly activeItem: import(
-            /**
-             * Determine the id of the tab button
-             * @internal
-             */
-            "@angular/core").WritableSignal<import("ng-primitives/roving-focus").NgpRovingFocusItem | null>;
+            readonly activeItem: import("@angular/core").WritableSignal<import("ng-primitives/roving-focus").NgpRovingFocusItem | null>;
             readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/roving-focus").NgpRovingFocusGroup>;
             register: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
             unregister: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
-            setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateFirstItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateLastItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateNextItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activatePreviousItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+            setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin? /**
+             * Whether the tab is active
+             */: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateFirstItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateLastItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateNextItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activatePreviousItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
             onKeydown: (event: KeyboardEvent) => void;
         }>>;
         readonly id: import("@angular/core").InputSignal<string>;

package/tabs/tab-list/tab-list.d.ts

@@ -9,7 +9,7 @@ export declare class NgpTabList {
     protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
         readonly config: import("ng-primitives/tabs").NgpTabsConfig;
         readonly rovingFocusGroupState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-            readonly directionality: import("@angular/cdk/bidi").Directionality;
+            readonly directionality: import("@angular/cdk/bidi-module.d-D-fEBKdS").D;
             readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
             readonly wrap: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
             readonly homeEnd: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
@@ -20,11 +20,11 @@ export declare class NgpTabList {
             readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/roving-focus").NgpRovingFocusGroup>;
             register: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
             unregister: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
-            setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateFirstItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateLastItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateNextItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activatePreviousItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+            setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateFirstItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateLastItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateNextItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activatePreviousItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
             onKeydown: (event: KeyboardEvent) => void;
         }>>;
         readonly id: import("@angular/core").InputSignal<string>;

package/tabs/tab-panel/tab-panel.d.ts

@@ -10,7 +10,7 @@ export declare class NgpTabPanel implements OnInit, OnDestroy {
     protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
         readonly config: import("ng-primitives/tabs").NgpTabsConfig;
         readonly rovingFocusGroupState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-            readonly directionality: import("@angular/cdk/bidi").Directionality;
+            readonly directionality: import("@angular/cdk/bidi-module.d-D-fEBKdS").D;
             readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
             readonly wrap: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
             readonly homeEnd: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
@@ -21,11 +21,11 @@ export declare class NgpTabPanel implements OnInit, OnDestroy {
             readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/roving-focus").NgpRovingFocusGroup>;
             register: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
             unregister: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
-            setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateFirstItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateLastItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activateNextItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-            activatePreviousItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+            setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateFirstItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateLastItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activateNextItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+            activatePreviousItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
             onKeydown: (event: KeyboardEvent) => void;
         }>>;
         readonly id: import("@angular/core").InputSignal<string>;

package/tabs/tabset/tabset-state.d.ts

@@ -13,7 +13,7 @@ export declare const provideTabsetState: (options?: import("ng-primitives/state"
 export declare const injectTabsetState: <U = {
     readonly config: import("ng-primitives/tabs").NgpTabsConfig;
     readonly rovingFocusGroupState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly directionality: import("@angular/cdk/bidi").Directionality;
+        readonly directionality: import("@angular/cdk/bidi-module.d-D-fEBKdS").D;
         readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
         readonly wrap: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
         readonly homeEnd: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
@@ -24,11 +24,11 @@ export declare const injectTabsetState: <U = {
         readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/roving-focus").NgpRovingFocusGroup>;
         register: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
         unregister: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
-        setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateFirstItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateLastItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateNextItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activatePreviousItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+        setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateFirstItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateLastItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateNextItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activatePreviousItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
         onKeydown: (event: KeyboardEvent) => void;
     }>>;
     readonly id: import("@angular/core").InputSignal<string>;

package/textarea/textarea/textarea.d.ts

@@ -1,6 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
-import * as i1 from "ng-primitives/form-field";
 export declare class NgpTextarea {
     /**
      * Whether the element is disabled.
@@ -12,5 +11,5 @@ export declare class NgpTextarea {
     protected readonly state: import("ng-primitives/state").CreatedState<NgpTextarea>;
     constructor();
     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: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTextarea, "[ngpTextarea]", ["ngpTextarea"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/toggle-group/toggle-group/toggle-group-state.d.ts

@@ -12,7 +12,7 @@ export declare const provideToggleGroupState: (options?: import("ng-primitives/s
  */
 export declare const injectToggleGroupState: <U = {
     readonly rovingFocusGroupState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly directionality: import("@angular/cdk/bidi").Directionality;
+        readonly directionality: import("@angular/cdk/bidi-module.d-D-fEBKdS").D;
         readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
         readonly wrap: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
         readonly homeEnd: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
@@ -23,11 +23,11 @@ export declare const injectToggleGroupState: <U = {
         readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/roving-focus").NgpRovingFocusGroup>;
         register: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
         unregister: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
-        setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateFirstItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateLastItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateNextItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activatePreviousItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+        setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateFirstItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateLastItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateNextItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activatePreviousItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
         onKeydown: (event: KeyboardEvent) => void;
     }>>;
     readonly config: import("ng-primitives/toggle-group").NgpToggleGroupConfig;

package/toolbar/toolbar/toolbar-state.d.ts

@@ -12,7 +12,7 @@ export declare const provideToolbarState: (options?: import("ng-primitives/state
  */
 export declare const injectToolbarState: <U = {
     readonly rovingFocusGroup: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly directionality: import("@angular/cdk/bidi").Directionality;
+        readonly directionality: import("@angular/cdk/bidi-module.d-D-fEBKdS").D;
         readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
         readonly wrap: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
         readonly homeEnd: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
@@ -23,11 +23,11 @@ export declare const injectToolbarState: <U = {
         readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/roving-focus").NgpRovingFocusGroup>;
         register: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
         unregister: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
-        setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateFirstItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateLastItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activateNextItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-        activatePreviousItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+        setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateFirstItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateLastItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activateNextItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+        activatePreviousItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
         onKeydown: (event: KeyboardEvent) => void;
     }>>;
     readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;