ng-primitives 0.90.0 → 0.91.0

package/avatar/index.d.ts

@@ -1,82 +1,132 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, Provider } from '@angular/core';
+import { Signal, Provider } from '@angular/core';
 import { NumberInput } from '@angular/cdk/coercion';
-import * as ng_primitives_state from 'ng-primitives/state';
-import * as i1 from 'ng-primitives/a11y';
-import { NgpVisuallyHidden } from 'ng-primitives/a11y';
 
 /**
  * Apply the `ngpAvatarFallback` directive to an element that represents the user in the absence of an image. This is typically the user's initials.
  */
-declare class NgpAvatarFallback implements OnInit {
-    /**
-     * Access the avatar
-     */
-    private readonly avatar;
+declare class NgpAvatarFallback {
     /**
      * Access the global configuration.
      */
     private readonly config;
-    /**
-     * Access the disposable utilities.
-     */
-    private readonly disposables;
     /**
      * Define a delay before the fallback is shown. This is useful to only show the fallback for those with slower connections.
      * @default 0
      */
     readonly delay: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * Determine if this element should be hidden.
-     * @returns True if the element should be visible
-     */
-    protected readonly visible: _angular_core.Signal<boolean>;
-    /**
-     * Determine the delay has elapsed, and we can show the fallback.
-     */
-    private delayElapsed;
-    ngOnInit(): void;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpAvatarFallback, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpAvatarFallback, "[ngpAvatarFallback]", ["ngpAvatarFallback"], { "delay": { "alias": "ngpAvatarFallbackDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+interface NgpAvatarFallbackState {
+}
+interface NgpAvatarFallbackProps {
+    /**
+     * The delay before showing the fallback.
+     */
+    delay?: Signal<number>;
+}
+declare const NgpAvatarFallbackStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpAvatarFallback: ({}: NgpAvatarFallbackProps) => {};
+declare const injectAvatarFallbackState: {
+    (): Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): Signal<{} | null>;
+};
+declare const provideAvatarFallbackState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
 /**
  * Apply the `ngpAvatarImage` directive to an element that represents the avatar image. This would typically be an `img` element or a `div` with a background image.
  */
-declare class NgpAvatarImage implements OnInit {
-    /**
-     * Control the visibility of the image.
-     */
-    protected readonly visuallyHidden: _angular_core.Signal<ng_primitives_state.State<NgpVisuallyHidden>>;
+declare class NgpAvatarImage {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpAvatarImage, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpAvatarImage, "img[ngpAvatarImage]", ["ngpAvatarImage"], {}, {}, never, never, true, never>;
+}
+
+interface NgpAvatarImageState {
+}
+interface NgpAvatarImageProps {
+}
+declare const NgpAvatarImageStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpAvatarImage: ({}: NgpAvatarImageProps) => {};
+declare const injectAvatarImageState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideAvatarImageState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpAvatarState {
     /**
-     * Access the avatar
+     * The avatar status.
      */
-    private readonly avatar;
+    status: Signal<NgpAvatarStatus>;
     /**
-     * Access the image element ref.
+     * Set the avatar status.
      */
-    private readonly elementRef;
-    ngOnInit(): void;
-    protected onLoad(): void;
-    protected onError(): void;
-    private setState;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpAvatarImage, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpAvatarImage, "img[ngpAvatarImage]", ["ngpAvatarImage"], {}, {}, never, never, true, [{ directive: typeof i1.NgpVisuallyHidden; inputs: {}; outputs: {}; }]>;
+    setStatus(status: NgpAvatarStatus): void;
+}
+interface NgpAvatarProps {
+}
+declare const NgpAvatarStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{
+    status: _angular_core.WritableSignal<NgpAvatarStatus>;
+    setStatus: (newStatus: NgpAvatarStatus) => void;
+}>>;
+declare const ngpAvatar: ({}: NgpAvatarProps) => {
+    status: _angular_core.WritableSignal<NgpAvatarStatus>;
+    setStatus: (newStatus: NgpAvatarStatus) => void;
+};
+declare const injectAvatarState: {
+    (): Signal<{
+        status: _angular_core.WritableSignal<NgpAvatarStatus>;
+        setStatus: (newStatus: NgpAvatarStatus) => void;
+    }>;
+    (options: {
+        hoisted: true;
+    }): Signal<{
+        status: _angular_core.WritableSignal<NgpAvatarStatus>;
+        setStatus: (newStatus: NgpAvatarStatus) => void;
+    } | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): Signal<{
+        status: _angular_core.WritableSignal<NgpAvatarStatus>;
+        setStatus: (newStatus: NgpAvatarStatus) => void;
+    } | null>;
+};
+declare const provideAvatarState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+declare enum NgpAvatarStatus {
+    Idle = "idle",
+    Loading = "loading",
+    Loaded = "loaded",
+    Error = "error"
 }
 
 /**
  * Apply the `ngpAvatar` directive to an element that represents the avatar. This directive is a container for the image and/or fallback.
  */
 declare class NgpAvatar {
-    /**
-     * Store the current status of the avatar.
-     * @internal
-     */
-    readonly status: _angular_core.WritableSignal<NgpAvatarStatus>;
     /**
      * The avatar state.
      */
-    protected readonly state: ng_primitives_state.CreatedState<NgpAvatar>;
+    private readonly state;
     /**
      * Set the avatar status.
      * @param status The status to set.
@@ -86,21 +136,6 @@ declare class NgpAvatar {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpAvatar, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpAvatar, "[ngpAvatar]", ["ngpAvatar"], {}, {}, never, never, true, never>;
 }
-declare enum NgpAvatarStatus {
-    Idle = "idle",
-    Loading = "loading",
-    Loaded = "loaded",
-    Error = "error"
-}
-
-/**
- * Provides the Avatar state.
- */
-declare const provideAvatarState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
-/**
- * Injects the Avatar state.
- */
-declare const injectAvatarState: <U = NgpAvatar>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>;
 
 interface NgpAvatarConfig {
     /**
@@ -116,5 +151,5 @@ interface NgpAvatarConfig {
  */
 declare function provideAvatarConfig(config: Partial<NgpAvatarConfig>): Provider[];
 
-export { NgpAvatar, NgpAvatarFallback, NgpAvatarImage, NgpAvatarStatus, injectAvatarState, provideAvatarConfig, provideAvatarState };
-export type { NgpAvatarConfig };
+export { NgpAvatar, NgpAvatarFallback, NgpAvatarFallbackStateToken, NgpAvatarImage, NgpAvatarImageStateToken, NgpAvatarStateToken, NgpAvatarStatus, injectAvatarFallbackState, injectAvatarImageState, injectAvatarState, ngpAvatar, ngpAvatarFallback, ngpAvatarImage, provideAvatarConfig, provideAvatarFallbackState, provideAvatarImageState, provideAvatarState };
+export type { NgpAvatarConfig, NgpAvatarFallbackProps, NgpAvatarFallbackState, NgpAvatarImageProps, NgpAvatarImageState, NgpAvatarProps, NgpAvatarState };

package/breadcrumbs/index.d.ts

@@ -1,19 +1,21 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 /**
  * Apply `ngpBreadcrumbEllipsis` to elements that represent collapsed breadcrumb items.
  */
 declare class NgpBreadcrumbEllipsis {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpBreadcrumbEllipsis, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpBreadcrumbEllipsis, "[ngpBreadcrumbEllipsis]", ["ngpBreadcrumbEllipsis"], {}, {}, never, never, true, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbEllipsis, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbEllipsis, "[ngpBreadcrumbEllipsis]", ["ngpBreadcrumbEllipsis"], {}, {}, never, never, true, never>;
 }
 
 /**
  * Apply `ngpBreadcrumbItem` to each list item in the breadcrumb trail.
  */
 declare class NgpBreadcrumbItem {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpBreadcrumbItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpBreadcrumbItem, "[ngpBreadcrumbItem]", ["ngpBreadcrumbItem"], {}, {}, never, never, true, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbItem, "[ngpBreadcrumbItem]", ["ngpBreadcrumbItem"], {}, {}, never, never, true, never>;
 }
 
 /**
@@ -21,40 +23,178 @@ declare class NgpBreadcrumbItem {
  */
 declare class NgpBreadcrumbLink {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpBreadcrumbLink, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpBreadcrumbLink, "[ngpBreadcrumbLink]", ["ngpBreadcrumbLink"], {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbLink, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbLink, "[ngpBreadcrumbLink]", ["ngpBreadcrumbLink"], {}, {}, never, never, true, never>;
 }
 
 /**
  * Apply `ngpBreadcrumbList` to the ordered list that groups breadcrumb items.
  */
 declare class NgpBreadcrumbList {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpBreadcrumbList, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpBreadcrumbList, "[ngpBreadcrumbList]", ["ngpBreadcrumbList"], {}, {}, never, never, true, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbList, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbList, "[ngpBreadcrumbList]", ["ngpBreadcrumbList"], {}, {}, never, never, true, never>;
 }
 
 /**
  * Apply `ngpBreadcrumbPage` to non-link content that represents the active page.
  */
 declare class NgpBreadcrumbPage {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpBreadcrumbPage, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpBreadcrumbPage, "[ngpBreadcrumbPage]", ["ngpBreadcrumbPage"], {}, {}, never, never, true, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbPage, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbPage, "[ngpBreadcrumbPage]", ["ngpBreadcrumbPage"], {}, {}, never, never, true, never>;
 }
 
 /**
  * Apply `ngpBreadcrumbSeparator` between breadcrumb items to render a visual divider.
  */
 declare class NgpBreadcrumbSeparator {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpBreadcrumbSeparator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpBreadcrumbSeparator, "[ngpBreadcrumbSeparator]", ["ngpBreadcrumbSeparator"], {}, {}, never, never, true, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbSeparator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbSeparator, "[ngpBreadcrumbSeparator]", ["ngpBreadcrumbSeparator"], {}, {}, never, never, true, never>;
 }
 
 /**
  * Apply `ngpBreadcrumbs` to the navigation element that wraps the breadcrumb trail.
  */
 declare class NgpBreadcrumbs {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpBreadcrumbs, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpBreadcrumbs, "[ngpBreadcrumbs]", ["ngpBreadcrumbs"], {}, {}, never, never, true, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpBreadcrumbs, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpBreadcrumbs, "[ngpBreadcrumbs]", ["ngpBreadcrumbs"], {}, {}, never, never, true, never>;
+}
+
+interface NgpBreadcrumbsState {
+}
+interface NgpBreadcrumbsProps {
+}
+declare const NgpBreadcrumbsStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbs: ({}: NgpBreadcrumbsProps) => {};
+declare const injectBreadcrumbsState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbsState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbListState {
+}
+interface NgpBreadcrumbListProps {
+}
+declare const NgpBreadcrumbListStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbList: ({}: NgpBreadcrumbListProps) => {};
+declare const injectBreadcrumbListState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbListState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbItemState {
+}
+interface NgpBreadcrumbItemProps {
+}
+declare const NgpBreadcrumbItemStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbItem: ({}: NgpBreadcrumbItemProps) => {};
+declare const injectBreadcrumbItemState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbItemState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbLinkState {
+}
+interface NgpBreadcrumbLinkProps {
+}
+declare const NgpBreadcrumbLinkStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbLink: ({}: NgpBreadcrumbLinkProps) => {};
+declare const injectBreadcrumbLinkState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbLinkState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbPageState {
+}
+interface NgpBreadcrumbPageProps {
+}
+declare const NgpBreadcrumbPageStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbPage: ({}: NgpBreadcrumbPageProps) => {};
+declare const injectBreadcrumbPageState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbPageState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbSeparatorState {
+}
+interface NgpBreadcrumbSeparatorProps {
+}
+declare const NgpBreadcrumbSeparatorStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbSeparator: ({}: NgpBreadcrumbSeparatorProps) => {};
+declare const injectBreadcrumbSeparatorState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbSeparatorState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
+interface NgpBreadcrumbEllipsisState {
+}
+interface NgpBreadcrumbEllipsisProps {
 }
+declare const NgpBreadcrumbEllipsisStateToken: _angular_core.InjectionToken<_angular_core.WritableSignal<{}>>;
+declare const ngpBreadcrumbEllipsis: ({}: NgpBreadcrumbEllipsisProps) => {};
+declare const injectBreadcrumbEllipsisState: {
+    (): _angular_core.Signal<{}>;
+    (options: {
+        hoisted: true;
+    }): _angular_core.Signal<{} | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): _angular_core.Signal<{} | null>;
+};
+declare const provideBreadcrumbEllipsisState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
 
-export { NgpBreadcrumbEllipsis, NgpBreadcrumbItem, NgpBreadcrumbLink, NgpBreadcrumbList, NgpBreadcrumbPage, NgpBreadcrumbSeparator, NgpBreadcrumbs };
+export { NgpBreadcrumbEllipsis, NgpBreadcrumbEllipsisStateToken, NgpBreadcrumbItem, NgpBreadcrumbItemStateToken, NgpBreadcrumbLink, NgpBreadcrumbLinkStateToken, NgpBreadcrumbList, NgpBreadcrumbListStateToken, NgpBreadcrumbPage, NgpBreadcrumbPageStateToken, NgpBreadcrumbSeparator, NgpBreadcrumbSeparatorStateToken, NgpBreadcrumbs, NgpBreadcrumbsStateToken, injectBreadcrumbEllipsisState, injectBreadcrumbItemState, injectBreadcrumbLinkState, injectBreadcrumbListState, injectBreadcrumbPageState, injectBreadcrumbSeparatorState, injectBreadcrumbsState, ngpBreadcrumbEllipsis, ngpBreadcrumbItem, ngpBreadcrumbLink, ngpBreadcrumbList, ngpBreadcrumbPage, ngpBreadcrumbSeparator, ngpBreadcrumbs, provideBreadcrumbEllipsisState, provideBreadcrumbItemState, provideBreadcrumbLinkState, provideBreadcrumbListState, provideBreadcrumbPageState, provideBreadcrumbSeparatorState, provideBreadcrumbsState };
+export type { NgpBreadcrumbEllipsisProps, NgpBreadcrumbEllipsisState, NgpBreadcrumbItemProps, NgpBreadcrumbItemState, NgpBreadcrumbLinkProps, NgpBreadcrumbLinkState, NgpBreadcrumbListProps, NgpBreadcrumbListState, NgpBreadcrumbPageProps, NgpBreadcrumbPageState, NgpBreadcrumbSeparatorProps, NgpBreadcrumbSeparatorState, NgpBreadcrumbsProps, NgpBreadcrumbsState };

package/button/index.d.ts

@@ -1,8 +1,27 @@
-import * as ng_primitives_state from 'ng-primitives/state';
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 
+interface NgpButtonState {
+    disabled: Signal<boolean>;
+}
+interface NgpButtonProps {
+    disabled: Signal<boolean>;
+}
+declare const ngpButton: ({ disabled }: NgpButtonProps) => NgpButtonState;
+declare const injectButtonState: {
+    (): Signal<NgpButtonState>;
+    (options: {
+        hoisted: true;
+    }): Signal<NgpButtonState | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): Signal<NgpButtonState | null>;
+};
+declare const provideButtonState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
 declare class NgpButton {
     /**
      * Whether the button is disabled.
@@ -11,34 +30,10 @@ declare class NgpButton {
     /**
      * The button state.
      */
-    protected readonly state: ng_primitives_state.CreatedState<NgpButton>;
-    constructor();
+    protected readonly state: NgpButtonState;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpButton, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpButton, "[ngpButton]", ["ngpButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * Provides the Button state.
- */
-declare const provideButtonState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
-/**
- * Injects the Button state.
- */
-declare const injectButtonState: <U = NgpButton>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>;
-
-/** @internal */
-interface NgpButtonOptions {
-    /**
-     * Whether the button is disabled.
-     * @default false
-     */
-    disabled?: Signal<boolean>;
-}
-/**
- * @internal
- * Setup the button interactions and attributes.
- * @param options - The options for the button.
- */
-declare function setupButton({ disabled }: NgpButtonOptions): void;
-
-export { NgpButton, injectButtonState, provideButtonState, setupButton };
+export { NgpButton, injectButtonState, ngpButton, provideButtonState };
+export type { NgpButtonProps, NgpButtonState };

package/checkbox/index.d.ts

@@ -1,7 +1,96 @@
-import * as ng_primitives_state from 'ng-primitives/state';
 import * as _angular_core from '@angular/core';
+import { Signal, WritableSignal } from '@angular/core';
+import { Observable } from 'rxjs';
 import { BooleanInput } from '@angular/cdk/coercion';
 
+/**
+ * Public state surface for the Checkbox primitive.
+ */
+interface NgpCheckboxState {
+    /**
+     * The id of the checkbox.
+     */
+    readonly id: Signal<string>;
+    /**
+     * Whether the checkbox is checked.
+     */
+    readonly checked: WritableSignal<boolean>;
+    /**
+     * Whether the checkbox is indeterminate.
+     */
+    readonly indeterminate: WritableSignal<boolean>;
+    /**
+     * Whether the checkbox is disabled.
+     */
+    readonly disabled: WritableSignal<boolean>;
+    /**
+     * Emits when the checked state changes.
+     */
+    readonly checkedChange: Observable<boolean>;
+    /**
+     * Emits when the indeterminate state changes.
+     */
+    readonly indeterminateChange: Observable<boolean>;
+    /**
+     * Toggle the checkbox value.
+     */
+    toggle(event?: Event): void;
+    /**
+     * Update the checked value.
+     */
+    setChecked(value: boolean): void;
+    /**
+     * Update the indeterminate value.
+     */
+    setIndeterminate(value: boolean): void;
+    /**
+     * Set the disabled value.
+     */
+    setDisabled(value: boolean): void;
+}
+/**
+ * Inputs for configuring the Checkbox primitive.
+ */
+interface NgpCheckboxProps {
+    /**
+     * The id of the checkbox.
+     */
+    readonly id?: Signal<string>;
+    /**
+     * Whether the checkbox is checked.
+     */
+    readonly checked?: Signal<boolean>;
+    /**
+     * Whether the checkbox is indeterminate.
+     */
+    readonly indeterminate?: Signal<boolean>;
+    /**
+     * Whether the checkbox is disabled.
+     */
+    readonly disabled?: Signal<boolean>;
+    /**
+     * Callback fired when the checked state changes.
+     */
+    readonly onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Callback fired when the indeterminate state changes.
+     */
+    readonly onIndeterminateChange?: (indeterminate: boolean) => void;
+}
+declare const ngpCheckbox: ({ id, checked: _checked, indeterminate: _indeterminate, disabled: _disabled, onCheckedChange, onIndeterminateChange, }: NgpCheckboxProps) => NgpCheckboxState;
+declare const injectCheckboxState: {
+    (): Signal<NgpCheckboxState>;
+    (options: {
+        hoisted: true;
+    }): Signal<NgpCheckboxState | null>;
+    (options?: {
+        hoisted?: boolean;
+    }): Signal<NgpCheckboxState | null>;
+};
+declare const provideCheckboxState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
+
 /**
  * Apply the `ngpCheckbox` directive to an element to that represents the checkbox, such as a `button`.
  */
@@ -38,21 +127,11 @@ declare class NgpCheckbox {
     /**
      * The state of the checkbox.
      */
-    protected readonly state: ng_primitives_state.CreatedState<NgpCheckbox>;
-    constructor();
-    protected onEnter(event: KeyboardEvent): void;
+    protected readonly state: NgpCheckboxState;
     toggle(event?: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpCheckbox, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpCheckbox, "[ngpCheckbox]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "ngpCheckboxChecked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "ngpCheckboxIndeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "ngpCheckboxRequired"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpCheckboxDisabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "ngpCheckboxCheckedChange"; "indeterminateChange": "ngpCheckboxIndeterminateChange"; }, never, never, true, never>;
 }
 
-/**
- * Provides the Checkbox state.
- */
-declare const provideCheckboxState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
-/**
- * Injects the Checkbox state.
- */
-declare const injectCheckboxState: <U = NgpCheckbox>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>;
-
-export { NgpCheckbox, injectCheckboxState, provideCheckboxState };
+export { NgpCheckbox, injectCheckboxState, ngpCheckbox, provideCheckboxState };
+export type { NgpCheckboxProps, NgpCheckboxState };

package/combobox/index.d.ts

@@ -24,7 +24,7 @@ declare class NgpComboboxButton {
     constructor();
     protected toggleDropdown(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpComboboxButton, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpComboboxButton, "[ngpComboboxButton]", ["ngpComboboxButton"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpComboboxButton, "button[ngpComboboxButton]", ["ngpComboboxButton"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class NgpComboboxDropdown {