ng-primitives 0.120.4 → 0.120.5

package/a11y/index.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';
 
 interface NgpActiveDescendantManagerProps {
     /**
@@ -117,16 +118,8 @@ declare const NgpVisuallyHiddenStateToken: _angular_core.InjectionToken<_angular
 declare const ngpVisuallyHidden: ({ hidden: _hidden }: NgpVisuallyHiddenProps) => NgpVisuallyHiddenState;
 declare const injectVisuallyHiddenState: {
     (): Signal<NgpVisuallyHiddenState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpVisuallyHiddenState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpVisuallyHiddenState> | Signal<NgpVisuallyHiddenState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpVisuallyHiddenState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpVisuallyHiddenState> | Signal<NgpVisuallyHiddenState | null>;
 };
 declare const provideVisuallyHiddenState: (opts?: {
     inherit?: boolean;

package/accordion/index.d.ts

@@ -1,5 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal, Provider } from '@angular/core';
+import * as ng_primitives_state from 'ng-primitives/state';
+import { StateInjectionOptions } from 'ng-primitives/state';
 import { NgpOrientation } from 'ng-primitives/common';
 import { BooleanInput } from '@angular/cdk/coercion';
 
@@ -38,18 +40,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>;
@@ -131,7 +125,7 @@ declare const provideAccordionState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 type NgpAccordionType = 'single' | 'multiple';
-declare function injectAccordionState<T>(): Signal<NgpAccordionState<T>>;
+declare function injectAccordionState<T>(options?: StateInjectionOptions): Signal<NgpAccordionState<T>>;
 
 /**
  * Apply the `ngpAccordionItem` directive to an element that represents an accordion item.
@@ -237,7 +231,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.
@@ -374,19 +368,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

@@ -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

@@ -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

@@ -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

@@ -1,3 +1,4 @@
+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';
@@ -15,16 +16,8 @@ interface NgpButtonProps {
 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>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpButtonState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpButtonState> | Signal<NgpButtonState | null>;
 };
 declare const provideButtonState: (opts?: {
     inherit?: boolean;

package/checkbox/index.d.ts

@@ -1,6 +1,7 @@
+import * as ng_primitives_state from 'ng-primitives/state';
+import { SetterOptions } from 'ng-primitives/state';
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal } from '@angular/core';
-import { SetterOptions } from 'ng-primitives/state';
 import { Observable } from 'rxjs';
 import { BooleanInput } from '@angular/cdk/coercion';
 
@@ -89,16 +90,8 @@ interface NgpCheckboxProps {
 declare const ngpCheckbox: ({ id, checked: _checked, defaultChecked: _defaultChecked, indeterminate: _indeterminate, disabled: _disabled, onCheckedChange, onIndeterminateChange, }: NgpCheckboxProps) => NgpCheckboxState;
 declare const injectCheckboxState: {
     (): Signal<NgpCheckboxState>;
-    (options: {
-        hoisted: true;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpCheckboxState | null>;
-    (options?: {
-        hoisted?: boolean;
-        optional?: boolean;
-        skipSelf?: boolean;
-    }): Signal<NgpCheckboxState> | Signal<NgpCheckboxState | null>;
+    (options: ng_primitives_state.StateInjectionOptions): Signal<NgpCheckboxState | null>;
+    (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpCheckboxState> | Signal<NgpCheckboxState | null>;
 };
 declare const provideCheckboxState: (opts?: {
     inherit?: boolean;

package/context-menu/index.d.ts

@@ -4,6 +4,7 @@ import { NgpOffset, NgpFlip, NgpShift, NgpOverlayContent, NgpOffsetInput, NgpFli
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { NgpMenuPlacement } from 'ng-primitives/menu';
+import { StateInjectionOptions } from 'ng-primitives/state';
 
 interface NgpContextMenuConfig {
     /**
@@ -278,7 +279,7 @@ declare const ngpContextMenuTrigger: <T>({ disabled: _disabled, menu: _menu, off
 declare const provideContextMenuTriggerState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
-declare function injectContextMenuTriggerState(): Signal<NgpContextMenuTriggerState>;
+declare function injectContextMenuTriggerState(options?: StateInjectionOptions): Signal<NgpContextMenuTriggerState>;
 
 export { NgpContextMenu, NgpContextMenuItem, NgpContextMenuItemCheckbox, NgpContextMenuItemIndicator, NgpContextMenuItemRadio, NgpContextMenuItemRadioGroup, NgpContextMenuSubmenuTrigger, NgpContextMenuTrigger, injectContextMenuTriggerState, ngpContextMenuTrigger, provideContextMenuConfig, provideContextMenuTriggerState };
 export type { NgpContextMenuConfig, NgpContextMenuTriggerProps, NgpContextMenuTriggerState };

package/dialog/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ViewContainerRef, Injector, Provider, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { ViewContainerRef, Injector, Provider, OnDestroy, InjectOptions, TemplateRef, Type } from '@angular/core';
 import { NgpDismissGuard, ScrollStrategy, NgpOverlayRef, NgpDismissGuardInput } from 'ng-primitives/portal';
 import * as i1 from 'ng-primitives/internal';
 import { Subject, Observable } from 'rxjs';
@@ -181,7 +181,12 @@ declare class NgpDialogRef<T = unknown, R = unknown> implements NgpOverlayRef {
      */
     getElements(): HTMLElement[];
 }
-declare function injectDialogRef<T = unknown, R = unknown>(): NgpDialogRef<T, R>;
+declare function injectDialogRef<T = unknown, R = unknown>(options?: InjectOptions & {
+    optional?: false;
+}): NgpDialogRef<T, R>;
+declare function injectDialogRef<T = unknown, R = unknown>(options: InjectOptions & {
+    optional: true;
+}): NgpDialogRef<T, R> | null;
 
 /**
  * Originally based on Angular CDK Dialog service.

package/example-theme/index.css

@@ -26,6 +26,11 @@
   --ngp-background-blue: #dbeafe;
   --ngp-background-success: oklch(84.1% 0.238 128.85);
 
+  --ngp-primary: #f01e2b;
+  --ngp-primary-hover: #d81825;
+  --ngp-primary-active: #c1141f;
+  --ngp-primary-text: var(--ngp-white);
+
   --ngp-border: rgba(0, 0, 0, 0.1);
   --ngp-border-secondary: var(--ngp-gray-300);
   --ngp-border-blue: #3b82f6;
@@ -65,6 +70,10 @@
   --ngp-background-disabled: var(--ngp-gray-900);
   --ngp-background-blue: rgba(95, 160, 246, 0.274);
 
+  --ngp-primary: #ff4651;
+  --ngp-primary-hover: #ff5d67;
+  --ngp-primary-active: #f0303c;
+
   --ngp-border: var(--ngp-gray-800);
   --ngp-border-secondary: var(--ngp-gray-700);
   --ngp-border-blue: #1980ff;

package/fesm2022/ng-primitives-accordion.mjs

@@ -69,8 +69,8 @@ const [NgpAccordionStateToken, ngpAccordion, _injectAccordionState, provideAccor
         toggle,
     };
 });
-function injectAccordionState() {
-    return _injectAccordionState();
+function injectAccordionState(options) {
+    return _injectAccordionState(options);
 }
 
 const [NgpAccordionItemStateToken, ngpAccordionItem, _injectAccordionItemState, provideAccordionItemState,] = createPrimitive('NgpAccordionItem', ({ value, disabled: _disabled = signal(false) }) => {
@@ -106,8 +106,8 @@ const [NgpAccordionItemStateToken, ngpAccordionItem, _injectAccordionItemState,
         setContent,
     };
 });
-function injectAccordionItemState() {
-    return _injectAccordionItemState();
+function injectAccordionItemState(options) {
+    return _injectAccordionItemState(options);
 }
 
 const [NgpAccordionContentStateToken, ngpAccordionContent, injectAccordionContentState, provideAccordionContentState,] = createPrimitive('NgpAccordionContent', ({ id = signal(uniqueId('ngp-accordion-content')) }) => {