ng-primitives 0.120.4 → 0.121.0

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, Provider, TemplateRef, Type } from '@angular/core';
 import * as ng_primitives_internal from 'ng-primitives/internal';
+import * as ng_primitives_toast from 'ng-primitives/toast';
 import { NgpPortal } from 'ng-primitives/portal';
 
 interface NgpToastOptions$1 {
@@ -37,12 +38,17 @@ interface NgpToastOptions$1 {
      * @internal
      */
     sequential: boolean;
+    /**
+     * When true, the toast will not auto-dismiss and must be dismissed explicitly.
+     * @internal
+     */
+    persistent: boolean;
 }
 
 declare class NgpToast {
     private readonly manager;
     private readonly injector;
-    protected readonly config: NgpToastConfig;
+    protected readonly config: ng_primitives_toast.NgpToastConfig;
     /** @internal */
     readonly options: NgpToastOptions$1;
     private readonly interactivityChecker;
@@ -170,6 +176,10 @@ interface NgpToastConfig {
      * When a toast is dismissed, the timer will start on the next toast.
      */
     sequential: boolean;
+    /**
+     * When true, toasts will not auto-dismiss and must be dismissed explicitly.
+     */
+    persistent: boolean;
 }
 /**
  * Provide the default Toast configuration
@@ -218,6 +228,8 @@ interface NgpToastOptions<T = unknown> {
     context?: T;
     /** When enabled, only the front toast's timer will run */
     sequential?: boolean;
+    /** When true, the toast will not auto-dismiss and must be dismissed explicitly */
+    persistent?: boolean;
 }
 interface NgpToastRecord {
     instance: NgpToast;

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

@@ -2,8 +2,10 @@ import * as _angular_core from '@angular/core';
 import { Provider, OnInit, Signal, WritableSignal } from '@angular/core';
 import { NgpOrientation } from 'ng-primitives/common';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { NgpRovingFocusGroupState } from 'ng-primitives/roving-focus';
+import * as ng_primitives_state from 'ng-primitives/state';
 import { SetterOptions } from 'ng-primitives/state';
+import * as ng_primitives_toggle_group from 'ng-primitives/toggle-group';
+import { NgpRovingFocusGroupState } from 'ng-primitives/roving-focus';
 import { Observable } from 'rxjs';
 
 interface NgpToggleGroupConfig {
@@ -74,21 +76,81 @@ interface NgpToggleGroupItemProps {
 declare const ngpToggleGroupItem: ({ value, disabled }: NgpToggleGroupItemProps) => NgpToggleGroupItemState;
 declare const injectToggleGroupItemState: {
     (): Signal<NgpToggleGroupItemState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpToggleGroupItemState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpToggleGroupItemState> | Signal<NgpToggleGroupItemState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpToggleGroupItemState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpToggleGroupItemState> | Signal<NgpToggleGroupItemState | null>;
 };
 declare const provideToggleGroupItemState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
+declare class NgpToggleGroup {
+    /**
+     * Access the global toggle group configuration.
+     */
+    private readonly config;
+    /**
+     * The orientation of the toggle group.
+     */
+    readonly orientation: _angular_core.InputSignal<NgpOrientation>;
+    /**
+     * Whether focus should wrap around when reaching the end of the toggle group.
+     * @default true
+     */
+    readonly wrap: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether toggle buttons can be deselected. If set to `false`, clicking a selected toggle button will not deselect it.
+     * @default true
+     */
+    readonly allowDeselection: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The type of the toggle group, whether only one item can be selected or multiple.
+     */
+    readonly type: _angular_core.InputSignal<"single" | "multiple">;
+    /**
+     * The selected value(s) of the toggle group.
+     */
+    readonly value: _angular_core.InputSignal<string[] | undefined>;
+    /**
+     * The default selected value(s) for uncontrolled usage.
+     * @default []
+     */
+    readonly defaultValue: _angular_core.InputSignal<string[]>;
+    /**
+     * Emits when the value of the toggle group changes.
+     */
+    readonly valueChange: _angular_core.OutputEmitterRef<string[]>;
+    /**
+     * Whether the toggle group is disabled.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The state of the toggle group.
+     */
+    protected readonly state: ng_primitives_toggle_group.NgpToggleGroupState;
+    /**
+     * Toggle a value in the toggle group.
+     */
+    toggle(value: string): void;
+    /**
+     * Set the value(s) of the toggle group.
+     */
+    setValue(newValue: string[], options?: SetterOptions): void;
+    /**
+     * Set the default value(s) of the toggle group.
+     */
+    setDefaultValue(defaultValue: string[]): void;
+    /**
+     * Set the disabled state of the toggle group.
+     */
+    setDisabled(isDisabled: boolean): void;
+    /**
+     * Set the orientation of the toggle group.
+     */
+    setOrientation(newOrientation: NgpOrientation): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggleGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggleGroup, "[ngpToggleGroup]", ["ngpToggleGroup"], { "orientation": { "alias": "ngpToggleGroupOrientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "ngpToggleGroupWrap"; "required": false; "isSignal": true; }; "allowDeselection": { "alias": "ngpToggleGroupAllowDeselection"; "required": false; "isSignal": true; }; "type": { "alias": "ngpToggleGroupType"; "required": false; "isSignal": true; }; "value": { "alias": "ngpToggleGroupValue"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "ngpToggleGroupDefaultValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleGroupDisabled"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpToggleGroupValueChange"; }, never, never, true, never>;
+}
+
 /**
  * The state interface for the ToggleGroup pattern.
  */
@@ -182,88 +244,12 @@ interface NgpToggleGroupProps {
 declare const ngpToggleGroup: ({ rovingFocusGroup, orientation: _orientation, allowDeselection: _allowDeselection, type: _type, value: _value, defaultValue: _defaultValue, disabled: _disabled, onValueChange, }: NgpToggleGroupProps) => NgpToggleGroupState;
 declare const injectToggleGroupState: {
     (): Signal<NgpToggleGroupState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpToggleGroupState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpToggleGroupState> | Signal<NgpToggleGroupState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpToggleGroupState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpToggleGroupState> | Signal<NgpToggleGroupState | null>;
 };
 declare const provideToggleGroupState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
-declare class NgpToggleGroup {
-    /**
-     * Access the global toggle group configuration.
-     */
-    private readonly config;
-    /**
-     * The orientation of the toggle group.
-     */
-    readonly orientation: _angular_core.InputSignal<NgpOrientation>;
-    /**
-     * Whether focus should wrap around when reaching the end of the toggle group.
-     * @default true
-     */
-    readonly wrap: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Whether toggle buttons can be deselected. If set to `false`, clicking a selected toggle button will not deselect it.
-     * @default true
-     */
-    readonly allowDeselection: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The type of the toggle group, whether only one item can be selected or multiple.
-     */
-    readonly type: _angular_core.InputSignal<"single" | "multiple">;
-    /**
-     * The selected value(s) of the toggle group.
-     */
-    readonly value: _angular_core.InputSignal<string[] | undefined>;
-    /**
-     * The default selected value(s) for uncontrolled usage.
-     * @default []
-     */
-    readonly defaultValue: _angular_core.InputSignal<string[]>;
-    /**
-     * Emits when the value of the toggle group changes.
-     */
-    readonly valueChange: _angular_core.OutputEmitterRef<string[]>;
-    /**
-     * Whether the toggle group is disabled.
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The state of the toggle group.
-     */
-    protected readonly state: NgpToggleGroupState;
-    /**
-     * Toggle a value in the toggle group.
-     */
-    toggle(value: string): void;
-    /**
-     * Set the value(s) of the toggle group.
-     */
-    setValue(newValue: string[], options?: SetterOptions): void;
-    /**
-     * Set the default value(s) of the toggle group.
-     */
-    setDefaultValue(defaultValue: string[]): void;
-    /**
-     * Set the disabled state of the toggle group.
-     */
-    setDisabled(isDisabled: boolean): void;
-    /**
-     * Set the orientation of the toggle group.
-     */
-    setOrientation(newOrientation: NgpOrientation): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggleGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggleGroup, "[ngpToggleGroup]", ["ngpToggleGroup"], { "orientation": { "alias": "ngpToggleGroupOrientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "ngpToggleGroupWrap"; "required": false; "isSignal": true; }; "allowDeselection": { "alias": "ngpToggleGroupAllowDeselection"; "required": false; "isSignal": true; }; "type": { "alias": "ngpToggleGroupType"; "required": false; "isSignal": true; }; "value": { "alias": "ngpToggleGroupValue"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "ngpToggleGroupDefaultValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleGroupDisabled"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpToggleGroupValueChange"; }, never, never, true, never>;
-}
-
 export { NgpToggleGroup, NgpToggleGroupItem, injectToggleGroupItemState, injectToggleGroupState, ngpToggleGroup, ngpToggleGroupItem, provideToggleGroupConfig, provideToggleGroupItemState, provideToggleGroupState };
 export type { NgpToggleGroupConfig, NgpToggleGroupItemProps, NgpToggleGroupItemState, NgpToggleGroupProps, NgpToggleGroupState };

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

@@ -1,8 +1,54 @@
+import * as ng_primitives_toggle from 'ng-primitives/toggle';
 import * as _angular_core from '@angular/core';
-import { WritableSignal, Signal } from '@angular/core';
+import { Signal, WritableSignal } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as ng_primitives_state from 'ng-primitives/state';
 import { SetterOptions } from 'ng-primitives/state';
 import { Observable } from 'rxjs';
-import { BooleanInput } from '@angular/cdk/coercion';
+
+/**
+ * Apply the `ngpToggle` directive to an element to manage the toggle state. This must be applied to a `button` element.
+ */
+declare class NgpToggle {
+    /**
+     * Whether the toggle is selected.
+     */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    /**
+     * The default selected state for uncontrolled usage.
+     * @default false
+     */
+    readonly defaultSelected: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Emits when the selected state changes.
+     */
+    readonly selectedChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Whether the toggle is disabled.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The state for the toggle primitive.
+     * @internal
+     */
+    protected readonly state: ng_primitives_toggle.NgpToggleState;
+    /**
+     * Toggle the selected state.
+     */
+    toggle(): void;
+    /**
+     * Set the selected state.
+     */
+    setSelected(value: boolean, options?: SetterOptions): void;
+    /**
+     * Set the default selected state.
+     */
+    setDefaultSelected(value: boolean): void;
+    setDisabled(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggle, "[ngpToggle]", ["ngpToggle"], { "selected": { "alias": "ngpToggleSelected"; "required": false; "isSignal": true; }; "defaultSelected": { "alias": "ngpToggleDefaultSelected"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleDisabled"; "required": false; "isSignal": true; }; }, { "selectedChange": "ngpToggleSelectedChange"; }, never, never, true, never>;
+}
 
 /**
  * Public state surface for the Toggle primitive.
@@ -61,64 +107,12 @@ interface NgpToggleProps {
 declare const ngpToggle: ({ selected: _selected, defaultSelected: _defaultSelected, disabled: _disabled, onSelectedChange, }: NgpToggleProps) => NgpToggleState;
 declare const injectToggleState: {
     (): Signal<NgpToggleState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpToggleState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpToggleState> | Signal<NgpToggleState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpToggleState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpToggleState> | Signal<NgpToggleState | null>;
 };
 declare const provideToggleState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
-/**
- * Apply the `ngpToggle` directive to an element to manage the toggle state. This must be applied to a `button` element.
- */
-declare class NgpToggle {
-    /**
-     * Whether the toggle is selected.
-     */
-    readonly selected: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
-    /**
-     * The default selected state for uncontrolled usage.
-     * @default false
-     */
-    readonly defaultSelected: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Emits when the selected state changes.
-     */
-    readonly selectedChange: _angular_core.OutputEmitterRef<boolean>;
-    /**
-     * Whether the toggle is disabled.
-     * @default false
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The state for the toggle primitive.
-     * @internal
-     */
-    protected readonly state: NgpToggleState;
-    /**
-     * Toggle the selected state.
-     */
-    toggle(): void;
-    /**
-     * Set the selected state.
-     */
-    setSelected(value: boolean, options?: SetterOptions): void;
-    /**
-     * Set the default selected state.
-     */
-    setDefaultSelected(value: boolean): void;
-    setDisabled(value: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggle, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggle, "[ngpToggle]", ["ngpToggle"], { "selected": { "alias": "ngpToggleSelected"; "required": false; "isSignal": true; }; "defaultSelected": { "alias": "ngpToggleDefaultSelected"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleDisabled"; "required": false; "isSignal": true; }; }, { "selectedChange": "ngpToggleSelectedChange"; }, never, never, true, never>;
-}
-
 export { NgpToggle, injectToggleState, ngpToggle, provideToggleState };
 export type { NgpToggleProps, NgpToggleState };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal } from '@angular/core';
 import { NgpOrientation } from 'ng-primitives/common';
+import * as ng_primitives_state from 'ng-primitives/state';
 import { NgpRovingFocusGroupState } from 'ng-primitives/roving-focus';
 
 declare class NgpToolbar {
@@ -49,19 +50,11 @@ declare const injectToolbarState: {
         orientation: WritableSignal<NgpOrientation>;
         setOrientation: (value: NgpOrientation) => void;
     }>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options: ng_primitives_state.StateInjectionOptions): Signal<{
         orientation: WritableSignal<NgpOrientation>;
         setOrientation: (value: NgpOrientation) => void;
     } | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<{
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<{
         orientation: WritableSignal<NgpOrientation>;
         setOrientation: (value: NgpOrientation) => void;
     }> | Signal<{