ng-primitives 0.120.4 → 0.121.0

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

@@ -1,7 +1,10 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal, Provider } from '@angular/core';
-import { NgpOrientation } from 'ng-primitives/common';
+import * as ng_primitives_state from 'ng-primitives/state';
+import { StateInjectionOptions } from 'ng-primitives/state';
+import * as ng_primitives_accordion from 'ng-primitives/accordion';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { NgpOrientation } from 'ng-primitives/common';
 
 /**
  * Apply the `ngpAccordionContent` directive to an element that represents the content of an accordion item.
@@ -38,18 +41,10 @@ declare const injectAccordionContentState: {
     (): Signal<{
         id: Signal<string>;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
     }> | Signal<{
         id: Signal<string>;
@@ -59,80 +54,6 @@ declare const provideAccordionContentState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
-/**
- * The state interface for the Accordion pattern.
- */
-interface NgpAccordionState<T> {
-    /**
-     * The value of the accordion.
-     */
-    readonly value: WritableSignal<T | T[] | null>;
-    /**
-     * Whether the accordion is disabled.
-     */
-    readonly disabled: WritableSignal<boolean>;
-    /**
-     * The accordion orientation.
-     */
-    readonly orientation: WritableSignal<NgpOrientation>;
-    /**
-     * Set the value of the accordion.
-     */
-    setValue(value: T | T[] | null): void;
-    /**
-     * Set the disabled state of the accordion.
-     */
-    setDisabled(value: boolean): void;
-    /**
-     * Set the orientation of the accordion.
-     */
-    setOrientation(value: NgpOrientation): void;
-    /**
-     * Whether the specified value is open.
-     */
-    isOpen(value: T): boolean;
-    /**
-     * Toggle the specified value.
-     */
-    toggle(value: T): void;
-}
-/**
- * The props interface for the Accordion pattern.
- */
-interface NgpAccordionProps<T> {
-    /**
-     * The type of the accordion.
-     */
-    readonly type: Signal<NgpAccordionType>;
-    /**
-     * Whether the accordion is collapsible.
-     */
-    readonly collapsible: Signal<boolean>;
-    /**
-     * The value of the accordion.
-     */
-    readonly value: Signal<T | T[] | null>;
-    /**
-     * Whether the accordion is disabled.
-     */
-    readonly disabled?: Signal<boolean>;
-    /**
-     * The accordion orientation.
-     */
-    readonly orientation: Signal<NgpOrientation>;
-    /**
-     * Callback fired when valueChange is emitted.
-     */
-    readonly onValueChange?: (value: T | T[] | null) => void;
-}
-declare const NgpAccordionStateToken: _angular_core.InjectionToken<WritableSignal<NgpAccordionState<unknown>>>;
-declare const ngpAccordion: <T>({ type, collapsible, value: _value, disabled: _disabled, orientation: _orientation, onValueChange, }: NgpAccordionProps<T>) => NgpAccordionState<T>;
-declare const provideAccordionState: (opts?: {
-    inherit?: boolean;
-}) => _angular_core.FactoryProvider;
-type NgpAccordionType = 'single' | 'multiple';
-declare function injectAccordionState<T>(): Signal<NgpAccordionState<T>>;
-
 /**
  * Apply the `ngpAccordionItem` directive to an element that represents an accordion item.
  */
@@ -140,7 +61,7 @@ declare class NgpAccordionItem<T> {
     /**
      * Access the accordion.
      */
-    protected readonly accordion: _angular_core.Signal<NgpAccordionState<T>>;
+    protected readonly accordion: _angular_core.Signal<ng_primitives_accordion.NgpAccordionState<T>>;
     /**
      * The value of the accordion item.
      */
@@ -237,7 +158,7 @@ declare const ngpAccordionItem: <T>({ value, disabled: _disabled }: NgpAccordion
 declare const provideAccordionItemState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
-declare function injectAccordionItemState<T>(): Signal<NgpAccordionItemState<T>>;
+declare function injectAccordionItemState<T>(options?: StateInjectionOptions): Signal<NgpAccordionItemState<T>>;
 
 /**
  * Apply the `ngpAccordionTrigger` directive to an element that represents the trigger for an accordion item, such as a button.
@@ -256,6 +177,80 @@ declare class NgpAccordionTrigger<T> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpAccordionTrigger<any>, "[ngpAccordionTrigger]", ["ngpAccordionTrigger"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * The state interface for the Accordion pattern.
+ */
+interface NgpAccordionState<T> {
+    /**
+     * The value of the accordion.
+     */
+    readonly value: WritableSignal<T | T[] | null>;
+    /**
+     * Whether the accordion is disabled.
+     */
+    readonly disabled: WritableSignal<boolean>;
+    /**
+     * The accordion orientation.
+     */
+    readonly orientation: WritableSignal<NgpOrientation>;
+    /**
+     * Set the value of the accordion.
+     */
+    setValue(value: T | T[] | null): void;
+    /**
+     * Set the disabled state of the accordion.
+     */
+    setDisabled(value: boolean): void;
+    /**
+     * Set the orientation of the accordion.
+     */
+    setOrientation(value: NgpOrientation): void;
+    /**
+     * Whether the specified value is open.
+     */
+    isOpen(value: T): boolean;
+    /**
+     * Toggle the specified value.
+     */
+    toggle(value: T): void;
+}
+/**
+ * The props interface for the Accordion pattern.
+ */
+interface NgpAccordionProps<T> {
+    /**
+     * The type of the accordion.
+     */
+    readonly type: Signal<NgpAccordionType>;
+    /**
+     * Whether the accordion is collapsible.
+     */
+    readonly collapsible: Signal<boolean>;
+    /**
+     * The value of the accordion.
+     */
+    readonly value: Signal<T | T[] | null>;
+    /**
+     * Whether the accordion is disabled.
+     */
+    readonly disabled?: Signal<boolean>;
+    /**
+     * The accordion orientation.
+     */
+    readonly orientation: Signal<NgpOrientation>;
+    /**
+     * Callback fired when valueChange is emitted.
+     */
+    readonly onValueChange?: (value: T | T[] | null) => void;
+}
+declare const NgpAccordionStateToken: _angular_core.InjectionToken<WritableSignal<NgpAccordionState<unknown>>>;
+declare const ngpAccordion: <T>({ type, collapsible, value: _value, disabled: _disabled, orientation: _orientation, onValueChange, }: NgpAccordionProps<T>) => NgpAccordionState<T>;
+declare const provideAccordionState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+type NgpAccordionType = 'single' | 'multiple';
+declare function injectAccordionState<T>(options?: StateInjectionOptions): Signal<NgpAccordionState<T>>;
+
 /**
  * Apply the `ngpAccordion` directive to an element that represents the group of accordion items.
  */
@@ -291,7 +286,7 @@ declare class NgpAccordion<T> {
     /**
      * The accordion state.
      */
-    protected readonly state: NgpAccordionState<T>;
+    protected readonly state: ng_primitives_accordion.NgpAccordionState<T>;
     /**
      * @param value The value to check.
      * @returns Whether the value is open.
@@ -374,19 +369,11 @@ declare const injectAccordionTriggerState: {
         id: Signal<string>;
         toggle: () => void;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         toggle: () => void;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         id: Signal<string>;
         toggle: () => void;
     }> | Signal<{

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
+import * as ng_primitives_state from 'ng-primitives/state';
 
 /**
  * Apply the `ngpAutofill` directive to an element to detect browser autofill.
@@ -43,18 +44,10 @@ declare const injectAutofillState: {
     (): Signal<{
         autofilled: _angular_core.WritableSignal<boolean>;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         autofilled: _angular_core.WritableSignal<boolean>;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         autofilled: _angular_core.WritableSignal<boolean>;
     }> | Signal<{
         autofilled: _angular_core.WritableSignal<boolean>;

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, Provider } from '@angular/core';
 import { NumberInput } from '@angular/cdk/coercion';
+import * as ng_primitives_state from 'ng-primitives/state';
 
 /**
  * Apply the `ngpAvatarFallback` directive to an element that represents the user in the absence of an image. This is typically the user's initials.
@@ -32,16 +33,8 @@ declare const NgpAvatarFallbackStateToken: _angular_core.InjectionToken<_angular
 declare const ngpAvatarFallback: ({ delay }: NgpAvatarFallbackProps) => {};
 declare const injectAvatarFallbackState: {
     (): 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 provideAvatarFallbackState: (opts?: {
     inherit?: boolean;
@@ -64,16 +57,8 @@ declare const NgpAvatarImageStateToken: _angular_core.InjectionToken<_angular_co
 declare const ngpAvatarImage: ({}: NgpAvatarImageProps) => {};
 declare const injectAvatarImageState: {
     (): _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 provideAvatarImageState: (opts?: {
     inherit?: boolean;
@@ -104,19 +89,11 @@ declare const injectAvatarState: {
         status: _angular_core.WritableSignal<NgpAvatarStatus>;
         setStatus: (newStatus: NgpAvatarStatus) => void;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         status: _angular_core.WritableSignal<NgpAvatarStatus>;
         setStatus: (newStatus: NgpAvatarStatus) => void;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         status: _angular_core.WritableSignal<NgpAvatarStatus>;
         setStatus: (newStatus: NgpAvatarStatus) => void;
     }> | Signal<{

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as ng_primitives_state from 'ng-primitives/state';
 
 /**
  * Apply `ngpBreadcrumbEllipsis` to elements that represent collapsed breadcrumb items.
@@ -71,16 +72,8 @@ declare const NgpBreadcrumbsStateToken: _angular_core.InjectionToken<_angular_co
 declare const ngpBreadcrumbs: ({}: NgpBreadcrumbsProps) => {};
 declare const injectBreadcrumbsState: {
     (): _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 provideBreadcrumbsState: (opts?: {
     inherit?: boolean;
@@ -94,16 +87,8 @@ declare const NgpBreadcrumbListStateToken: _angular_core.InjectionToken<_angular
 declare const ngpBreadcrumbList: ({}: NgpBreadcrumbListProps) => {};
 declare const injectBreadcrumbListState: {
     (): _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 provideBreadcrumbListState: (opts?: {
     inherit?: boolean;
@@ -117,16 +102,8 @@ declare const NgpBreadcrumbItemStateToken: _angular_core.InjectionToken<_angular
 declare const ngpBreadcrumbItem: ({}: NgpBreadcrumbItemProps) => {};
 declare const injectBreadcrumbItemState: {
     (): _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 provideBreadcrumbItemState: (opts?: {
     inherit?: boolean;
@@ -140,16 +117,8 @@ declare const NgpBreadcrumbLinkStateToken: _angular_core.InjectionToken<_angular
 declare const ngpBreadcrumbLink: ({}: NgpBreadcrumbLinkProps) => {};
 declare const injectBreadcrumbLinkState: {
     (): _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 provideBreadcrumbLinkState: (opts?: {
     inherit?: boolean;
@@ -163,16 +132,8 @@ declare const NgpBreadcrumbPageStateToken: _angular_core.InjectionToken<_angular
 declare const ngpBreadcrumbPage: ({}: NgpBreadcrumbPageProps) => {};
 declare const injectBreadcrumbPageState: {
     (): _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 provideBreadcrumbPageState: (opts?: {
     inherit?: boolean;
@@ -186,16 +147,8 @@ declare const NgpBreadcrumbSeparatorStateToken: _angular_core.InjectionToken<_an
 declare const ngpBreadcrumbSeparator: ({}: NgpBreadcrumbSeparatorProps) => {};
 declare const injectBreadcrumbSeparatorState: {
     (): _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 provideBreadcrumbSeparatorState: (opts?: {
     inherit?: boolean;
@@ -209,16 +162,8 @@ declare const NgpBreadcrumbEllipsisStateToken: _angular_core.InjectionToken<_ang
 declare const ngpBreadcrumbEllipsis: ({}: NgpBreadcrumbEllipsisProps) => {};
 declare const injectBreadcrumbEllipsisState: {
     (): _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 provideBreadcrumbEllipsisState: (opts?: {
     inherit?: boolean;

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

@@ -1,34 +1,8 @@
+import * as ng_primitives_button from 'ng-primitives/button';
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-
-interface NgpButtonState {
-    /** Disabled state. `'soft'` means aria-disabled but still focusable. */
-    readonly disabled: Signal<boolean | 'soft'>;
-    /** Set the disabled state. `'soft'` keeps the button focusable. */
-    setDisabled(value: boolean | 'soft'): void;
-}
-interface NgpButtonProps {
-    /** Disabled state. `'soft'` means aria-disabled but still focusable. */
-    readonly disabled?: Signal<boolean | 'soft'>;
-}
-declare const ngpButton: ({ disabled: _disabled }: NgpButtonProps) => NgpButtonState;
-declare const injectButtonState: {
-    (): Signal<NgpButtonState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpButtonState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpButtonState> | Signal<NgpButtonState | null>;
-};
-declare const provideButtonState: (opts?: {
-    inherit?: boolean;
-}) => _angular_core.FactoryProvider;
+import * as ng_primitives_state from 'ng-primitives/state';
 
 declare class NgpButton {
     /**
@@ -39,7 +13,7 @@ declare class NgpButton {
     /**
      * The button state.
      */
-    protected readonly state: NgpButtonState;
+    protected readonly state: ng_primitives_button.NgpButtonState;
     /**
      * Set the disabled state of the button.
      * @param value The disabled state.
@@ -49,5 +23,25 @@ declare class NgpButton {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpButton, "[ngpButton]", ["ngpButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+interface NgpButtonState {
+    /** Disabled state. `'soft'` means aria-disabled but still focusable. */
+    readonly disabled: Signal<boolean | 'soft'>;
+    /** Set the disabled state. `'soft'` keeps the button focusable. */
+    setDisabled(value: boolean | 'soft'): void;
+}
+interface NgpButtonProps {
+    /** Disabled state. `'soft'` means aria-disabled but still focusable. */
+    readonly disabled?: Signal<boolean | 'soft'>;
+}
+declare const ngpButton: ({ disabled: _disabled }: NgpButtonProps) => NgpButtonState;
+declare const injectButtonState: {
+    (): Signal<NgpButtonState>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpButtonState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpButtonState> | Signal<NgpButtonState | null>;
+};
+declare const provideButtonState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
 export { NgpButton, injectButtonState, ngpButton, provideButtonState };
 export type { NgpButtonProps, NgpButtonState };