@radix-ng/primitives 0.39.2 → 0.39.4

package/fesm2022/radix-ng-primitives-toggle.mjs

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
-import { Directive, input, booleanAttribute, model, computed, output, signal } from '@angular/core';
+import { Directive, inject, input, booleanAttribute, model } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/visually-hidden';
 import { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';
-import { provideValueAccessor } from '@radix-ng/primitives/core';
+import { outputFromObservable, outputToObservable } from '@angular/core/rxjs-interop';
+import * as i1$1 from '@radix-ng/primitives/core';
+import { RdxControlValueAccessor } from '@radix-ng/primitives/core';
 
 class RdxToggleVisuallyHiddenInputDirective {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxToggleVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -30,6 +32,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
  */
 class RdxToggleDirective {
     constructor() {
+        /**
+         * @ignore
+         */
+        this.cva = inject(RdxControlValueAccessor);
         /**
          * The pressed state of the toggle when it is initially rendered.
          * Use when you do not need to control its pressed state.
@@ -50,60 +56,41 @@ class RdxToggleDirective {
          * @group Props
          */
         this.disabled = input(false, { transform: booleanAttribute });
-        /** @ignore */
-        this.disabledModel = model(this.disabled());
-        /** @ignore */
-        this.disabledState = computed(() => this.disabled() || this.disabledModel() || this.accessorDisabled());
-        this.dataState = computed(() => {
-            return this.pressed() ? 'on' : 'off';
-        });
         /**
          * Event handler called when the pressed state of the toggle changes.
          *
          * @group Emits
          */
-        this.onPressedChange = output();
-        this.accessorDisabled = signal(false);
-        this.onChange = () => { };
+        this.onPressedChange = outputFromObservable(outputToObservable(this.cva.valueChange));
     }
-    togglePressed() {
+    onClick() {
         if (!this.disabled()) {
             this.pressed.set(!this.pressed());
-            this.onChange(this.pressed());
-            this.onPressedChange.emit(this.pressed());
+            this.cva.writeValue(this.pressed());
+            this.cva.setValue(this.pressed());
         }
     }
-    /** @ignore */
-    writeValue(value) {
-        this.pressed.set(value);
-    }
-    /** @ignore */
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    /** @ignore */
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    /** @ignore */
-    setDisabledState(isDisabled) {
-        this.accessorDisabled.set(isDisabled);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxToggleDirective, isStandalone: true, selector: "[rdxToggle]", inputs: { defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disabledModel: { classPropertyName: "disabledModel", publicName: "disabledModel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", disabledModel: "disabledModelChange", onPressedChange: "onPressedChange" }, host: { listeners: { "click": "togglePressed()" }, properties: { "attr.aria-pressed": "pressed()", "attr.data-state": "dataState()", "attr.data-disabled": "disabledState() ? \"\" : undefined", "disabled": "disabledState()" } }, providers: [provideValueAccessor(RdxToggleDirective)], exportAs: ["rdxToggle"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxToggleDirective, isStandalone: true, selector: "[rdxToggle]", inputs: { defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", onPressedChange: "onPressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.aria-pressed": "cva.value()", "attr.data-state": "cva.value() ? \"on\" : \"off\"", "attr.data-disabled": "cva.disabled() ? \"\" : undefined", "disabled": "cva.disabled()" } }, exportAs: ["rdxToggle"], hostDirectives: [{ directive: i1$1.RdxControlValueAccessor, inputs: ["value", "pressed", "disabled", "disabled"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxToggle]',
                     exportAs: 'rdxToggle',
-                    providers: [provideValueAccessor(RdxToggleDirective)],
+                    hostDirectives: [
+                        {
+                            directive: RdxControlValueAccessor,
+                            inputs: ['value: pressed', 'disabled']
+                        }
+                    ],
                     host: {
-                        '[attr.aria-pressed]': 'pressed()',
-                        '[attr.data-state]': 'dataState()',
-                        '[attr.data-disabled]': 'disabledState() ? "" : undefined',
-                        '[disabled]': 'disabledState()',
-                        '(click)': 'togglePressed()'
+                        type: 'button',
+                        '[attr.aria-pressed]': 'cva.value()',
+                        '[attr.data-state]': 'cva.value() ? "on" : "off"',
+                        '[attr.data-disabled]': 'cva.disabled() ? "" : undefined',
+                        '[disabled]': 'cva.disabled()',
+                        '(click)': 'onClick()'
                     }
                 }]
         }] });

package/fesm2022/radix-ng-primitives-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle-visually-hidden-input.directive.ts","../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';\n\n@Directive({\n    selector: 'input[rdxToggleVisuallyHiddenInput]',\n    exportAs: 'rdxToggleVisuallyHiddenInput',\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputDirective,\n            inputs: ['name', 'required', 'value', 'disabled']\n        }\n    ],\n    host: {\n        type: 'checkbox'\n    }\n})\nexport class RdxToggleVisuallyHiddenInputDirective {}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input, model, output, OutputEmitterRef, signal } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor } from '@radix-ng/primitives/core';\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: OutputEmitterRef<boolean>;\n\n    /**\n     * Whether the toggle is disabled.\n     * @defaultValue false\n     */\n    disabled?: boolean;\n}\n\nexport type DataState = 'on' | 'off';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxToggle]',\n    exportAs: 'rdxToggle',\n    providers: [provideValueAccessor(RdxToggleDirective)],\n    host: {\n        '[attr.aria-pressed]': 'pressed()',\n        '[attr.data-state]': 'dataState()',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined',\n        '[disabled]': 'disabledState()',\n\n        '(click)': 'togglePressed()'\n    }\n})\nexport class RdxToggleDirective implements ControlValueAccessor {\n    /**\n     * The pressed state of the toggle when it is initially rendered.\n     * Use when you do not need to control its pressed state.\n     *\n     * @group Props\n     */\n    readonly defaultPressed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled pressed state of the toggle.\n     * Must be used in conjunction with `onPressedChange`.\n     *\n     * @group Props\n     */\n    readonly pressed = model<boolean>(this.defaultPressed());\n\n    /**\n     * When true, prevents the user from interacting with the toggle.\n     *\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly disabledModel = model<boolean>(this.disabled());\n\n    /** @ignore */\n    readonly disabledState = computed(() => this.disabled() || this.disabledModel() || this.accessorDisabled());\n\n    protected readonly dataState = computed<DataState>(() => {\n        return this.pressed() ? 'on' : 'off';\n    });\n\n    /**\n     * Event handler called when the pressed state of the toggle changes.\n     *\n     * @group Emits\n     */\n    readonly onPressedChange = output<boolean>();\n\n    protected togglePressed(): void {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.onChange(this.pressed());\n            this.onPressedChange.emit(this.pressed());\n        }\n    }\n\n    private readonly accessorDisabled = signal(false);\n\n    private onChange: (value: any) => void = () => {};\n\n    /** @ignore */\n    onTouched: (() => void) | undefined;\n\n    /** @ignore */\n    writeValue(value: any): void {\n        this.pressed.set(value);\n    }\n\n    /** @ignore */\n    registerOnChange(fn: (value: any) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @ignore */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle-visually-hidden-input.directive.ts","../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';\n\n@Directive({\n    selector: 'input[rdxToggleVisuallyHiddenInput]',\n    exportAs: 'rdxToggleVisuallyHiddenInput',\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputDirective,\n            inputs: ['name', 'required', 'value', 'disabled']\n        }\n    ],\n    host: {\n        type: 'checkbox'\n    }\n})\nexport class RdxToggleVisuallyHiddenInputDirective {}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, inject, input, model, OutputEmitterRef } from '@angular/core';\nimport { outputFromObservable, outputToObservable } from '@angular/core/rxjs-interop';\nimport { RdxControlValueAccessor } from '@radix-ng/primitives/core';\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: OutputEmitterRef<boolean>;\n\n    /**\n     * Whether the toggle is disabled.\n     * @defaultValue false\n     */\n    disabled?: boolean;\n}\n\nexport type DataState = 'on' | 'off';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxToggle]',\n    exportAs: 'rdxToggle',\n    hostDirectives: [\n        {\n            directive: RdxControlValueAccessor,\n            inputs: ['value: pressed', 'disabled']\n        }\n    ],\n    host: {\n        type: 'button',\n        '[attr.aria-pressed]': 'cva.value()',\n        '[attr.data-state]': 'cva.value() ? \"on\" : \"off\"',\n        '[attr.data-disabled]': 'cva.disabled() ? \"\" : undefined',\n        '[disabled]': 'cva.disabled()',\n\n        '(click)': 'onClick()'\n    }\n})\nexport class RdxToggleDirective {\n    /**\n     * @ignore\n     */\n    readonly cva = inject(RdxControlValueAccessor);\n\n    /**\n     * The pressed state of the toggle when it is initially rendered.\n     * Use when you do not need to control its pressed state.\n     *\n     * @group Props\n     */\n    readonly defaultPressed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled pressed state of the toggle.\n     * Must be used in conjunction with `onPressedChange`.\n     *\n     * @group Props\n     */\n    readonly pressed = model<boolean>(this.defaultPressed());\n\n    /**\n     * When true, prevents the user from interacting with the toggle.\n     *\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the pressed state of the toggle changes.\n     *\n     * @group Emits\n     */\n    readonly onPressedChange = outputFromObservable(outputToObservable(this.cva.valueChange));\n\n    protected onClick(): void {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.cva.writeValue(this.pressed());\n            this.cva.setValue(this.pressed());\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/hover-card/src/hover-card-arrow.directive.d.ts

@@ -1,6 +1,9 @@
 import { NumberInput } from '@angular/cdk/coercion';
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * @group Components
+ */
 export declare class RdxHoverCardArrowDirective {
     /** @ignore */
     private readonly renderer;
@@ -9,13 +12,15 @@ export declare class RdxHoverCardArrowDirective {
     /** @ignore */
     readonly elementRef: ElementRef<any>;
     /**
-     * @description The width of the arrow in pixels.
-     * @default 10
+     * The width of the arrow in pixels.
+     * @group Props
+     * @defaultValue 10
      */
     readonly width: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
     /**
-     * @description The height of the arrow in pixels.
-     * @default 5
+     * The height of the arrow in pixels.
+     * @group Props
+     * @defaultValue 5
      */
     readonly height: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
     /** @ignore */

package/hover-card/src/hover-card-content.directive.d.ts

@@ -3,6 +3,9 @@ import { OnInit } from '@angular/core';
 import { RdxPositionAlign, RdxPositionSide } from '@radix-ng/primitives/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/overlay";
+/**
+ * @group Components
+ */
 export declare class RdxHoverCardContentDirective implements OnInit {
     /** @ignore */
     private readonly rootDirective;
@@ -17,50 +20,67 @@ export declare class RdxHoverCardContentDirective implements OnInit {
     /** @ignore */
     readonly name: import("@angular/core").Signal<string>;
     /**
-     * @description The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
-     * @default top
+     * The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
+     * @group Props
+     * @defaultValue top
      */
     readonly side: import("@angular/core").InputSignal<RdxPositionSide>;
     /**
-     * @description The distance in pixels from the trigger.
-     * @default undefined
+     * The distance in pixels from the trigger.
+     * @group Props
+     * @defaultValue undefined
      */
     readonly sideOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
     /**
-     * @description The preferred alignment against the trigger. May change when collisions occur.
-     * @default center
+     * The preferred alignment against the trigger. May change when collisions occur.
+     * @group Props
+     * @defaultValue center
      */
     readonly align: import("@angular/core").InputSignal<RdxPositionAlign>;
     /**
-     * @description An offset in pixels from the "start" or "end" alignment options.
-     * @default undefined
+     * An offset in pixels from the "start" or "end" alignment options.
+     * @group Props
+     * @defaultValue undefined
      */
     readonly alignOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
     /**
-     * @description Whether to add some alternate positions of the content.
-     * @default false
+     * Whether to add some alternate positions of the content.
+     * @group Props
+     * @defaultValue false
      */
     readonly alternatePositionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /** @description Whether to prevent `onOverlayEscapeKeyDown` handler from calling. */
+    /**
+     * Whether to prevent `onOverlayEscapeKeyDown` handler from calling.
+     * @group Props
+     * @defaultValue false
+     */
     readonly onOverlayEscapeKeyDownDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /** @description Whether to prevent `onOverlayOutsideClick` handler from calling. */
+    /**
+     * Whether to prevent `onOverlayOutsideClick` handler from calling.
+     * @group Props
+     * @defaultValue false
+     */
     readonly onOverlayOutsideClickDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * @description Event handler called when the escape key is down.
+     * Event handler called when the escape key is down.
      * It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
+     * @group Emits
      */
     readonly onOverlayEscapeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     /**
-     * @description Event handler called when a pointer event occurs outside the bounds of the component.
+     * Event handler called when a pointer event occurs outside the bounds of the component.
      * It can be prevented by setting `onOverlayOutsideClickDisabled` input to `true`.
+     * @group Emits
      */
     readonly onOverlayOutsideClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
     /**
-     * @description Event handler called after the overlay is open
+     * Event handler called after the overlay is open
+     * @group Emits
      */
     readonly onOpen: import("@angular/core").OutputEmitterRef<void>;
     /**
-     * @description Event handler called after the overlay is closed
+     * Event handler called after the overlay is closed
+     * @group Emits
      */
     readonly onClosed: import("@angular/core").OutputEmitterRef<void>;
     /** @ingore */

package/hover-card/src/hover-card-root.directive.d.ts

@@ -6,52 +6,66 @@ import { RdxHoverCardContentDirective } from './hover-card-content.directive';
 import { RdxHoverCardTriggerDirective } from './hover-card-trigger.directive';
 import { RdxHoverCardAction, RdxHoverCardAnimationStatus, RdxHoverCardAttachDetachEvent, RdxHoverCardState } from './hover-card.types';
 import * as i0 from "@angular/core";
+/**
+ * @group Components
+ */
 export declare class RdxHoverCardRootDirective {
     /** @ignore */
     readonly uniqueId: import("@angular/core").WritableSignal<number>;
     /** @ignore */
     readonly name: import("@angular/core").Signal<string>;
     /**
-     * @description The anchor directive that comes form outside the hover-card rootDirective
-     * @default undefined
+     * The anchor directive that comes from outside the hover-card rootDirective
+     * @group Props
+     * @defaultValue undefined
      */
     readonly anchor: import("@angular/core").InputSignal<RdxHoverCardAnchorDirective | undefined>;
     /**
-     * @description The open state of the hover-card when it is initially rendered. Use when you do not need to control its open state.
-     * @default false
+     * The open state of the hover-card when it is initially rendered. Use when you do not need to control its open state.
+     * @group Props
+     * @defaultValue false
      */
     readonly defaultOpen: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * @description The controlled state of the hover-card. `open` input take precedence of `defaultOpen` input.
-     * @default undefined
+     * The controlled state of the hover-card. `open` input takes precedence over `defaultOpen` input.
+     * @group Props
+     * @defaultValue undefined
      */
     readonly open: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
     /**
-     * To customise the open delay for a specific hover-card.
+     * The delay in milliseconds before the hover-card opens.
+     * @group Props
+     * @defaultValue 500
      */
     readonly openDelay: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
     /**
-     * To customise the close delay for a specific hover-card.
+     * The delay in milliseconds before the hover-card closes.
+     * @group Props
+     * @defaultValue 200
      */
     readonly closeDelay: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
     /**
-     * @description Whether to control the state of the hover-card from external. Use in conjunction with `open` input.
-     * @default undefined
+     * Whether to control the state of the hover-card from outside. Use in conjunction with `open` input.
+     * @group Props
+     * @defaultValue undefined
      */
     readonly externalControl: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
     /**
-     * @description Whether to take into account CSS opening/closing animations.
-     * @default false
+     * Whether to take into account CSS opening/closing animations.
+     * @group Props
+     * @defaultValue false
      */
     readonly cssAnimation: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * @description Whether to take into account CSS opening animations. `cssAnimation` input must be set to 'true'
-     * @default false
+     * Whether to take into account CSS opening animations. `cssAnimation` input must be set to 'true'
+     * @group Props
+     * @defaultValue false
      */
     readonly cssOpeningAnimation: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * @description Whether to take into account CSS closing animations. `cssAnimation` input must be set to 'true'
-     * @default false
+     * Whether to take into account CSS closing animations. `cssAnimation` input must be set to 'true'
+     * @group Props
+     * @defaultValue false
      */
     readonly cssClosingAnimation: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /** @ignore */
@@ -79,7 +93,7 @@ export declare class RdxHoverCardRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#13531@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#14204@#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;
@@ -90,9 +104,9 @@ export declare class RdxHoverCardRootDirective {
         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;
-        "__#13531@#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;
-        "__#13531@#registerOnDestroyCallbacks"(): void;
-        "__#13531@#listenToClickDomRootEvent"(): void;
+        "__#14204@#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;
+        "__#14204@#registerOnDestroyCallbacks"(): void;
+        "__#14204@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.39.2",
+  "version": "0.39.4",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

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>;
-        "__#17916@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#18581@#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;
-        "__#17916@#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;
-        "__#17916@#registerOnDestroyCallbacks"(): void;
-        "__#17916@#listenToClickDomRootEvent"(): void;
+        "__#18581@#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;
+        "__#18581@#registerOnDestroyCallbacks"(): void;
+        "__#18581@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

package/toggle/src/toggle.directive.d.ts

@@ -1,7 +1,8 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { OutputEmitterRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { RdxControlValueAccessor } from '@radix-ng/primitives/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/core";
 export interface ToggleProps {
     /**
      * The controlled state of the toggle.
@@ -27,7 +28,11 @@ export type DataState = 'on' | 'off';
 /**
  * @group Components
  */
-export declare class RdxToggleDirective implements ControlValueAccessor {
+export declare class RdxToggleDirective {
+    /**
+     * @ignore
+     */
+    readonly cva: RdxControlValueAccessor<any>;
     /**
      * The pressed state of the toggle when it is initially rendered.
      * Use when you do not need to control its pressed state.
@@ -48,30 +53,13 @@ export declare class RdxToggleDirective implements ControlValueAccessor {
      * @group Props
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /** @ignore */
-    readonly disabledModel: import("@angular/core").ModelSignal<boolean>;
-    /** @ignore */
-    readonly disabledState: import("@angular/core").Signal<boolean>;
-    protected readonly dataState: import("@angular/core").Signal<DataState>;
     /**
      * Event handler called when the pressed state of the toggle changes.
      *
      * @group Emits
      */
-    readonly onPressedChange: OutputEmitterRef<boolean>;
-    protected togglePressed(): void;
-    private readonly accessorDisabled;
-    private onChange;
-    /** @ignore */
-    onTouched: (() => void) | undefined;
-    /** @ignore */
-    writeValue(value: any): void;
-    /** @ignore */
-    registerOnChange(fn: (value: any) => void): void;
-    /** @ignore */
-    registerOnTouched(fn: () => void): void;
-    /** @ignore */
-    setDisabledState(isDisabled: boolean): void;
+    readonly onPressedChange: import("@angular/core").OutputRef<any>;
+    protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleDirective, "[rdxToggle]", ["rdxToggle"], { "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledModel": { "alias": "disabledModel"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; "disabledModel": "disabledModelChange"; "onPressedChange": "onPressedChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleDirective, "[rdxToggle]", ["rdxToggle"], { "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; "onPressedChange": "onPressedChange"; }, never, never, true, [{ directive: typeof i1.RdxControlValueAccessor; inputs: { "value": "pressed"; "disabled": "disabled"; }; outputs: {}; }]>;
 }

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

@@ -1,5 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
+import { AcceptableValue } from '@radix-ng/primitives/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/roving-focus";
 /**
@@ -13,7 +14,7 @@ export declare class RdxToggleGroupDirective implements ControlValueAccessor {
     /**
      * @group Props
      */
-    readonly value: import("@angular/core").ModelSignal<string | string[] | undefined>;
+    readonly value: import("@angular/core").ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
     /**
      * @group Props
      */
@@ -28,7 +29,7 @@ export declare class RdxToggleGroupDirective implements ControlValueAccessor {
      * Event emitted when the selected toggle button changes.
      * @group Emits
      */
-    readonly onValueChange: import("@angular/core").OutputEmitterRef<string | string[] | undefined>;
+    readonly onValueChange: import("@angular/core").OutputEmitterRef<AcceptableValue | AcceptableValue[] | undefined>;
     /**
      * The value change callback.
      */
@@ -42,7 +43,7 @@ export declare class RdxToggleGroupDirective implements ControlValueAccessor {
      * @param value The value to toggle.
      * @ignore
      */
-    toggle(value: string): void;
+    toggle(value: AcceptableValue): void;
     /**
      * Select a value from Angular forms.
      * @param value The value to select.
@@ -54,14 +55,14 @@ export declare class RdxToggleGroupDirective implements ControlValueAccessor {
      * @param fn The callback to register.
      * @ignore
      */
-    registerOnChange(fn: (value: string | string[] | undefined) => void): void;
+    registerOnChange(fn: (value: AcceptableValue | AcceptableValue[] | undefined) => void): void;
     /**
      * Register a callback to be called when the toggle group is touched.
      * @param fn The callback to register.
      * @ignore
      */
     registerOnTouched(fn: () => void): void;
-    private readonly accessorDisabled;
+    readonly accessorDisabled: import("@angular/core").WritableSignal<boolean>;
     /**
      * Set the disabled state of the toggle group.
      * @param isDisabled Whether the toggle group is disabled.

package/toggle-group/src/toggle-group.token.d.ts

@@ -4,6 +4,7 @@ export interface IRdxToggleGroup {
     disabled: any;
     value: any;
     type: any;
+    accessorDisabled: any;
 }
 export declare const RdxToggleGroupToken: InjectionToken<IRdxToggleGroup>;
 export declare function injectToggleGroup(): IRdxToggleGroup;

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

@@ -79,7 +79,7 @@ export declare class RdxTooltipRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#21763@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#22420@#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;
@@ -90,9 +90,9 @@ export declare class RdxTooltipRootDirective {
         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;
-        "__#21763@#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;
-        "__#21763@#registerOnDestroyCallbacks"(): void;
-        "__#21763@#listenToClickDomRootEvent"(): void;
+        "__#22420@#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;
+        "__#22420@#registerOnDestroyCallbacks"(): void;
+        "__#22420@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;