@radix-ng/primitives 0.29.0 → 0.30.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.30.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -18,139 +18,15 @@
     "headless"
   ],
   "peerDependencies": {
-    "@angular/core": "^19.0.0",
-    "@angular/cdk": "^19.0.0"
+    "@angular/core": "^19.1.0",
+    "@angular/cdk": "^19.1.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/schematics": "^19.1.0"
   },
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
-  "module": "fesm2022/radix-ng-primitives.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives.mjs"
-    },
-    "./accordion": {
-      "types": "./accordion/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-accordion.mjs"
-    },
-    "./alert-dialog": {
-      "types": "./alert-dialog/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-alert-dialog.mjs"
-    },
-    "./aspect-ratio": {
-      "types": "./aspect-ratio/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-aspect-ratio.mjs"
-    },
-    "./avatar": {
-      "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"
-    },
-    "./context-menu": {
-      "types": "./context-menu/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-context-menu.mjs"
-    },
-    "./core": {
-      "types": "./core/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-core.mjs"
-    },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-dialog.mjs"
-    },
-    "./dropdown-menu": {
-      "types": "./dropdown-menu/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-dropdown-menu.mjs"
-    },
-    "./hover-card": {
-      "types": "./hover-card/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-hover-card.mjs"
-    },
-    "./label": {
-      "types": "./label/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-label.mjs"
-    },
-    "./menu": {
-      "types": "./menu/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-menu.mjs"
-    },
-    "./menubar": {
-      "types": "./menubar/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-menubar.mjs"
-    },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-popover.mjs"
-    },
-    "./presence": {
-      "types": "./presence/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-presence.mjs"
-    },
-    "./progress": {
-      "types": "./progress/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-progress.mjs"
-    },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-radio.mjs"
-    },
-    "./roving-focus": {
-      "types": "./roving-focus/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-roving-focus.mjs"
-    },
-    "./select": {
-      "types": "./select/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-select.mjs"
-    },
-    "./separator": {
-      "types": "./separator/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-separator.mjs"
-    },
-    "./slider": {
-      "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"
-    },
-    "./toggle": {
-      "types": "./toggle/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-toggle.mjs"
-    },
-    "./toggle-group": {
-      "types": "./toggle-group/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-toggle-group.mjs"
-    },
-    "./toolbar": {
-      "types": "./toolbar/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-toolbar.mjs"
-    },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-tooltip.mjs"
-    },
-    "./visually-hidden": {
-      "types": "./visually-hidden/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-visually-hidden.mjs"
-    }
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
+  "types": "./index.d.ts",
+  "main": "./index.js",
+  "type": "commonjs"
 }

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>;
+        "__#7699@#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;
+        "__#7699@#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;
+        "__#7699@#registerOnDestroyCallbacks"(): void;
+        "__#7699@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

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

@@ -1,5 +1,6 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
+export declare const RdxProgressToken: InjectionToken<RdxProgressRootDirective>;
 /**
  * Injects the current instance of RdxProgressRootDirective.
  * @returns The instance of RdxProgressRootDirective.
@@ -7,9 +8,14 @@ import * as i0 from "@angular/core";
 export declare function injectProgress(): RdxProgressRootDirective;
 export type ProgressState = 'indeterminate' | 'complete' | 'loading';
 export interface ProgressProps {
-    value?: number | null | undefined;
+    value?: number | null;
     max?: number;
-    getValueLabel?: string;
+    /**
+     * A function to get the accessible label text representing the current value in a human-readable format.
+     *
+     *  If not provided, the value label will be read as the numeric value as a percentage of the max value.
+     */
+    getValueLabel?: (value: number, max: number) => string;
 }
 /**
  * Directive to manage progress bar state and attributes.
@@ -19,50 +25,30 @@ export interface ProgressProps {
  *
  * @group Components
  */
-export declare class RdxProgressRootDirective implements ProgressProps, OnChanges {
-    /**
-     * The unique ID for the progress bar.
-     * @default 'rdx-progress-bar-{idIterator}'
-     */
-    id: string;
+export declare class RdxProgressRootDirective {
     /**
      * The current value of the progress bar.
      * @group Props
      * @defaultValue 0
      */
-    value: number;
+    readonly value: import("@angular/core").ModelSignal<number>;
     /**
      * The maximum value of the progress bar.
      * @defaultValue 100
      * @group Props
      */
-    max: number;
+    readonly max: import("@angular/core").ModelSignal<number>;
     /**
      * Function to generate the value label.
      * @group Props
      */
-    valueLabel: (value: number, max: number) => string;
-    /**
-     * Lifecycle hook that is called when any data-bound property of a directive changes.
-     * @param changes - The changed properties.
-     * @ignore
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Get the state of the progress bar.
-     * @returns 'indeterminate' | 'loading' | 'complete'
-     * @ignore
-     */
-    get state(): ProgressState;
-    private getProgressState;
+    readonly valueLabel: import("@angular/core").InputSignal<(value: number, max: number) => string>;
+    protected readonly label: import("@angular/core").Signal<string>;
+    readonly progressState: import("@angular/core").Signal<ProgressState>;
+    constructor();
+    private validateValue;
+    private validateMax;
     private defaultGetValueLabel;
-    private isValidMaxNumber;
-    private isNumber;
-    private isValidValueNumber;
-    private getInvalidMaxError;
-    private getInvalidValueError;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressRootDirective, "[rdxProgressRoot]", ["rdxProgressRoot"], { "id": { "alias": "id"; "required": false; }; "value": { "alias": "rdxValue"; "required": false; }; "max": { "alias": "rdxMax"; "required": false; }; "valueLabel": { "alias": "rdxValueLabel"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_value: unknown;
-    static ngAcceptInputType_max: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressRootDirective, "[rdxProgressRoot]", ["rdxProgressRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "max": "maxChange"; }, never, never, true, never>;
 }

package/schematics/collection.json

@@ -2,9 +2,8 @@
     "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
     "schematics": {
         "ng-add": {
-            "description": "Add Radix Angular to the application.",
-            "factory": "./ng-add",
-            "schema": "./ng-add/schema.json",
+            "description": "Add RadixNG to the application.",
+            "factory": "./ng-add/index#ngAdd",
             "aliases": ["install"]
         }
     }

package/schematics/ng-add/index.d.ts

@@ -1,7 +1,6 @@
 import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
 /**
  * This is executed when `ng add @radix-ng/primitives` is run.
  * It installs all dependencies in the 'package.json'.
  */
-export default function (options: Schema): Rule;
+export declare function ngAdd(): Rule;