ng-primitives 0.120.5 → 0.121.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "ng-primitives",
   "description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
   "license": "Apache-2.0",
-  "version": "0.120.5",
+  "version": "0.121.0",
   "keywords": [
     "angular",
     "primitives",
@@ -35,12 +35,12 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/core": ">=19.0.0",
-    "@angular/cdk": ">=19.0.0",
-    "@angular/forms": ">=19.0.0",
+    "@angular/core": "^21.0.0 || ^22.0.0",
+    "@angular/cdk": "^21.0.0 || ^22.0.0",
+    "@angular/forms": "^21.0.0 || ^22.0.0",
     "rxjs": ">=6.6.0",
     "@floating-ui/dom": ">=1.6.0",
-    "@angular/common": ">=19.0.0"
+    "@angular/common": "^21.0.0 || ^22.0.0"
   },
   "peerDependenciesMeta": {
     "luxon": {
@@ -61,202 +61,203 @@
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/ng-primitives.d.ts",
       "default": "./fesm2022/ng-primitives.mjs"
     },
     "./a11y": {
-      "types": "./a11y/index.d.ts",
+      "types": "./types/ng-primitives-a11y.d.ts",
       "default": "./fesm2022/ng-primitives-a11y.mjs"
     },
     "./accordion": {
-      "types": "./accordion/index.d.ts",
+      "types": "./types/ng-primitives-accordion.d.ts",
       "default": "./fesm2022/ng-primitives-accordion.mjs"
     },
     "./ai": {
-      "types": "./ai/index.d.ts",
+      "types": "./types/ng-primitives-ai.d.ts",
       "default": "./fesm2022/ng-primitives-ai.mjs"
     },
     "./autofill": {
-      "types": "./autofill/index.d.ts",
+      "types": "./types/ng-primitives-autofill.d.ts",
       "default": "./fesm2022/ng-primitives-autofill.mjs"
     },
     "./avatar": {
-      "types": "./avatar/index.d.ts",
+      "types": "./types/ng-primitives-avatar.d.ts",
       "default": "./fesm2022/ng-primitives-avatar.mjs"
     },
     "./breadcrumbs": {
-      "types": "./breadcrumbs/index.d.ts",
+      "types": "./types/ng-primitives-breadcrumbs.d.ts",
       "default": "./fesm2022/ng-primitives-breadcrumbs.mjs"
     },
     "./button": {
-      "types": "./button/index.d.ts",
+      "types": "./types/ng-primitives-button.d.ts",
       "default": "./fesm2022/ng-primitives-button.mjs"
     },
     "./checkbox": {
-      "types": "./checkbox/index.d.ts",
+      "types": "./types/ng-primitives-checkbox.d.ts",
       "default": "./fesm2022/ng-primitives-checkbox.mjs"
     },
     "./combobox": {
-      "types": "./combobox/index.d.ts",
+      "types": "./types/ng-primitives-combobox.d.ts",
       "default": "./fesm2022/ng-primitives-combobox.mjs"
     },
     "./common": {
-      "types": "./common/index.d.ts",
+      "types": "./types/ng-primitives-common.d.ts",
       "default": "./fesm2022/ng-primitives-common.mjs"
     },
     "./context-menu": {
-      "types": "./context-menu/index.d.ts",
+      "types": "./types/ng-primitives-context-menu.d.ts",
       "default": "./fesm2022/ng-primitives-context-menu.mjs"
     },
     "./date-picker": {
-      "types": "./date-picker/index.d.ts",
+      "types": "./types/ng-primitives-date-picker.d.ts",
       "default": "./fesm2022/ng-primitives-date-picker.mjs"
     },
     "./date-time": {
-      "types": "./date-time/index.d.ts",
+      "types": "./types/ng-primitives-date-time.d.ts",
       "default": "./fesm2022/ng-primitives-date-time.mjs"
     },
     "./date-time-luxon": {
-      "types": "./date-time-luxon/index.d.ts",
+      "types": "./types/ng-primitives-date-time-luxon.d.ts",
       "default": "./fesm2022/ng-primitives-date-time-luxon.mjs"
     },
     "./dialog": {
-      "types": "./dialog/index.d.ts",
+      "types": "./types/ng-primitives-dialog.d.ts",
       "default": "./fesm2022/ng-primitives-dialog.mjs"
     },
     "./file-upload": {
-      "types": "./file-upload/index.d.ts",
+      "types": "./types/ng-primitives-file-upload.d.ts",
       "default": "./fesm2022/ng-primitives-file-upload.mjs"
     },
     "./focus-trap": {
-      "types": "./focus-trap/index.d.ts",
+      "types": "./types/ng-primitives-focus-trap.d.ts",
       "default": "./fesm2022/ng-primitives-focus-trap.mjs"
     },
     "./form-field": {
-      "types": "./form-field/index.d.ts",
+      "types": "./types/ng-primitives-form-field.d.ts",
       "default": "./fesm2022/ng-primitives-form-field.mjs"
     },
     "./input": {
-      "types": "./input/index.d.ts",
+      "types": "./types/ng-primitives-input.d.ts",
       "default": "./fesm2022/ng-primitives-input.mjs"
     },
     "./input-otp": {
-      "types": "./input-otp/index.d.ts",
+      "types": "./types/ng-primitives-input-otp.d.ts",
       "default": "./fesm2022/ng-primitives-input-otp.mjs"
     },
     "./interactions": {
-      "types": "./interactions/index.d.ts",
+      "types": "./types/ng-primitives-interactions.d.ts",
       "default": "./fesm2022/ng-primitives-interactions.mjs"
     },
     "./internal": {
-      "types": "./internal/index.d.ts",
+      "types": "./types/ng-primitives-internal.d.ts",
       "default": "./fesm2022/ng-primitives-internal.mjs"
     },
     "./listbox": {
-      "types": "./listbox/index.d.ts",
+      "types": "./types/ng-primitives-listbox.d.ts",
       "default": "./fesm2022/ng-primitives-listbox.mjs"
     },
     "./menu": {
-      "types": "./menu/index.d.ts",
+      "types": "./types/ng-primitives-menu.d.ts",
       "default": "./fesm2022/ng-primitives-menu.mjs"
     },
     "./meter": {
-      "types": "./meter/index.d.ts",
+      "types": "./types/ng-primitives-meter.d.ts",
       "default": "./fesm2022/ng-primitives-meter.mjs"
     },
     "./navigation-menu": {
-      "types": "./navigation-menu/index.d.ts",
+      "types": "./types/ng-primitives-navigation-menu.d.ts",
       "default": "./fesm2022/ng-primitives-navigation-menu.mjs"
     },
     "./number-field": {
-      "types": "./number-field/index.d.ts",
+      "types": "./types/ng-primitives-number-field.d.ts",
       "default": "./fesm2022/ng-primitives-number-field.mjs"
     },
     "./pagination": {
-      "types": "./pagination/index.d.ts",
+      "types": "./types/ng-primitives-pagination.d.ts",
       "default": "./fesm2022/ng-primitives-pagination.mjs"
     },
     "./popover": {
-      "types": "./popover/index.d.ts",
+      "types": "./types/ng-primitives-popover.d.ts",
       "default": "./fesm2022/ng-primitives-popover.mjs"
     },
     "./portal": {
-      "types": "./portal/index.d.ts",
+      "types": "./types/ng-primitives-portal.d.ts",
       "default": "./fesm2022/ng-primitives-portal.mjs"
     },
     "./progress": {
-      "types": "./progress/index.d.ts",
+      "types": "./types/ng-primitives-progress.d.ts",
       "default": "./fesm2022/ng-primitives-progress.mjs"
     },
     "./radio": {
-      "types": "./radio/index.d.ts",
+      "types": "./types/ng-primitives-radio.d.ts",
       "default": "./fesm2022/ng-primitives-radio.mjs"
     },
     "./resize": {
-      "types": "./resize/index.d.ts",
+      "types": "./types/ng-primitives-resize.d.ts",
       "default": "./fesm2022/ng-primitives-resize.mjs"
     },
     "./roving-focus": {
-      "types": "./roving-focus/index.d.ts",
+      "types": "./types/ng-primitives-roving-focus.d.ts",
       "default": "./fesm2022/ng-primitives-roving-focus.mjs"
     },
     "./search": {
-      "types": "./search/index.d.ts",
+      "types": "./types/ng-primitives-search.d.ts",
       "default": "./fesm2022/ng-primitives-search.mjs"
     },
     "./select": {
-      "types": "./select/index.d.ts",
+      "types": "./types/ng-primitives-select.d.ts",
       "default": "./fesm2022/ng-primitives-select.mjs"
     },
     "./separator": {
-      "types": "./separator/index.d.ts",
+      "types": "./types/ng-primitives-separator.d.ts",
       "default": "./fesm2022/ng-primitives-separator.mjs"
     },
     "./slider": {
-      "types": "./slider/index.d.ts",
+      "types": "./types/ng-primitives-slider.d.ts",
       "default": "./fesm2022/ng-primitives-slider.mjs"
     },
     "./state": {
-      "types": "./state/index.d.ts",
+      "types": "./types/ng-primitives-state.d.ts",
       "default": "./fesm2022/ng-primitives-state.mjs"
     },
     "./switch": {
-      "types": "./switch/index.d.ts",
+      "types": "./types/ng-primitives-switch.d.ts",
       "default": "./fesm2022/ng-primitives-switch.mjs"
     },
     "./tabs": {
-      "types": "./tabs/index.d.ts",
+      "types": "./types/ng-primitives-tabs.d.ts",
       "default": "./fesm2022/ng-primitives-tabs.mjs"
     },
     "./textarea": {
-      "types": "./textarea/index.d.ts",
+      "types": "./types/ng-primitives-textarea.d.ts",
       "default": "./fesm2022/ng-primitives-textarea.mjs"
     },
     "./toast": {
-      "types": "./toast/index.d.ts",
+      "types": "./types/ng-primitives-toast.d.ts",
       "default": "./fesm2022/ng-primitives-toast.mjs"
     },
     "./toggle": {
-      "types": "./toggle/index.d.ts",
+      "types": "./types/ng-primitives-toggle.d.ts",
       "default": "./fesm2022/ng-primitives-toggle.mjs"
     },
     "./toggle-group": {
-      "types": "./toggle-group/index.d.ts",
+      "types": "./types/ng-primitives-toggle-group.d.ts",
       "default": "./fesm2022/ng-primitives-toggle-group.mjs"
     },
     "./toolbar": {
-      "types": "./toolbar/index.d.ts",
+      "types": "./types/ng-primitives-toolbar.d.ts",
       "default": "./fesm2022/ng-primitives-toolbar.mjs"
     },
     "./tooltip": {
-      "types": "./tooltip/index.d.ts",
+      "types": "./types/ng-primitives-tooltip.d.ts",
       "default": "./fesm2022/ng-primitives-tooltip.mjs"
     },
     "./utils": {
-      "types": "./utils/index.d.ts",
+      "types": "./types/ng-primitives-utils.d.ts",
       "default": "./fesm2022/ng-primitives-utils.mjs"
     }
   },
   "module": "fesm2022/ng-primitives.mjs",
-  "typings": "index.d.ts"
+  "typings": "types/ng-primitives.d.ts",
+  "type": "module"
 }

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
+import * as ng_primitives_a11y from 'ng-primitives/a11y';
 import * as ng_primitives_state from 'ng-primitives/state';
 
 interface NgpActiveDescendantManagerProps {
@@ -91,6 +92,20 @@ interface ActivationOptions {
     origin?: 'keyboard' | 'pointer';
 }
 
+/**
+ * Hide an element visually while keeping it present in the DOM.
+ */
+declare class NgpVisuallyHidden {
+    protected readonly state: ng_primitives_a11y.NgpVisuallyHiddenState;
+    /**
+     * Set the element visibility.
+     * @param visible
+     */
+    setVisibility(visible: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpVisuallyHidden, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpVisuallyHidden, "[ngpVisuallyHidden]", ["ngpVisuallyHidden"], {}, {}, never, never, true, never>;
+}
+
 /**
  * The state interface for the VisuallyHidden pattern.
  */
@@ -125,19 +140,5 @@ declare const provideVisuallyHiddenState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
-/**
- * Hide an element visually while keeping it present in the DOM.
- */
-declare class NgpVisuallyHidden {
-    protected readonly state: NgpVisuallyHiddenState;
-    /**
-     * Set the element visibility.
-     * @param visible
-     */
-    setVisibility(visible: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpVisuallyHidden, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpVisuallyHidden, "[ngpVisuallyHidden]", ["ngpVisuallyHidden"], {}, {}, never, never, true, never>;
-}
-
 export { NgpVisuallyHidden, NgpVisuallyHiddenStateToken, activeDescendantManager, injectVisuallyHiddenState, ngpVisuallyHidden, provideVisuallyHiddenState };
 export type { ActivationOptions, NgpActiveDescendantManagerProps, NgpActiveDescendantManagerState, NgpVisuallyHiddenProps, NgpVisuallyHiddenState };

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

@@ -2,8 +2,9 @@ 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 * 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.
@@ -53,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>(options?: StateInjectionOptions): Signal<NgpAccordionState<T>>;
-
 /**
  * Apply the `ngpAccordionItem` directive to an element that represents an accordion item.
  */
@@ -134,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.
      */
@@ -250,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.
  */
@@ -285,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.

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

@@ -1,7 +1,27 @@
-import * as ng_primitives_state from 'ng-primitives/state';
+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';
+import * as ng_primitives_state from 'ng-primitives/state';
+
+declare class NgpButton {
+    /**
+     * Whether the button is disabled. Use `'soft'` for an aria-disabled
+     * button that stays focusable; events still fire, so guard your handlers.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | "soft", BooleanInput>;
+    /**
+     * The button state.
+     */
+    protected readonly state: ng_primitives_button.NgpButtonState;
+    /**
+     * Set the disabled state of the button.
+     * @param value The disabled state.
+     */
+    setDisabled(value: boolean | 'soft'): void;
+    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>;
+}
 
 interface NgpButtonState {
     /** Disabled state. `'soft'` means aria-disabled but still focusable. */
@@ -23,24 +43,5 @@ declare const provideButtonState: (opts?: {
     inherit?: boolean;
 }) => _angular_core.FactoryProvider;
 
-declare class NgpButton {
-    /**
-     * Whether the button is disabled. Use `'soft'` for an aria-disabled
-     * button that stays focusable; events still fire, so guard your handlers.
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean | "soft", BooleanInput>;
-    /**
-     * The button state.
-     */
-    protected readonly state: NgpButtonState;
-    /**
-     * Set the disabled state of the button.
-     * @param value The disabled state.
-     */
-    setDisabled(value: boolean | 'soft'): void;
-    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>;
-}
-
 export { NgpButton, injectButtonState, ngpButton, provideButtonState };
 export type { NgpButtonProps, NgpButtonState };