@radix-ng/primitives 0.29.0 → 0.31.0

package/menu/src/menu-directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class RdxMenuDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuDirective, "[Menu],[MenuSub]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuDirective, "[RdxMenuRoot],[RdxMenuSub]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
 }

package/menu/src/menu-group.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class RdxMenuGroupDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuGroupDirective, "[MenuGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuGroupDirective, "[RdxMenuGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
 }

package/menu/src/menu-item-checkbox.directive.d.ts

@@ -0,0 +1,21 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { getCheckedState, isIndeterminate } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class RdxMenuItemCheckboxDirective {
+    private readonly cdkMenuItemCheckbox;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly checked: import("@angular/core").InputSignal<boolean | "indeterminate">;
+    readonly onCheckedChange: import("@angular/core").OutputRef<void>;
+    protected readonly disabledState: import("@angular/core").Signal<import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>>;
+    protected readonly highlightedState: import("@angular/core").Signal<boolean>;
+    private readonly isFocused;
+    constructor();
+    onFocus(): void;
+    onBlur(): void;
+    onPointerMove(event: PointerEvent): void;
+    protected readonly isIndeterminate: typeof isIndeterminate;
+    protected readonly getCheckedState: typeof getCheckedState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuItemCheckboxDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuItemCheckboxDirective, "[RdxMenuItemCheckbox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: {}; outputs: { "cdkMenuItemTriggered": "menuItemTriggered"; }; }]>;
+}

package/menu/src/menu-item-indicator.directive.d.ts

@@ -0,0 +1,10 @@
+import { getCheckedState } from './utils';
+import * as i0 from "@angular/core";
+export declare class RdxMenuItemIndicatorDirective {
+    private readonly menuItemRadio;
+    private readonly menuCheckboxItem;
+    get isChecked(): boolean;
+    protected readonly getCheckedState: typeof getCheckedState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuItemIndicatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuItemIndicatorDirective, "[RdxMenuItemIndicator]", never, {}, {}, never, never, true, never>;
+}

package/menu/src/menu-item-radio.directive.d.ts

@@ -0,0 +1,20 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { getCheckedState } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class RdxMenuItemRadioDirective {
+    private readonly cdkMenuItemRadio;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly onValueChange: import("@angular/core").OutputRef<void>;
+    protected readonly disabledState: import("@angular/core").Signal<boolean>;
+    protected readonly highlightedState: import("@angular/core").Signal<boolean>;
+    private readonly isFocused;
+    constructor();
+    onFocus(): void;
+    onBlur(): void;
+    onPointerMove(event: PointerEvent): void;
+    protected readonly getCheckedState: typeof getCheckedState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuItemRadioDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuItemRadioDirective, "[RdxMenuItemRadio]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: {}; outputs: { "cdkMenuItemTriggered": "menuItemTriggered"; }; }]>;
+}

package/menu/src/menu-item.directive.d.ts

@@ -4,9 +4,15 @@ import * as i1 from "@angular/cdk/menu";
 export declare class RdxMenuItemDirective {
     private readonly cdkMenuItem;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly onSelect: import("@angular/core").OutputRef<void>;
+    private readonly isFocused;
     protected readonly disabledState: import("@angular/core").Signal<boolean>;
-    onSelect: import("@angular/core").EventEmitter<void>;
+    protected readonly isOpenState: import("@angular/core").WritableSignal<boolean>;
+    protected readonly highlightedState: import("@angular/core").Signal<boolean>;
     constructor();
+    onFocus(): void;
+    onBlur(): void;
+    onPointerMove(event: PointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuItemDirective, "[MenuItem]", never, { "disabled": { "alias": "rdxDisabled"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuItemDirective, "[RdxMenuItem]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: { "cdkMenuItemTriggered": "menuItemTriggered"; }; }]>;
 }

package/menu/src/menu-label.directive.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class RdxMenuLabelDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuLabelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuLabelDirective, "div[MenuLabel]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuLabelDirective, "[RdxMenuLabel]", never, {}, {}, never, never, true, never>;
 }

package/menu/src/menu-radio-group.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class RdxMenuRadioGroupDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuRadioGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuRadioGroupDirective, "[RdxMenuRadioGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
+}

package/menu/src/menu-separator.directive.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/separator";
 export declare class RdxMenuSeparatorDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuSeparatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuSeparatorDirective, "[MenuSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxSeparatorRootDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuSeparatorDirective, "[RdxMenuSeparator]", never, {}, {}, never, never, true, never>;
 }

package/menu/src/menu-trigger.directive.d.ts

@@ -0,0 +1,35 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { CdkMenuTrigger } from '@angular/cdk/menu';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export type RdxMenuAlign = 'start' | 'center' | 'end';
+export type RdxMenuSide = 'top' | 'right' | 'bottom' | 'left';
+export declare class RdxMenuTriggerDirective {
+    protected readonly cdkTrigger: CdkMenuTrigger;
+    readonly menuTriggerFor: import("@angular/core").InputSignal<unknown>;
+    /**
+     * @description The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
+     */
+    readonly side: import("@angular/core").InputSignal<RdxMenuSide | undefined>;
+    readonly align: import("@angular/core").InputSignal<RdxMenuAlign | undefined>;
+    /**
+     * @description The distance in pixels from the trigger.
+     */
+    readonly sideOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * @description An offset in pixels from the "start" or "end" alignment options.
+     */
+    readonly alignOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    private enablePositions;
+    private readonly positions;
+    private computePositions;
+    constructor();
+    /** @ignore */
+    onPointerDown($event: MouseEvent): void;
+    private onMenuPositionEffect;
+    private setMenuPositions;
+    private fireNgOnChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuTriggerDirective, "[RdxMenuTrigger]", never, { "menuTriggerFor": { "alias": "menuTriggerFor"; "required": true; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "menuTriggerFor"; "cdkMenuPosition": "menuPosition"; }; outputs: {}; }]>;
+}

package/menu/src/utils.d.ts

@@ -0,0 +1,3 @@
+export type CheckedState = boolean | 'indeterminate';
+export declare function isIndeterminate(checked?: CheckedState): checked is 'indeterminate';
+export declare function getCheckedState(checked: CheckedState): "indeterminate" | "checked" | "unchecked";

package/menubar/index.d.ts

@@ -19,6 +19,6 @@ export * from './src/menubar-separator.directive';
 export * from './src/menubar-trigger.directive';
 export declare class MenubarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenubarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MenubarModule, never, [typeof i1.RdxMenuBarContentDirective, typeof i2.RdxMenuBarTriggerDirective, typeof i3.RdxMenubarSeparatorDirective, typeof i4.RdxMenubarItemCheckboxDirective, typeof i5.RdxMenuBarDirective, typeof i6.RdxMenuBarItemDirective, typeof i7.RdxMenubarItemIndicatorDirective, typeof i8.RdxMenubarItemRadioDirective, typeof i9.RdxMenubarRadioGroupDirective], [typeof i1.RdxMenuBarContentDirective, typeof i2.RdxMenuBarTriggerDirective, typeof i3.RdxMenubarSeparatorDirective, typeof i4.RdxMenubarItemCheckboxDirective, typeof i5.RdxMenuBarDirective, typeof i6.RdxMenuBarItemDirective, typeof i7.RdxMenubarItemIndicatorDirective, typeof i8.RdxMenubarItemRadioDirective, typeof i9.RdxMenubarRadioGroupDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MenubarModule, never, [typeof i1.RdxMenuBarContentDirective, typeof i2.RdxMenuBarTriggerDirective, typeof i3.RdxMenubarSeparatorDirective, typeof i4.RdxMenubarItemCheckboxDirective, typeof i5.RdxMenuBarRootDirective, typeof i6.RdxMenuBarItemDirective, typeof i7.RdxMenubarItemIndicatorDirective, typeof i8.RdxMenubarItemRadioDirective, typeof i9.RdxMenubarRadioGroupDirective], [typeof i1.RdxMenuBarContentDirective, typeof i2.RdxMenuBarTriggerDirective, typeof i3.RdxMenubarSeparatorDirective, typeof i4.RdxMenubarItemCheckboxDirective, typeof i5.RdxMenuBarRootDirective, typeof i6.RdxMenuBarItemDirective, typeof i7.RdxMenubarItemIndicatorDirective, typeof i8.RdxMenubarItemRadioDirective, typeof i9.RdxMenubarRadioGroupDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MenubarModule>;
 }

package/menubar/src/menubar-content.directive.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/menu";
+import * as i1 from "@radix-ng/primitives/menu";
 export declare class RdxMenuBarContentDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuBarContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarContentDirective, "[MenuBarContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarContentDirective, "[RdxMenuBarContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuContentDirective; inputs: {}; outputs: {}; }]>;
 }

package/menubar/src/menubar-item-checkbox.directive.d.ts

@@ -1,14 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/menu";
+import * as i1 from "@radix-ng/primitives/menu";
 export declare class RdxMenubarItemCheckboxDirective {
-    private readonly cdkMenuItemCheckbox;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    protected readonly disabledState: import("@angular/core").Signal<import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>>;
-    protected readonly checked$: import("@angular/core").WritableSignal<boolean>;
-    protected readonly disabled$: import("@angular/core").WritableSignal<boolean>;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenubarItemCheckboxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarItemCheckboxDirective, "[MenubarCheckboxItem]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarItemCheckboxDirective, "[RdxMenuBarCheckboxItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuItemCheckboxDirective; inputs: { "checked": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
 }

package/menubar/src/menubar-item-indicator.directive.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/menu";
 export declare class RdxMenubarItemIndicatorDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenubarItemIndicatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarItemIndicatorDirective, "[MenubarItemIndicator]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarItemIndicatorDirective, "[RdxMenuBarItemIndicator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuItemIndicatorDirective; inputs: {}; outputs: {}; }]>;
 }

package/menubar/src/menubar-item-radio.directive.d.ts

@@ -1,14 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/menu";
+import * as i1 from "@radix-ng/primitives/menu";
 export declare class RdxMenubarItemRadioDirective {
-    private readonly cdkMenuItemRadio;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    readonly checked: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    protected readonly disabledState: import("@angular/core").Signal<import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>>;
-    protected readonly checked$: import("@angular/core").WritableSignal<boolean>;
-    protected readonly disabled$: import("@angular/core").WritableSignal<boolean>;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenubarItemRadioDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarItemRadioDirective, "[MenubarItemRadio]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarItemRadioDirective, "[RdxMenuBarItemRadio]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuItemRadioDirective; inputs: { "disabled": "disabled"; "checked": "checked"; }; outputs: {}; }]>;
 }

package/menubar/src/menubar-item.directive.d.ts

@@ -1,8 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/menu";
 export declare class RdxMenuBarItemDirective {
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuBarItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarItemDirective, "[MenuBarItem]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxMenuItemDirective; inputs: { "rdxDisabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarItemDirective, "[RdxMenuBarItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuItemDirective; inputs: { "disabled": "disabled"; }; outputs: { "onSelect": "onSelect"; }; }]>;
 }

package/menubar/src/menubar-radio-group.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class RdxMenubarRadioGroupDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenubarRadioGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarRadioGroupDirective, "[MenubarRadioGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarRadioGroupDirective, "[RdxMenuBarRadioGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
 }

package/menubar/src/menubar-root.directive.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
-export declare class RdxMenuBarDirective {
-    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarDirective, "[MenuBarRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuBar; inputs: {}; outputs: {}; }]>;
+export declare class RdxMenuBarRootDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuBarRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarRootDirective, "[RdxMenuBarRoot]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuBar; inputs: {}; outputs: {}; }]>;
 }

package/menubar/src/menubar-separator.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/menu";
 export declare class RdxMenubarSeparatorDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenubarSeparatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarSeparatorDirective, "[MenubarSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuSeparatorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenubarSeparatorDirective, "[RdxMenuBarSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuSeparatorDirective; inputs: {}; outputs: {}; }]>;
 }

package/menubar/src/menubar-trigger.directive.d.ts

@@ -1,11 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CdkMenuTrigger } from '@angular/cdk/menu';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/menu";
+import * as i1 from "@radix-ng/primitives/menu";
 export declare class RdxMenuBarTriggerDirective {
-    protected readonly cdkTrigger: CdkMenuTrigger;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    onPointerDown($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxMenuBarTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarTriggerDirective, "[MenuBarTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "MenuBarTrigger"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxMenuBarTriggerDirective, "[RdxMenuBarTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxMenuTriggerDirective; inputs: { "disabled": "disabled"; "menuTriggerFor": "menuTriggerFor"; "sideOffset": "sideOffset"; "side": "side"; "align": "align"; "alignOffset": "alignOffset"; }; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.29.0",
+  "version": "0.31.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -18,8 +18,8 @@
     "headless"
   ],
   "peerDependencies": {
-    "@angular/core": "^19.0.0",
-    "@angular/cdk": "^19.0.0"
+    "@angular/core": "^19.1.0",
+    "@angular/cdk": "^19.1.0"
   },
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
@@ -49,14 +49,18 @@
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-avatar.mjs"
     },
-    "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-checkbox.mjs"
-    },
     "./collapsible": {
       "types": "./collapsible/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-collapsible.mjs"
     },
+    "./config": {
+      "types": "./config/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-config.mjs"
+    },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-checkbox.mjs"
+    },
     "./context-menu": {
       "types": "./context-menu/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-context-menu.mjs"
@@ -89,6 +93,10 @@
       "types": "./menubar/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-menubar.mjs"
     },
+    "./pagination": {
+      "types": "./pagination/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-pagination.mjs"
+    },
     "./popover": {
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-popover.mjs"
@@ -121,14 +129,14 @@
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-slider.mjs"
     },
-    "./tabs": {
-      "types": "./tabs/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-tabs.mjs"
-    },
     "./switch": {
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-switch.mjs"
     },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-tabs.mjs"
+    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-toggle.mjs"

package/pagination/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/pagination

package/pagination/index.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./src/pagination-root.directive";
+import * as i2 from "./src/pagination-list.directive";
+import * as i3 from "./src/pagination-first.directive";
+import * as i4 from "./src/pagination-prev.directive";
+import * as i5 from "./src/pagination-last.directive";
+import * as i6 from "./src/pagination-next.directive";
+import * as i7 from "./src/pagination-list-item.directive";
+import * as i8 from "./src/pagination-ellipsis.directive";
+export * from './src/pagination-context.token';
+export * from './src/pagination-ellipsis.directive';
+export * from './src/pagination-first.directive';
+export * from './src/pagination-last.directive';
+export * from './src/pagination-list-item.directive';
+export * from './src/pagination-list.directive';
+export * from './src/pagination-next.directive';
+export * from './src/pagination-prev.directive';
+export * from './src/pagination-root.directive';
+export declare class RdxPaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxPaginationModule, never, [typeof i1.RdxPaginationRootDirective, typeof i2.RdxPaginationListDirective, typeof i3.RdxPaginationFirstDirective, typeof i4.RdxPaginationPrevDirective, typeof i5.RdxPaginationLastDirective, typeof i6.RdxPaginationNextDirective, typeof i7.RdxPaginationListItemDirective, typeof i8.RdxPaginationEllipsisDirective], [typeof i1.RdxPaginationRootDirective, typeof i2.RdxPaginationListDirective, typeof i3.RdxPaginationFirstDirective, typeof i4.RdxPaginationPrevDirective, typeof i5.RdxPaginationLastDirective, typeof i6.RdxPaginationNextDirective, typeof i7.RdxPaginationListItemDirective, typeof i8.RdxPaginationEllipsisDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdxPaginationModule>;
+}

package/pagination/src/pagination-context.token.d.ts

@@ -0,0 +1,11 @@
+import { computed, InjectionToken, model } from '@angular/core';
+export interface PaginationRootContext {
+    page: ReturnType<typeof model<number>>;
+    onPageChange: (value: number) => void;
+    pageCount: ReturnType<typeof computed<number>>;
+    siblingCount: ReturnType<typeof computed<number>>;
+    disabled: ReturnType<typeof computed<boolean>>;
+    showEdges: ReturnType<typeof computed<boolean>>;
+}
+export declare const PAGINATION_ROOT_CONTEXT: InjectionToken<PaginationRootContext>;
+export declare function injectPaginationRootContext(): PaginationRootContext;

package/pagination/src/pagination-ellipsis.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class RdxPaginationEllipsisDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationEllipsisDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationEllipsisDirective, "[rdxPaginationEllipsis]", never, {}, {}, never, never, true, never>;
+}

package/pagination/src/pagination-first.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RdxPaginationFirstDirective {
+    private readonly rootContext;
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationFirstDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationFirstDirective, "[rdxPaginationFirst]", never, {}, {}, never, never, true, never>;
+}

package/pagination/src/pagination-last.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RdxPaginationLastDirective {
+    private readonly rootContext;
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationLastDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationLastDirective, "[rdxPaginationLast]", never, {}, {}, never, never, true, never>;
+}

package/pagination/src/pagination-list-item.directive.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class RdxPaginationListItemDirective {
+    private readonly rootContext;
+    readonly value: import("@angular/core").InputSignal<number | undefined>;
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    readonly isSelected: import("@angular/core").Signal<boolean>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationListItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationListItemDirective, "[rdxPaginationListItem]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/pagination/src/pagination-list.directive.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class RdxPaginationListDirective {
+    private readonly rootContext;
+    readonly transformedRange: import("@angular/core").Signal<({
+        type: "ellipsis";
+    } | {
+        type: "page";
+        value: number;
+    })[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationListDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationListDirective, "[rdxPaginationList]", ["rdxPaginationList"], {}, {}, never, never, true, never>;
+}

package/pagination/src/pagination-next.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RdxPaginationNextDirective {
+    private readonly rootContext;
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationNextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationNextDirective, "[rdxPaginationNext]", never, {}, {}, never, never, true, never>;
+}

package/pagination/src/pagination-prev.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RdxPaginationPrevDirective {
+    private readonly rootContext;
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationPrevDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationPrevDirective, "[rdxPaginationPrev]", never, {}, {}, never, never, true, never>;
+}

package/pagination/src/pagination-root.directive.d.ts

@@ -0,0 +1,18 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class RdxPaginationRootDirective {
+    readonly defaultPage: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly page: import("@angular/core").ModelSignal<number>;
+    readonly itemsPerPage: import("@angular/core").InputSignalWithTransform<number | undefined, NumberInput>;
+    readonly total: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly siblingCount: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly showEdges: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly updatePage: import("@angular/core").OutputEmitterRef<number>;
+    /** @ignore */
+    readonly pageCount: import("@angular/core").Signal<number>;
+    /** @ignore */
+    onPageChange(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationRootDirective, "[rdxPaginationRoot]", never, { "defaultPage": { "alias": "defaultPage"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showEdges": { "alias": "showEdges"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "updatePage": "updatePage"; }, never, never, true, never>;
+}

package/pagination/src/utils.d.ts

@@ -0,0 +1,9 @@
+type Pages = Array<{
+    type: 'ellipsis';
+} | {
+    type: 'page';
+    value: number;
+}>;
+export declare function transform(items: (string | number)[]): Pages;
+export declare function getRange(currentPage: number, pageCount: number, siblingCount: number, showEdges: boolean): (string | number)[];
+export {};

package/popover/src/popover-root.directive.d.ts

@@ -70,7 +70,7 @@ export declare class RdxPopoverRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#7452@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#7794@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -81,9 +81,9 @@ export declare class RdxPopoverRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#7452@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#7452@#registerOnDestroyCallbacks"(): void;
-        "__#7452@#listenToClickDomRootEvent"(): void;
+        "__#7794@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#7794@#registerOnDestroyCallbacks"(): void;
+        "__#7794@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;