ng-primitives 0.120.4 → 0.121.0

package/{separator/index.d.ts → types/ng-primitives-separator.d.ts}

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Provider, Signal } from '@angular/core';
 import { NgpOrientation } from 'ng-primitives/common';
+import * as ng_primitives_state from 'ng-primitives/state';
 
 interface NgpSeparatorConfig {
     /**
@@ -38,16 +39,8 @@ interface NgpSeparatorProps {
 declare const ngpSeparator: ({ orientation }: NgpSeparatorProps) => {};
 declare const injectSeparatorState: {
     (): Signal<{}>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{} | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{}> | Signal<{} | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{} | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{}> | Signal<{} | null>;
 };
 declare const provideSeparatorState: (opts?: {
     inherit?: boolean;

package/{slider/index.d.ts → types/ng-primitives-slider.d.ts}

@@ -1,9 +1,11 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal, ElementRef } from '@angular/core';
+import * as ng_primitives_state from 'ng-primitives/state';
 import { FocusOrigin } from '@angular/cdk/a11y';
+import * as ng_primitives_slider from 'ng-primitives/slider';
+import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
 import { NgpOrientation } from 'ng-primitives/common';
 import { Observable } from 'rxjs';
-import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
 
 /**
  * Apply the `ngpSliderRange` directive to an element that represents the range of the slider.
@@ -27,16 +29,8 @@ interface NgpSliderRangeProps {
 declare const ngpSliderRange: ({}: NgpSliderRangeProps) => NgpSliderRangeState;
 declare const injectSliderRangeState: {
     (): _angular_core.Signal<NgpSliderRangeState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<NgpSliderRangeState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<NgpSliderRangeState> | _angular_core.Signal<NgpSliderRangeState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpSliderRangeState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpSliderRangeState> | _angular_core.Signal<NgpSliderRangeState | null>;
 };
 declare const provideSliderRangeState: (opts?: {
     inherit?: boolean;
@@ -88,16 +82,8 @@ interface NgpSliderThumbProps {
 declare const ngpSliderThumb: ({ onDragStart, onDragEnd }: NgpSliderThumbProps) => NgpSliderThumbState;
 declare const injectSliderThumbState: {
     (): Signal<NgpSliderThumbState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSliderThumbState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSliderThumbState> | Signal<NgpSliderThumbState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpSliderThumbState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpSliderThumbState> | Signal<NgpSliderThumbState | null>;
 };
 declare const provideSliderThumbState: (opts?: {
     inherit?: boolean;
@@ -125,21 +111,70 @@ interface NgpSliderTrackProps {
 declare const ngpSliderTrack: ({}: NgpSliderTrackProps) => NgpSliderTrackState;
 declare const injectSliderTrackState: {
     (): _angular_core.Signal<NgpSliderTrackState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<NgpSliderTrackState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<NgpSliderTrackState> | _angular_core.Signal<NgpSliderTrackState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpSliderTrackState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpSliderTrackState> | _angular_core.Signal<NgpSliderTrackState | null>;
 };
 declare const provideSliderTrackState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
+/**
+ * Apply the `ngpSlider` directive to an element that represents the slider and contains the track, range, and thumb.
+ */
+declare class NgpSlider {
+    /**
+     * The id of the slider. If not provided, a unique id will be generated.
+     */
+    readonly id: _angular_core.InputSignal<string>;
+    /**
+     * The value of the slider.
+     */
+    readonly value: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * Emits when the value changes.
+     */
+    readonly valueChange: _angular_core.OutputEmitterRef<number>;
+    /**
+     * The minimum value of the slider.
+     */
+    readonly min: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The maximum value of the slider.
+     */
+    readonly max: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The step value of the slider.
+     */
+    readonly step: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The orientation of the slider.
+     */
+    readonly orientation: _angular_core.InputSignal<NgpOrientation>;
+    /**
+     * The disabled state of the slider.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The state of the slider. We use this for the slider state rather than relying on the inputs.
+     * @internal
+     */
+    protected readonly state: ng_primitives_slider.NgpSliderState;
+    /**
+     * Set the value of the slider.
+     */
+    setValue(value: number): void;
+    /**
+     * Set the disabled state.
+     */
+    setDisabled(disabled: boolean): void;
+    /**
+     * Set the orientation.
+     */
+    setOrientation(orientation: NgpOrientation): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpSlider, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSlider, "[ngpSlider]", ["ngpSlider"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "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>;
+}
+
 /**
  * Public state surface for the Slider primitive.
  */
@@ -253,78 +288,13 @@ interface NgpSliderProps {
 declare const ngpSlider: ({ id, value: _value, min, max, step, orientation: _orientation, disabled: _disabled, onValueChange, }: NgpSliderProps) => NgpSliderState;
 declare const injectSliderState: {
     (): Signal<NgpSliderState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSliderState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSliderState> | Signal<NgpSliderState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpSliderState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpSliderState> | Signal<NgpSliderState | null>;
 };
 declare const provideSliderState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
-/**
- * Apply the `ngpSlider` directive to an element that represents the slider and contains the track, range, and thumb.
- */
-declare class NgpSlider {
-    /**
-     * The id of the slider. If not provided, a unique id will be generated.
-     */
-    readonly id: _angular_core.InputSignal<string>;
-    /**
-     * The value of the slider.
-     */
-    readonly value: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * Emits when the value changes.
-     */
-    readonly valueChange: _angular_core.OutputEmitterRef<number>;
-    /**
-     * The minimum value of the slider.
-     */
-    readonly min: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * The maximum value of the slider.
-     */
-    readonly max: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * The step value of the slider.
-     */
-    readonly step: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * The orientation of the slider.
-     */
-    readonly orientation: _angular_core.InputSignal<NgpOrientation>;
-    /**
-     * The disabled state of the slider.
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The state of the slider. We use this for the slider state rather than relying on the inputs.
-     * @internal
-     */
-    protected readonly state: NgpSliderState;
-    /**
-     * Set the value of the slider.
-     */
-    setValue(value: number): void;
-    /**
-     * Set the disabled state.
-     */
-    setDisabled(disabled: boolean): void;
-    /**
-     * Set the orientation.
-     */
-    setOrientation(orientation: NgpOrientation): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpSlider, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSlider, "[ngpSlider]", ["ngpSlider"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "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>;
-}
-
 /**
  * Apply the `ngpRangeSliderRange` directive to an element that represents the range between the low and high values.
  */
@@ -347,16 +317,8 @@ interface NgpRangeSliderRangeProps {
 declare const ngpRangeSliderRange: ({}: NgpRangeSliderRangeProps) => {};
 declare const injectRangeSliderRangeState: {
     (): _angular_core.Signal<{}>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<{} | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
+    (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{} | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
 };
 declare const provideRangeSliderRangeState: (opts?: {
     inherit?: boolean;
@@ -421,20 +383,12 @@ declare const injectRangeSliderThumbState: {
         value: Signal<number>;
         percentage: Signal<number>;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         thumb: Signal<"low" | "high">;
         value: Signal<number>;
         percentage: Signal<number>;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         thumb: Signal<"low" | "high">;
         value: Signal<number>;
         percentage: Signal<number>;
@@ -470,16 +424,8 @@ interface NgpRangeSliderTrackProps {
 declare const ngpRangeSliderTrack: ({}: NgpRangeSliderTrackProps) => {};
 declare const injectRangeSliderTrackState: {
     (): _angular_core.Signal<{}>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<{} | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
+    (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{} | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
 };
 declare const provideRangeSliderTrackState: (opts?: {
     inherit?: boolean;
@@ -689,16 +635,8 @@ interface NgpRangeSliderState {
 declare const ngpRangeSlider: ({ id, low: _low, high: _high, min, max, step, orientation: _orientation, disabled: _disabled, onLowChange, onHighChange, }: NgpRangeSliderProps) => NgpRangeSliderState;
 declare const injectRangeSliderState: {
     (): Signal<NgpRangeSliderState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpRangeSliderState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpRangeSliderState> | Signal<NgpRangeSliderState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpRangeSliderState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpRangeSliderState> | Signal<NgpRangeSliderState | null>;
 };
 declare const provideRangeSliderState: (opts?: {
     inherit?: boolean;

package/{state/index.d.ts → types/ng-primitives-state.d.ts}

@@ -27,6 +27,11 @@ interface CreateStateProviderOptions {
      */
     inherit?: boolean;
 }
+type StateInjectionOptions = {
+    hoisted?: boolean;
+    optional?: boolean;
+    skipSelf?: boolean;
+} | undefined;
 /**
  * Create a new provider for the state. It first tries to inject the state from the parent injector,
  * as this allows for the state to be hoisted to a higher level in the component tree. This can
@@ -60,29 +65,13 @@ interface CreatePrimitiveOptions {
 type PrimitiveState<TFactory extends (...args: any[]) => unknown> = TFactory extends (props: unknown) => infer R ? R : TFactory extends (...args: any[]) => infer R ? R : never;
 type BasePrimitiveInjectionFn<TState> = {
     (): Signal<TState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<TState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<TState | null> | Signal<TState>;
+    (options: StateInjectionOptions): Signal<TState | null>;
+    (options?: StateInjectionOptions): Signal<TState | null> | Signal<TState>;
 };
 type PrimitiveInjectionFn<TFactory extends (...args: any[]) => unknown> = TFactory extends (props: unknown) => infer R ? {
     (): Signal<R>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<R | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<R | null> | Signal<R>;
+    (options: StateInjectionOptions): Signal<R | null>;
+    (options?: StateInjectionOptions): Signal<R | null> | Signal<R>;
 } : BasePrimitiveInjectionFn<PrimitiveState<TFactory>>;
 declare function createPrimitive<TFactory extends (...args: any[]) => unknown>(name: string, fn: TFactory, options?: CreatePrimitiveOptions): [
     InjectionToken<WritableSignal<PrimitiveState<TFactory>>>,
@@ -92,6 +81,22 @@ declare function createPrimitive<TFactory extends (...args: any[]) => unknown>(n
         inherit?: boolean;
     }) => FactoryProvider
 ];
+/**
+ * Wraps an external signal in a `linkedSignal` so it can be written to internally
+ * while still re-syncing whenever the source input changes.
+ *
+ * Only use this when the primitive needs to mutate the value internally (e.g. a
+ * setter, toggle, or other internal update) but must also remain in sync with the
+ * input. If the value is read-only — passed straight through to bindings or exposed
+ * to consumers without internal mutation — use the input signal directly instead.
+ *
+ * When `value` is `undefined`, falls back to a plain writable signal seeded with
+ * `defaultValue`, supporting uncontrolled usage.
+ *
+ * @param value - The external signal to synchronize with
+ * @param defaultValue - The default value to use when `value` is `undefined`
+ * @returns A writable signal linked to the external signal
+ */
 declare function controlled<T>(value: Signal<T>): WritableSignal<T>;
 declare function controlled<T>(value: Signal<T> | undefined, defaultValue: T): WritableSignal<T>;
 interface ControlledStateOptions<T> {
@@ -163,4 +168,4 @@ declare function emitter<T>({ injector, }?: {
 }): Emitter<T>;
 
 export { attrBinding, controlled, controlledState, createPrimitive, createState, createStateInjector, createStateProvider, createStateToken, dataBinding, deprecatedSetter, emitter, injectInheritedState, listener, onDestroy, onMount, styleBinding };
-export type { ControlledState, ControlledStateOptions, CreatePrimitiveOptions, CreateStateProviderOptions, CreatedState, Emitter, InjectedState, SetterOptions, State };
+export type { ControlledState, ControlledStateOptions, CreatePrimitiveOptions, CreateStateProviderOptions, CreatedState, Emitter, InjectedState, SetterOptions, State, StateInjectionOptions };

package/{switch/index.d.ts → types/ng-primitives-switch.d.ts}

@@ -1,7 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal } from '@angular/core';
-import { Observable } from 'rxjs';
+import * as ng_primitives_state from 'ng-primitives/state';
+import * as ng_primitives_switch from 'ng-primitives/switch';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { Observable } from 'rxjs';
 
 /**
  * Apply the `ngpSwitchThumb` directive to an element within a switch to represent the thumb.
@@ -33,21 +35,56 @@ interface NgpSwitchThumbProps {
 declare const ngpSwitchThumb: ({}: NgpSwitchThumbProps) => NgpSwitchThumbState;
 declare const injectSwitchThumbState: {
     (): Signal<NgpSwitchThumbState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSwitchThumbState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSwitchThumbState> | Signal<NgpSwitchThumbState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpSwitchThumbState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpSwitchThumbState> | Signal<NgpSwitchThumbState | null>;
 };
 declare const provideSwitchThumbState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
+/**
+ * Apply the `ngpSwitch` directive to an element to manage the checked state.
+ */
+declare class NgpSwitch {
+    /**
+     * The id of the switch. If not provided, a unique id will be generated.
+     */
+    readonly id: _angular_core.InputSignal<string>;
+    /**
+     * Determine if the switch is checked.
+     * @default false
+     */
+    readonly checked: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Emits when the checked state changes.
+     */
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Determine if the switch is disabled.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The switch state.
+     * @internal
+     */
+    readonly state: ng_primitives_switch.NgpSwitchState;
+    /**
+     * Toggle the checked state.
+     */
+    toggle(): void;
+    /**
+     * Update the checked value.
+     */
+    setChecked(value: boolean): void;
+    /**
+     * Update the disabled value.
+     */
+    setDisabled(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpSwitch, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSwitch, "[ngpSwitch]", ["ngpSwitch"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "ngpSwitchChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSwitchDisabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "ngpSwitchCheckedChange"; }, never, never, true, never>;
+}
+
 /**
  * Public state surface for the Switch primitive.
  */
@@ -105,63 +142,12 @@ interface NgpSwitchProps {
 declare const ngpSwitch: ({ id, checked: _checked, disabled: _disabled, onCheckedChange, }: NgpSwitchProps) => NgpSwitchState;
 declare const injectSwitchState: {
     (): Signal<NgpSwitchState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSwitchState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpSwitchState> | Signal<NgpSwitchState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpSwitchState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpSwitchState> | Signal<NgpSwitchState | null>;
 };
 declare const provideSwitchState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
-/**
- * Apply the `ngpSwitch` directive to an element to manage the checked state.
- */
-declare class NgpSwitch {
-    /**
-     * The id of the switch. If not provided, a unique id will be generated.
-     */
-    readonly id: _angular_core.InputSignal<string>;
-    /**
-     * Determine if the switch is checked.
-     * @default false
-     */
-    readonly checked: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Emits when the checked state changes.
-     */
-    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
-    /**
-     * Determine if the switch is disabled.
-     * @default false
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The switch state.
-     * @internal
-     */
-    readonly state: NgpSwitchState;
-    /**
-     * Toggle the checked state.
-     */
-    toggle(): void;
-    /**
-     * Update the checked value.
-     */
-    setChecked(value: boolean): void;
-    /**
-     * Update the disabled value.
-     */
-    setDisabled(value: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpSwitch, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSwitch, "[ngpSwitch]", ["ngpSwitch"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "ngpSwitchChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSwitchDisabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "ngpSwitchCheckedChange"; }, never, never, true, never>;
-}
-
 export { NgpSwitch, NgpSwitchThumb, injectSwitchState, injectSwitchThumbState, ngpSwitch, ngpSwitchThumb, provideSwitchState, provideSwitchThumbState };
 export type { NgpSwitchProps, NgpSwitchState, NgpSwitchThumbProps, NgpSwitchThumbState };

package/{tabs/index.d.ts → types/ng-primitives-tabs.d.ts}

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { Provider, Signal, WritableSignal } from '@angular/core';
 import { NgpOrientation } from 'ng-primitives/common';
 import { BooleanInput } from '@angular/cdk/coercion';
+import * as ng_primitives_state from 'ng-primitives/state';
 
 interface NgpTabsConfig {
     /**
@@ -110,20 +111,12 @@ declare const injectTabButtonState: {
         active: Signal<boolean>;
         select: () => void;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         active: Signal<boolean>;
         select: () => void;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         active: Signal<boolean>;
         select: () => void;
@@ -160,16 +153,8 @@ declare const NgpTabListStateToken: _angular_core.InjectionToken<_angular_core.W
 declare const ngpTabList: ({}: NgpTabListProps) => {};
 declare const injectTabListState: {
     (): _angular_core.Signal<{}>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<{} | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
+    (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{} | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
 };
 declare const provideTabListState: (opts?: {
     inherit?: boolean;
@@ -244,20 +229,12 @@ declare const injectTabPanelState: {
         labelledBy: Signal<string>;
         active: Signal<boolean>;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         panelId: Signal<string>;
         labelledBy: Signal<string>;
         active: Signal<boolean>;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         panelId: Signal<string>;
         labelledBy: Signal<string>;
         active: Signal<boolean>;
@@ -427,11 +404,7 @@ declare const injectTabsetState: {
         unregisterTab: (tabValue: string) => void;
         setActivateOnFocus: (newActivateOnFocus: boolean) => void;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         orientation: WritableSignal<NgpOrientation>;
         activateOnFocus: WritableSignal<boolean>;
@@ -443,11 +416,7 @@ declare const injectTabsetState: {
         unregisterTab: (tabValue: string) => void;
         setActivateOnFocus: (newActivateOnFocus: boolean) => void;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         orientation: WritableSignal<NgpOrientation>;
         activateOnFocus: WritableSignal<boolean>;

package/{textarea/index.d.ts → types/ng-primitives-textarea.d.ts}

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
+import * as ng_primitives_state from 'ng-primitives/state';
 
 declare class NgpTextarea {
     /**
@@ -69,20 +70,12 @@ declare const injectTextareaState: {
         disabled: WritableSignal<boolean>;
         setDisabled: (value: boolean) => void;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         disabled: WritableSignal<boolean>;
         setDisabled: (value: boolean) => void;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         disabled: WritableSignal<boolean>;
         setDisabled: (value: boolean) => void;