ng-primitives 0.48.0 → 0.49.0

package/form-field/form-field/form-field-state.d.ts

@@ -10,31 +10,7 @@ export declare const provideFormFieldState: (options?: import("ng-primitives/sta
 /**
  * Injects the FormField state.
  */
-export declare const injectFormFieldState: <U = {
-    readonly labels: import("@angular/core").WritableSignal<string[]>;
-    readonly descriptions: import("@angular/core").WritableSignal<string[]>;
-    readonly formControl: import("@angular/core").WritableSignal<string | null>;
-    readonly ngControl: import("@angular/core").Signal<import("@angular/forms").NgControl | undefined>;
-    readonly errors: import("@angular/core").WritableSignal<string[]>;
-    readonly pristine: import("@angular/core").WritableSignal<boolean | null>;
-    readonly touched: import("@angular/core").WritableSignal<boolean | null>;
-    readonly dirty: import("@angular/core").WritableSignal<boolean | null>;
-    readonly valid: import("@angular/core").WritableSignal<boolean | null>;
-    readonly invalid: import("@angular/core").WritableSignal<boolean | null>;
-    readonly pending: import("@angular/core").WritableSignal<boolean | null>;
-    readonly disabled: import("@angular/core").WritableSignal<boolean | null>;
-    subscription?: import("rxjs").Subscription | undefined;
-    readonly state: import("ng-primitives/state").CreatedState<NgpFormField>;
-    ngOnDestroy: () => void;
-    setupSubscriptions: (control: import("@angular/forms").NgControl | null | undefined) => void;
-    updateStatus: () => void;
-    setFormControl: (id: string) => void;
-    addLabel: (label: string) => void;
-    addDescription: (description: string) => void;
-    removeFormControl: () => void;
-    removeLabel: (label: string) => void;
-    removeDescription: (description: string) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectFormFieldState: <U = NgpFormField>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The FormField state registration function.
  */

package/form-field/label/label.d.ts

@@ -10,31 +10,7 @@ export declare class NgpLabel {
     /**
      * Access the form field that the label is associated with.
      */
-    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly labels: import("@angular/core").WritableSignal<string[]>;
-        readonly descriptions: import("@angular/core").WritableSignal<string[]>;
-        readonly formControl: import("@angular/core").WritableSignal<string | null>;
-        readonly ngControl: import("@angular/core").Signal<import("@angular/forms").NgControl | undefined>;
-        readonly errors: import("@angular/core").WritableSignal<string[]>;
-        readonly pristine: import("@angular/core").WritableSignal<boolean | null>;
-        readonly touched: import("@angular/core").WritableSignal<boolean | null>;
-        readonly dirty: import("@angular/core").WritableSignal<boolean | null>;
-        readonly valid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly invalid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly pending: import("@angular/core").WritableSignal<boolean | null>;
-        readonly disabled: import("@angular/core").WritableSignal<boolean | null>;
-        subscription?: import("rxjs").Subscription | undefined;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/form-field").NgpFormField>;
-        ngOnDestroy: () => void;
-        setupSubscriptions: (control: import("@angular/forms").NgControl | null | undefined) => void;
-        updateStatus: () => void;
-        setFormControl: (id: string) => void;
-        addLabel: (label: string) => void;
-        addDescription: (description: string) => void;
-        removeFormControl: () => void;
-        removeLabel: (label: string) => void;
-        removeDescription: (description: string) => void;
-    }>>;
+    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/form-field").NgpFormField>>;
     /**
      * Derive the for attribute value if the label is an HTML label element.
      */

package/input/input/input-state.d.ts

@@ -10,20 +10,7 @@ export declare const provideInputState: (options?: import("ng-primitives/state")
 /**
  * Injects the Input state.
  */
-export declare const injectInputState: <U = {
-    readonly searchState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly destroyRef: import("@angular/core").DestroyRef;
-        readonly input: import("@angular/core").WritableSignal<HTMLInputElement | null>;
-        readonly value: import("@angular/core").WritableSignal<string>;
-        readonly empty: import("@angular/core").Signal<boolean>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/search").NgpSearch>;
-        clear: () => void;
-        registerInput: (input: HTMLInputElement) => void;
-    }>>;
-    readonly elementRef: import("@angular/core").ElementRef<HTMLInputElement>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpInput>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectInputState: <U = NgpInput>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Input state registration function.
  */

package/input/input/input.d.ts

@@ -2,6 +2,10 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/autofill";
 export declare class NgpInput {
+    /**
+     * The id of the input.
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
     /**
      * The input may be used within a search field, if so we need to register it.
      */
@@ -20,5 +24,5 @@ export declare class NgpInput {
     protected readonly state: import("ng-primitives/state").CreatedState<NgpInput>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpInput, "input[ngpInput]", ["ngpInput"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpAutofill; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpInput, "input[ngpInput]", ["ngpInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpAutofill; inputs: {}; outputs: {}; }]>;
 }

package/listbox/listbox/listbox-state.d.ts

@@ -10,31 +10,7 @@ export declare const provideListboxState: (options?: import("ng-primitives/state
 /**
  * Injects the Listbox state.
  */
-export declare const injectListboxState: <U = {
-    readonly injector: import("@angular/core").Injector;
-    readonly destroyRef: import("@angular/core").DestroyRef;
-    readonly popoverTrigger: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/popover").NgpPopoverTrigger<unknown>>>;
-    readonly id: import("@angular/core").InputSignal<string>;
-    readonly mode: import("@angular/core").InputSignal<import("ng-primitives/common").NgpSelectionMode>;
-    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 compareWith: import("@angular/core").InputSignal<(a: unknown, b: unknown) => boolean>;
-    readonly tabindex: import("@angular/core").Signal<-1 | 0>;
-    readonly options: import("@angular/core").WritableSignal<import("ng-primitives/listbox").NgpListboxOption<unknown>[]>;
-    readonly keyManager: import("@angular/cdk/activedescendant-key-manager.d-Bjic5obv").A<import("ng-primitives/listbox").NgpListboxOption<unknown>>;
-    readonly activeDescendant: import("@angular/core").WritableSignal<string | undefined>;
-    readonly isFocused: import("@angular/core").WritableSignal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpListbox<unknown>>;
-    ngAfterContentInit: () => void;
-    updateActiveItem: () => void;
-    onKeydown: (event: KeyboardEvent) => void;
-    selectOption: (value: unknown, origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
-    isSelected: (value: unknown) => boolean;
-    activateOption: (value: unknown) => void;
-    addOption: (option: import("ng-primitives/listbox").NgpListboxOption<unknown>) => void;
-    removeOption: (option: import("ng-primitives/listbox").NgpListboxOption<unknown>) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U> | undefined>;
+export declare const injectListboxState: <U = NgpListbox<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U> | undefined>;
 /**
  * The Listbox state registration function.
  */

package/menu/menu-trigger/menu-trigger-state.d.ts

@@ -10,28 +10,7 @@ export declare const provideMenuTriggerState: (options?: import("ng-primitives/s
 /**
  * Injects the MenuTrigger state.
  */
-export declare const injectMenuTriggerState: <U = {
-    readonly trigger: import("@angular/core").ElementRef<HTMLElement>;
-    readonly injector: import("@angular/core").Injector;
-    readonly viewContainerRef: import("@angular/core").ViewContainerRef;
-    readonly config: import("ng-primitives/menu").NgpMenuConfig;
-    readonly menu: import("@angular/core").InputSignal<import("ng-primitives/portal").NgpOverlayContent<unknown> | undefined>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-    readonly offset: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly flip: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly container: import("@angular/core").InputSignal<HTMLElement | null>;
-    readonly scrollBehavior: import("@angular/core").InputSignal<"reposition" | "block">;
-    readonly context: import("@angular/core").InputSignal<unknown>;
-    readonly overlay: import("@angular/core").WritableSignal<import("ng-primitives/portal").NgpOverlay<unknown> | null>;
-    readonly open: import("@angular/core").Signal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpMenuTrigger<unknown>>;
-    ngOnDestroy: () => void;
-    toggle: (event: MouseEvent) => void;
-    show: () => void;
-    hide: (origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
-    createOverlay: () => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectMenuTriggerState: <U = NgpMenuTrigger<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The MenuTrigger state registration function.
  */

package/menu/submenu-trigger/submenu-trigger-state.d.ts

@@ -10,26 +10,7 @@ export declare const provideSubmenuTriggerState: (options?: import("ng-primitive
 /**
  * Injects the SubmenuTrigger state.
  */
-export declare const injectSubmenuTriggerState: <U = {
-    readonly trigger: import("@angular/core").ElementRef<HTMLElement>;
-    readonly injector: import("@angular/core").Injector;
-    readonly viewContainerRef: import("@angular/core").ViewContainerRef;
-    readonly parentMenu: import("ng-primitives/menu").NgpMenu | null;
-    readonly menu: import("@angular/core").InputSignal<import("ng-primitives/portal").NgpOverlayContent<unknown> | undefined>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-    readonly offset: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly flip: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly overlay: import("@angular/core").WritableSignal<import("ng-primitives/portal").NgpOverlay<unknown> | null>;
-    readonly open: import("@angular/core").Signal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpSubmenuTrigger<unknown>>;
-    toggle: (event: MouseEvent) => void;
-    show: () => void;
-    hide: (origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
-    createOverlay: () => void;
-    showSubmenuOnArrow: (event: KeyboardEvent) => void;
-    showSubmenuOnHover: (event: PointerEvent) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectSubmenuTriggerState: <U = NgpSubmenuTrigger<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The SubmenuTrigger state registration function.
  */

package/meter/meter/meter-state.d.ts

@@ -10,15 +10,7 @@ export declare const provideMeterState: (options?: import("ng-primitives/state")
 /**
  * Injects the Meter state.
  */
-export declare const injectMeterState: <U = {
-    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    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 valueLabel: import("@angular/core").InputSignal<import("./meter").NgpMeterValueTextFn>;
-    readonly label: import("@angular/core").WritableSignal<import("ng-primitives/meter").NgpMeterLabel | null>;
-    readonly percentage: import("@angular/core").Signal<number>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpMeter>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectMeterState: <U = NgpMeter>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Meter state registration function.
  */

package/meter/meter-indicator/meter-indicator.d.ts

@@ -1,15 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class NgpMeterIndicator {
     /** Access the meter */
-    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        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 valueLabel: import("@angular/core").InputSignal<import("../meter/meter").NgpMeterValueTextFn>;
-        readonly label: import("@angular/core").WritableSignal<import("ng-primitives/meter").NgpMeterLabel | null>;
-        readonly percentage: import("@angular/core").Signal<number>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/meter").NgpMeter>;
-    }>>;
+    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/meter").NgpMeter>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpMeterIndicator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMeterIndicator, "[ngpMeterIndicator]", ["ngpMeterIndicator"], {}, {}, never, never, true, never>;
 }

package/meter/meter-label/meter-label.d.ts

@@ -1,15 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class NgpMeterLabel {
     /** Access the meter */
-    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        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 valueLabel: import("@angular/core").InputSignal<import("../meter/meter").NgpMeterValueTextFn>;
-        readonly label: import("@angular/core").WritableSignal<NgpMeterLabel | null>;
-        readonly percentage: import("@angular/core").Signal<number>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/meter").NgpMeter>;
-    }>>;
+    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/meter").NgpMeter>>;
     /** The id of the meter label */
     readonly id: import("@angular/core").InputSignal<string>;
     constructor();

package/package.json

@@ -2,7 +2,7 @@
   "name": "ng-primitives",
   "description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
   "license": "Apache-2.0",
-  "version": "0.48.0",
+  "version": "0.49.0",
   "keywords": [
     "angular",
     "primitives",
@@ -183,14 +183,14 @@
       "types": "./select/index.d.ts",
       "default": "./fesm2022/ng-primitives-select.mjs"
     },
-    "./slider": {
-      "types": "./slider/index.d.ts",
-      "default": "./fesm2022/ng-primitives-slider.mjs"
-    },
     "./separator": {
       "types": "./separator/index.d.ts",
       "default": "./fesm2022/ng-primitives-separator.mjs"
     },
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "default": "./fesm2022/ng-primitives-slider.mjs"
+    },
     "./state": {
       "types": "./state/index.d.ts",
       "default": "./fesm2022/ng-primitives-state.mjs"

package/pagination/pagination/pagination-state.d.ts

@@ -10,16 +10,7 @@ export declare const providePaginationState: (options?: import("ng-primitives/st
 /**
  * Injects the Pagination state.
  */
-export declare const injectPaginationState: <U = {
-    readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-    readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly firstPage: import("@angular/core").Signal<boolean>;
-    readonly lastPage: import("@angular/core").Signal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpPagination>;
-    goToPage: (page: number) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectPaginationState: <U = NgpPagination>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Pagination state registration function.
  */

package/pagination/pagination-button/pagination-button.d.ts

@@ -8,16 +8,7 @@ export declare class NgpPaginationButton {
     /**
      * Access the pagination state.
      */
-    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly page: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
-        readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-        readonly firstPage: import("@angular/core").Signal<boolean>;
-        readonly lastPage: import("@angular/core").Signal<boolean>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/pagination").NgpPagination>;
-        goToPage: (page: number) => void;
-    }>>;
+    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/pagination").NgpPagination>>;
     /**
      * Define the page this button represents.
      */

package/pagination/pagination-first/pagination-first.d.ts

@@ -8,16 +8,7 @@ export declare class NgpPaginationFirst {
     /**
      * Access the pagination state.
      */
-    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-        readonly firstPage: import("@angular/core").Signal<boolean>;
-        readonly lastPage: import("@angular/core").Signal<boolean>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/pagination").NgpPagination>;
-        goToPage: (page: number) => void;
-    }>>;
+    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/pagination").NgpPagination>>;
     /**
      * Whether the button is disabled.
      */

package/pagination/pagination-next/pagination-next.d.ts

@@ -8,16 +8,7 @@ export declare class NgpPaginationNext {
     /**
      * Access the pagination state.
      */
-    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-        readonly firstPage: import("@angular/core").Signal<boolean>;
-        readonly lastPage: import("@angular/core").Signal<boolean>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/pagination").NgpPagination>;
-        goToPage: (page: number) => void;
-    }>>;
+    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/pagination").NgpPagination>>;
     /**
      * Whether the button is disabled.
      */

package/pagination/pagination-previous/pagination-previous.d.ts

@@ -8,16 +8,7 @@ export declare class NgpPaginationPrevious {
     /**
      * Access the pagination state.
      */
-    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-        readonly firstPage: import("@angular/core").Signal<boolean>;
-        readonly lastPage: import("@angular/core").Signal<boolean>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/pagination").NgpPagination>;
-        goToPage: (page: number) => void;
-    }>>;
+    protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/pagination").NgpPagination>>;
     /**
      * Whether the button is disabled.
      */

package/progress/progress/progress-state.d.ts

@@ -10,18 +10,7 @@ export declare const provideProgressState: (options?: import("ng-primitives/stat
 /**
  * Injects the Progress state.
  */
-export declare const injectProgressState: <U = {
-    readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    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 valueLabel: import("@angular/core").InputSignal<import("./progress").NgpProgressValueTextFn>;
-    readonly indeterminate: import("@angular/core").Signal<boolean>;
-    readonly progressing: import("@angular/core").Signal<boolean>;
-    readonly complete: import("@angular/core").Signal<boolean>;
-    readonly valueText: import("@angular/core").Signal<string>;
-    readonly label: import("@angular/core").WritableSignal<import("ng-primitives/progress").NgpProgressLabel | null>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpProgress>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectProgressState: <U = NgpProgress>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Progress state registration function.
  */

package/progress/progress-indicator/progress-indicator.d.ts

@@ -7,18 +7,7 @@ export declare class NgpProgressIndicator {
     /**
      * Access the progress state.
      */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        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 valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
-        readonly indeterminate: import("@angular/core").Signal<boolean>;
-        readonly progressing: import("@angular/core").Signal<boolean>;
-        readonly complete: import("@angular/core").Signal<boolean>;
-        readonly valueText: import("@angular/core").Signal<string>;
-        readonly label: import("@angular/core").WritableSignal<import("ng-primitives/progress").NgpProgressLabel | null>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/progress").NgpProgress>;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/progress").NgpProgress>>;
     /**
      * Get the percentage of the progress value.
      */

package/progress/progress-label/progress-label.d.ts

@@ -3,18 +3,7 @@ export declare class NgpProgressLabel {
     /**
      * Access the progress state.
      */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        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 valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
-        readonly indeterminate: import("@angular/core").Signal<boolean>;
-        readonly progressing: import("@angular/core").Signal<boolean>;
-        readonly complete: import("@angular/core").Signal<boolean>;
-        readonly valueText: import("@angular/core").Signal<string>;
-        readonly label: import("@angular/core").WritableSignal<NgpProgressLabel | null>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/progress").NgpProgress>;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/progress").NgpProgress>>;
     /**
      * The unique identifier for the progress label.
      */

package/progress/progress-track/progress-track.d.ts

@@ -3,18 +3,7 @@ export declare class NgpProgressTrack {
     /**
      * Access the progress state.
      */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        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 valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
-        readonly indeterminate: import("@angular/core").Signal<boolean>;
-        readonly progressing: import("@angular/core").Signal<boolean>;
-        readonly complete: import("@angular/core").Signal<boolean>;
-        readonly valueText: import("@angular/core").Signal<string>;
-        readonly label: import("@angular/core").WritableSignal<import("ng-primitives/progress").NgpProgressLabel | null>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/progress").NgpProgress>;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/progress").NgpProgress>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpProgressTrack, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpProgressTrack, "[ngpProgressTrack]", ["ngpProgressTrack"], {}, {}, never, never, true, never>;
 }

package/progress/progress-value/progress-value.d.ts

@@ -3,18 +3,7 @@ export declare class NgpProgressValue {
     /**
      * Access the progress state.
      */
-    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        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 valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
-        readonly indeterminate: import("@angular/core").Signal<boolean>;
-        readonly progressing: import("@angular/core").Signal<boolean>;
-        readonly complete: import("@angular/core").Signal<boolean>;
-        readonly valueText: import("@angular/core").Signal<string>;
-        readonly label: import("@angular/core").WritableSignal<import("ng-primitives/progress").NgpProgressLabel | null>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/progress").NgpProgress>;
-    }>>;
+    protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/progress").NgpProgress>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpProgressValue, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpProgressValue, "[ngpProgressValue]", ["ngpProgressValue"], {}, {}, never, never, true, never>;
 }

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

@@ -11,6 +11,10 @@ export declare class NgpRadioGroup<T> implements OnInit {
      * Access the roving focus group state.
      */
     private readonly rovingFocusGroupState;
+    /**
+     * The id of the radio group. If not provided, a unique id will be generated.
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
     /**
      * The value of the radio group.
      */
@@ -46,5 +50,5 @@ export declare class NgpRadioGroup<T> implements OnInit {
      */
     select(value: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpRadioGroup<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioGroup<any>, "[ngpRadioGroup]", never, { "value": { "alias": "ngpRadioGroupValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioGroupDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpRadioGroupOrientation"; "required": false; "isSignal": true; }; "compareWith": { "alias": "ngpRadioGroupCompareWith"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.NgpRovingFocusGroup; inputs: { "ngpRovingFocusGroupOrientation": "ngpRadioGroupOrientation"; "ngpRovingFocusGroupDisabled": "ngpRadioGroupDisabled"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpRadioGroup<any>, "[ngpRadioGroup]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpRadioGroupValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioGroupDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpRadioGroupOrientation"; "required": false; "isSignal": true; }; "compareWith": { "alias": "ngpRadioGroupCompareWith"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.NgpRovingFocusGroup; inputs: { "ngpRovingFocusGroupOrientation": "ngpRadioGroupOrientation"; "ngpRovingFocusGroupDisabled": "ngpRadioGroupDisabled"; }; outputs: {}; }]>;
 }

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

@@ -10,25 +10,7 @@ export declare const provideRovingFocusGroupState: (options?: import("ng-primiti
 /**
  * Injects the RovingFocusGroup state.
  */
-export declare const injectRovingFocusGroupState: <U = {
-    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("@angular/core").WritableSignal<import("ng-primitives/roving-focus").NgpRovingFocusItem | null>;
-    readonly state: import("ng-primitives/state").CreatedState<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/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;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectRovingFocusGroupState: <U = NgpRovingFocusGroup>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The RovingFocusGroup state registration function.
  */

package/search/search/search-state.d.ts

@@ -10,15 +10,7 @@ export declare const provideSearchState: (options?: import("ng-primitives/state"
 /**
  * Injects the Search state.
  */
-export declare const injectSearchState: <U = {
-    readonly destroyRef: import("@angular/core").DestroyRef;
-    readonly input: import("@angular/core").WritableSignal<HTMLInputElement | null>;
-    readonly value: import("@angular/core").WritableSignal<string>;
-    readonly empty: import("@angular/core").Signal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpSearch>;
-    clear: () => void;
-    registerInput: (input: HTMLInputElement) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectSearchState: <U = NgpSearch>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Search state registration function.
  */

package/search/search-clear/search-clear.d.ts

@@ -6,15 +6,7 @@ export declare class NgpSearchClear {
     /**
      * Access the Search instance.
      */
-    protected readonly search: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly destroyRef: import("@angular/core").DestroyRef;
-        readonly input: import("@angular/core").WritableSignal<HTMLInputElement | null>;
-        readonly value: import("@angular/core").WritableSignal<string>;
-        readonly empty: import("@angular/core").Signal<boolean>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/search").NgpSearch>;
-        clear: () => void;
-        registerInput: (input: HTMLInputElement) => void;
-    }>>;
+    protected readonly search: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/search").NgpSearch>>;
     /**
      * Clear the input field.
      */

package/select/select/select-state.d.ts

@@ -10,10 +10,7 @@ export declare const provideSelectState: (options?: import("ng-primitives/state"
 /**
  * Injects the Select state.
  */
-export declare const injectSelectState: <U = {
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpSelect>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectSelectState: <U = NgpSelect>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Select state registration function.
  */