@radix-ng/primitives 0.20.2 → 0.22.0

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

@@ -1,23 +1,52 @@
-import { OnInit, ViewContainerRef } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { DestroyRef, ViewContainerRef } from '@angular/core';
+import { RdxPopoverAnchorDirective } from './popover-anchor.directive';
 import { RdxPopoverContentDirective } from './popover-content.directive';
 import { RdxPopoverTriggerDirective } from './popover-trigger.directive';
-import { RdxPopoverState } from './popover.types';
+import { RdxPopoverAnimationStatus, RdxPopoverAttachDetachEvent, RdxPopoverState } from './popover.types';
 import * as i0 from "@angular/core";
-export declare class RdxPopoverRootDirective implements OnInit {
+export declare class RdxPopoverRootDirective {
+    /** @ignore */
     readonly uniqueId: import("@angular/core").WritableSignal<number>;
+    /** @ignore */
     readonly name: import("@angular/core").Signal<string>;
     /**
-     * The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
+     * @description The anchor directive that comes form outside the popover root
+     * @default undefined
+     */
+    readonly anchor: import("@angular/core").InputSignal<RdxPopoverAnchorDirective | undefined>;
+    /**
+     * @description The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
+     * @default false
      */
     readonly defaultOpen: import("@angular/core").InputSignal<boolean>;
     /**
-     * The controlled open state of the popover. Must be used in conjunction with onOpenChange.
+     * @description The controlled state of the popover. `open` input take precedence of `defaultOpen` input.
+     * @default undefined
      */
     readonly open: import("@angular/core").InputSignal<boolean | undefined>;
     /**
-     * Event handler called when the open state of the popover changes.
+     * @description Whether to control the state of the popover from external. Use in conjunction with `open` input.
+     * @default undefined
+     */
+    readonly externalControl: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * @description Whether to take into account CSS opening/closing animations.
+     * @default 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
+     */
+    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
      */
-    readonly onOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly cssClosingAnimation: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /** @ignore */
+    readonly cssAnimationStatus: import("@angular/core").WritableSignal<RdxPopoverAnimationStatus | null>;
     /** @ignore */
     readonly popoverContentDirective: import("@angular/core").Signal<RdxPopoverContentDirective>;
     /** @ignore */
@@ -25,20 +54,38 @@ export declare class RdxPopoverRootDirective implements OnInit {
     /** @ignore */
     readonly popoverArrowDirective: import("@angular/core").Signal<import("@radix-ng/primitives/popover").RdxPopoverArrowDirective | undefined>;
     /** @ignore */
+    readonly popoverCloseDirective: import("@angular/core").Signal<import("@radix-ng/primitives/popover").RdxPopoverCloseDirective | undefined>;
+    /** @ignore */
+    readonly popoverContentAttributesComponent: import("@angular/core").Signal<import("@radix-ng/primitives/popover").RdxPopoverContentAttributesComponent | undefined>;
+    /** @ignore */
+    private readonly internalPopoverAnchorDirective;
+    /** @ignore */
     readonly viewContainerRef: ViewContainerRef;
     /** @ignore */
-    private readonly document;
+    readonly destroyRef: DestroyRef;
     /** @ignore */
-    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly state: import("@angular/core").WritableSignal<RdxPopoverState>;
     /** @ignore */
-    readonly state: import("@angular/core").Signal<RdxPopoverState>;
+    readonly attachDetachEvent: import("@angular/core").WritableSignal<RdxPopoverAttachDetachEvent>;
     /** @ignore */
-    private isControlledExternally;
+    private isFirstDefaultOpen;
+    /** @ignore */
+    readonly popoverAnchorDirective: import("@angular/core").Signal<RdxPopoverAnchorDirective | undefined>;
     constructor();
     /** @ignore */
-    ngOnInit(): void;
+    getAnimationParamsSnapshot(): {
+        cssAnimation: boolean;
+        cssOpeningAnimation: boolean;
+        cssClosingAnimation: boolean;
+        cssAnimationStatus: RdxPopoverAnimationStatus | null;
+        attachDetachEvent: RdxPopoverAttachDetachEvent;
+        state: RdxPopoverState;
+        canEmitOnOpenOrOnClosed: boolean;
+    };
+    /** @ignore */
+    controlledExternally(): import("@angular/core").InputSignal<boolean | undefined>;
     /** @ignore */
-    controlledExternally(): import("@angular/core").Signal<boolean>;
+    firstDefaultOpen(): boolean;
     /** @ignore */
     handleOpen(): void;
     /** @ignore */
@@ -46,15 +93,39 @@ export declare class RdxPopoverRootDirective implements OnInit {
     /** @ignore */
     handleToggle(): void;
     /** @ignore */
-    private setOpen;
+    isOpen(state?: RdxPopoverState): boolean;
+    /** @ignore */
+    private setState;
+    /** @ignore */
+    private openContent;
+    /** @ignore */
+    private closeContent;
+    /** @ignore */
+    private emitOnOpen;
+    /** @ignore */
+    private emitOnClosed;
     /** @ignore */
-    private show;
+    private ifOpenOrCloseWithoutAnimations;
     /** @ignore */
-    private hide;
+    private ifOpenOrCloseWithAnimations;
     /** @ignore */
-    private onIsOpenChangeEffect;
+    private openOrClose;
+    /** @ignore */
+    private emitOnOpenOrOnClosed;
+    /** @ignore */
+    private canEmitOnOpenOrOnClosed;
+    /** @ignore */
+    private onStateChangeEffect;
+    /** @ignore */
+    private onCssAnimationStatusChangeChangeEffect;
+    /** @ignore */
+    private emitOpenOrClosedEventEffect;
     /** @ignore */
     private onOpenChangeEffect;
+    /** @ignore */
+    private onIsFirstDefaultOpenChangeEffect;
+    /** @ignore */
+    private onAnchorChangeEffect;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxPopoverRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPopoverRootDirective, "[rdxPopoverRoot]", ["rdxPopoverRoot"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "onOpenChange": "onOpenChange"; }, ["popoverContentDirective", "popoverTriggerDirective", "popoverArrowDirective"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPopoverRootDirective, "[rdxPopoverRoot]", ["rdxPopoverRoot"], { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "externalControl": { "alias": "externalControl"; "required": false; "isSignal": true; }; "cssAnimation": { "alias": "cssAnimation"; "required": false; "isSignal": true; }; "cssOpeningAnimation": { "alias": "cssOpeningAnimation"; "required": false; "isSignal": true; }; "cssClosingAnimation": { "alias": "cssClosingAnimation"; "required": false; "isSignal": true; }; }, {}, ["popoverContentDirective", "popoverTriggerDirective", "popoverArrowDirective", "popoverCloseDirective", "popoverContentAttributesComponent", "internalPopoverAnchorDirective"], never, true, never>;
 }

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

@@ -1,2 +1,3 @@
 import { RdxPopoverRootDirective } from './popover-root.directive';
-export declare function injectPopoverRoot(): RdxPopoverRootDirective;
+export declare function injectPopoverRoot(optional?: false): RdxPopoverRootDirective;
+export declare function injectPopoverRoot(optional: true): RdxPopoverRootDirective | null;

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

@@ -4,17 +4,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/overlay";
 export declare class RdxPopoverTriggerDirective {
     /** @ignore */
-    readonly popoverRoot: import("@radix-ng/primitives/popover").RdxPopoverRootDirective;
+    protected readonly popoverRoot: import("@radix-ng/primitives/popover").RdxPopoverRootDirective;
     /** @ignore */
-    readonly elementRef: ElementRef<any>;
+    readonly elementRef: ElementRef<HTMLElement>;
     /** @ignore */
     readonly overlayOrigin: CdkOverlayOrigin;
     /** @ignore */
     readonly name: import("@angular/core").Signal<string>;
     /** @ignore */
-    readonly controlsId: import("@angular/core").Signal<string>;
-    /** @ignore */
-    onClick(): void;
+    click(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxPopoverTriggerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPopoverTriggerDirective, "[rdxPopoverTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }

package/popover/src/popover.types.d.ts

@@ -10,7 +10,20 @@ export declare enum RdxPopoverAlign {
     Center = "center",
     End = "end"
 }
-export type RdxPopoverState = 'open' | 'closed';
+export declare enum RdxPopoverState {
+    OPEN = "open",
+    CLOSED = "closed"
+}
+export declare enum RdxPopoverAttachDetachEvent {
+    ATTACH = "attach",
+    DETACH = "detach"
+}
+export declare enum RdxPopoverAnimationStatus {
+    OPEN_STARTED = "open_started",
+    OPEN_ENDED = "open_ended",
+    CLOSED_STARTED = "closed_started",
+    CLOSED_ENDED = "closed_ended"
+}
 export type RdxSideAndAlign = {
     side: RdxPopoverSide;
     align: RdxPopoverAlign;
@@ -27,8 +40,6 @@ export type RdxPopoverPositions = {
 export type RdxAllPossibleConnectedPositions = ReadonlyMap<`${RdxPopoverSide}|${RdxPopoverAlign}`, ConnectionPositionPair>;
 export type RdxArrowPositionParams = {
     top: string;
-    bottom: string;
     left: string;
-    right: string;
     transform: string;
 };

package/switch/src/switch-input.directive.d.ts

@@ -1,6 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class RdxSwitchInputDirective {
     protected readonly switchRoot: import("./switch-root.directive").RdxSwitchRootDirective;
+    /** @ignore */
+    protected onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchInputDirective, "input[rdxSwitchInput]", ["rdxSwitchInput"], {}, {}, never, never, true, never>;
 }

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

@@ -1,39 +1,67 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { InjectionToken, InputSignalWithTransform, ModelSignal, OutputEmitterRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const RdxSwitchToken: InjectionToken<RdxSwitchRootDirective>;
 export declare function injectSwitch(): RdxSwitchRootDirective;
+export declare const SWITCH_VALUE_ACCESSOR: any;
 export interface SwitchProps {
     checked?: ModelSignal<boolean>;
-    defaultChecked?: boolean;
+    defaultChecked?: InputSignalWithTransform<boolean, BooleanInput>;
     required?: InputSignalWithTransform<boolean, BooleanInput>;
     onCheckedChange?: OutputEmitterRef<boolean>;
 }
-export declare class RdxSwitchRootDirective implements SwitchProps {
-    readonly id: import("@angular/core").InputSignal<string>;
+export declare class RdxSwitchRootDirective implements SwitchProps, ControlValueAccessor {
+    readonly id: import("@angular/core").InputSignal<string | null>;
     protected readonly elementId: import("@angular/core").Signal<string | null>;
+    readonly inputId: import("@angular/core").InputSignal<string | null>;
     /**
      * When true, indicates that the user must check the switch before the owning form can be submitted.
      */
     readonly required: InputSignalWithTransform<boolean, BooleanInput>;
+    readonly ariaLabelledBy: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
     /**
      * The controlled state of the switch. Must be used in conjunction with onCheckedChange.
      */
     readonly checked: ModelSignal<boolean>;
+    readonly defaultChecked: InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The state of the switch.
+     * If `defaultChecked` is provided, it takes precedence over the `checked` state.
+     * @ignore
+     */
+    readonly checkedState: import("@angular/core").Signal<boolean>;
     /**
      * When true, prevents the user from interacting with the switch.
      */
     readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
+    /** @ignore */
     readonly disabledState: import("@angular/core").Signal<boolean>;
     /**
      * Event handler called when the state of the switch changes.
      */
     readonly onCheckedChange: OutputEmitterRef<boolean>;
+    private readonly defaultCheckedUsed;
+    constructor();
     /**
      * Toggles the checked state of the switch.
      * If the switch is disabled, the function returns early.
+     * @ignore
      */
-    protected toggle(): void;
+    toggle(): 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;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, never>;
 }

package/tabs/index.d.ts

@@ -4,7 +4,6 @@ import * as i2 from "./src/tabs-content.directive";
 import * as i3 from "./src/tabs-list.directive";
 import * as i4 from "./src/tabs-trigger.directive";
 export * from './src/tabs-content.directive';
-export * from './src/tabs-context.service';
 export * from './src/tabs-list.directive';
 export * from './src/tabs-root.directive';
 export * from './src/tabs-trigger.directive';

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

@@ -1,7 +1,12 @@
 import * as i0 from "@angular/core";
 export declare class RdxTabsContentDirective {
-    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    protected readonly tabsContext: import("./tabs-root.directive").RdxTabsRootDirective;
+    /**
+     * A unique value that associates the content with a trigger.
+     */
     readonly value: import("@angular/core").InputSignal<string>;
+    protected readonly contentId: import("@angular/core").Signal<string>;
+    protected readonly triggerId: import("@angular/core").Signal<string>;
     protected readonly selected: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContentDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsContentDirective, "[rdxTabsContent]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -1,6 +1,10 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export interface TabsListProps {
+    loop?: boolean;
+}
 export declare class RdxTabsListDirective {
-    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    protected readonly tabsContext: import("./tabs-root.directive").RdxTabsRootDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsListDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[rdxTabsList]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[rdxTabsList]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { InjectionToken, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface TabsProps {
     /** The value for the selected tab, if controlled */
@@ -23,15 +23,31 @@ export interface TabsProps {
      * */
     activationMode?: 'automatic' | 'manual';
 }
+export type DataOrientation = 'vertical' | 'horizontal';
+export declare const RDX_TABS_ROOT_TOKEN: InjectionToken<RdxTabsRootDirective>;
 export declare class RdxTabsRootDirective implements OnInit {
-    private readonly tabsContext;
-    value?: string;
-    defaultValue?: string;
-    orientation: string;
-    dir?: string;
-    onValueChange: EventEmitter<string>;
-    constructor();
+    /**
+     * The controlled value of the tab to activate. Should be used in conjunction with `onValueChange`.
+     */
+    readonly value: import("@angular/core").ModelSignal<string | undefined>;
+    readonly defaultValue: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * When automatic, tabs are activated when receiving focus. When manual, tabs are activated when clicked.
+     */
+    readonly activationMode: import("@angular/core").InputSignal<"automatic" | "manual">;
+    /**
+     * The orientation of the component.
+     */
+    readonly orientation: import("@angular/core").InputSignal<DataOrientation>;
+    readonly dir: import("@angular/core").InputSignal<string>;
+    /**
+     * Event handler called when the value changes.
+     */
+    readonly onValueChange: import("@angular/core").OutputEmitterRef<string>;
     ngOnInit(): void;
+    select(value: string): void;
+    /** @ignore */
+    getBaseId(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[rdxTabsRoot]", never, { "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "onValueChange": "onValueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[rdxTabsRoot]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
 }

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

@@ -1,19 +1,29 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { InputSignalWithTransform } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
 interface TabsTriggerProps {
     disabled: InputSignalWithTransform<boolean, BooleanInput>;
 }
 export declare class RdxTabsTriggerDirective implements TabsTriggerProps {
-    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    private readonly rdxRovingFocusItemDirective;
+    protected readonly tabsContext: import("./tabs-root.directive").RdxTabsRootDirective;
+    /**
+     * A unique value that associates the trigger with a content.
+     */
     readonly value: import("@angular/core").InputSignal<string>;
+    /**
+     * When true, prevents the user from interacting with the tab.
+     */
     readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly contentId: import("@angular/core").Signal<string>;
     protected readonly triggerId: import("@angular/core").Signal<string>;
-    protected readonly selected: import("@angular/core").Signal<boolean>;
+    protected readonly isSelected: import("@angular/core").Signal<boolean>;
+    constructor();
     protected onMouseDown(event: MouseEvent): void;
     protected onKeyDown(event: KeyboardEvent): void;
+    protected onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[rdxTabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[rdxTabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; "active": "active"; "allowShiftKey": "allowShiftKey"; }; outputs: {}; }]>;
 }
 export {};

package/tabs/src/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function makeTriggerId(baseId: string, value: string | number): string;
+export declare function makeContentId(baseId: string, value: string | number): string;

package/toggle/index.d.ts

@@ -1,3 +1,3 @@
-export * from './src/toggle-input.directive';
+export * from './src/toggle-visually-hidden-input.directive';
 export * from './src/toggle.directive';
-export type { ToggleProps } from './src/toggle.directive';
+export type { DataState, ToggleProps } from './src/toggle.directive';

package/toggle/src/toggle-visually-hidden-input.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/visually-hidden";
+export declare class RdxToggleVisuallyHiddenInputDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleVisuallyHiddenInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleVisuallyHiddenInputDirective, "input[rdxToggleVisuallyHiddenInput]", ["rdxToggleVisuallyHiddenInput"], {}, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputDirective; inputs: { "name": "name"; "required": "required"; "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
+}

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

@@ -1,5 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { OutputEmitterRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface ToggleProps {
     /**
@@ -22,7 +23,9 @@ export interface ToggleProps {
      */
     disabled?: boolean;
 }
-export declare class RdxToggleDirective {
+export type DataState = 'on' | 'off';
+export declare const TOGGLE_VALUE_ACCESSOR: any;
+export declare class RdxToggleDirective implements ControlValueAccessor {
     /**
      * The pressed state of the toggle when it is initially rendered.
      * Use when you do not need to control its pressed state.
@@ -37,11 +40,26 @@ export declare class RdxToggleDirective {
      * When true, prevents the user from interacting with the toggle.
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /** @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.
      */
     readonly onPressedChange: OutputEmitterRef<boolean>;
-    protected toggle(): void;
+    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;
     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; }; }, { "pressed": "pressedChange"; "onPressedChange": "onPressedChange"; }, never, never, true, never>;
 }

package/esm2022/popover/src/popover-root.token.mjs

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const RdxPopoverRootToken = new InjectionToken('RdxPopoverRootToken');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1yb290LnRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcHJpbWl0aXZlcy9wb3BvdmVyL3NyYy9wb3BvdmVyLXJvb3QudG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvQyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLGNBQWMsQ0FBMEIscUJBQXFCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHhQb3BvdmVyUm9vdERpcmVjdGl2ZSB9IGZyb20gJy4vcG9wb3Zlci1yb290LmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjb25zdCBSZHhQb3BvdmVyUm9vdFRva2VuID0gbmV3IEluamVjdGlvblRva2VuPFJkeFBvcG92ZXJSb290RGlyZWN0aXZlPignUmR4UG9wb3ZlclJvb3RUb2tlbicpO1xuIl19

package/esm2022/tabs/src/tabs-context.service.mjs

@@ -1,43 +0,0 @@
-import { computed, Injectable, InjectionToken, signal } from '@angular/core';
-import * as i0 from "@angular/core";
-export const TABS_CONTEXT_TOKEN = new InjectionToken('TabsContext');
-export class RdxTabsContextService {
-    constructor() {
-        this.baseId = this.generateId();
-        this.value = signal(undefined);
-        this.orientation = signal('horizontal');
-        this.dir = signal(undefined);
-        this.activationMode = signal('automatic');
-        this.value$ = computed(() => this.value());
-        this.orientation$ = computed(() => this.orientation());
-        this.dir$ = computed(() => this.dir());
-        this.activationMode$ = computed(() => this.activationMode());
-    }
-    setValue(value) {
-        this.value.set(value);
-    }
-    setOrientation(orientation) {
-        this.orientation.set(orientation);
-    }
-    setDir(dir) {
-        this.dir.set(dir);
-    }
-    setActivationMode(mode) {
-        this.activationMode.set(mode);
-    }
-    getBaseId() {
-        return this.baseId;
-    }
-    generateId() {
-        return `tabs-${Math.random().toString(36).substr(2, 9)}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxTabsContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxTabsContextService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxTabsContextService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1jb250ZXh0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3RhYnMvc3JjL3RhYnMtY29udGV4dC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTdFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUF3QixhQUFhLENBQUMsQ0FBQztBQUszRixNQUFNLE9BQU8scUJBQXFCO0lBSGxDO1FBSVksV0FBTSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUMzQixVQUFLLEdBQUcsTUFBTSxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM5QyxnQkFBVyxHQUFHLE1BQU0sQ0FBUyxZQUFZLENBQUMsQ0FBQztRQUMzQyxRQUFHLEdBQUcsTUFBTSxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM1QyxtQkFBYyxHQUFHLE1BQU0sQ0FBUyxXQUFXLENBQUMsQ0FBQztRQUU1QyxXQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELFNBQUksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDbEMsb0JBQWUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7S0F5QnBFO0lBdkJHLFFBQVEsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjLENBQUMsV0FBbUI7UUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFXO1FBQ2QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQVk7UUFDMUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFNBQVM7UUFDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUVPLFVBQVU7UUFDZCxPQUFPLFFBQVEsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDN0QsQ0FBQzsrR0FsQ1EscUJBQXFCO21IQUFyQixxQkFBcUIsY0FGbEIsTUFBTTs7NEZBRVQscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbXB1dGVkLCBJbmplY3RhYmxlLCBJbmplY3Rpb25Ub2tlbiwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBUQUJTX0NPTlRFWFRfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48UmR4VGFic0NvbnRleHRTZXJ2aWNlPignVGFic0NvbnRleHQnKTtcblxuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBSZHhUYWJzQ29udGV4dFNlcnZpY2Uge1xuICAgIHByaXZhdGUgYmFzZUlkID0gdGhpcy5nZW5lcmF0ZUlkKCk7XG4gICAgcHJpdmF0ZSB2YWx1ZSA9IHNpZ25hbDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gICAgcHJpdmF0ZSBvcmllbnRhdGlvbiA9IHNpZ25hbDxzdHJpbmc+KCdob3Jpem9udGFsJyk7XG4gICAgcHJpdmF0ZSBkaXIgPSBzaWduYWw8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAgIHByaXZhdGUgYWN0aXZhdGlvbk1vZGUgPSBzaWduYWw8c3RyaW5nPignYXV0b21hdGljJyk7XG5cbiAgICByZWFkb25seSB2YWx1ZSQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnZhbHVlKCkpO1xuICAgIHJlYWRvbmx5IG9yaWVudGF0aW9uJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMub3JpZW50YXRpb24oKSk7XG4gICAgcmVhZG9ubHkgZGlyJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZGlyKCkpO1xuICAgIHJlYWRvbmx5IGFjdGl2YXRpb25Nb2RlJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuYWN0aXZhdGlvbk1vZGUoKSk7XG5cbiAgICBzZXRWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMudmFsdWUuc2V0KHZhbHVlKTtcbiAgICB9XG5cbiAgICBzZXRPcmllbnRhdGlvbihvcmllbnRhdGlvbjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMub3JpZW50YXRpb24uc2V0KG9yaWVudGF0aW9uKTtcbiAgICB9XG5cbiAgICBzZXREaXIoZGlyOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5kaXIuc2V0KGRpcik7XG4gICAgfVxuXG4gICAgc2V0QWN0aXZhdGlvbk1vZGUobW9kZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuYWN0aXZhdGlvbk1vZGUuc2V0KG1vZGUpO1xuICAgIH1cblxuICAgIGdldEJhc2VJZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYmFzZUlkO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2VuZXJhdGVJZCgpIHtcbiAgICAgICAgcmV0dXJuIGB0YWJzLSR7TWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpfWA7XG4gICAgfVxufVxuIl19

package/esm2022/toggle/src/toggle-input.directive.mjs

@@ -1,30 +0,0 @@
-import { Directive } from '@angular/core';
-import { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';
-import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/visually-hidden";
-export class RdxToggleInputDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxToggleInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: RdxToggleInputDirective, isStandalone: true, selector: "[rdxToggleInput]", host: { attributes: { "type": "checkbox" } }, exportAs: ["rdxToggleInput"], hostDirectives: [{ directive: i1.RdxVisuallyHiddenInputDirective, inputs: ["name", "name", "required", "required", "value", "value"] }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxToggleInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rdxToggleInput]',
-                    exportAs: 'rdxToggleInput',
-                    standalone: true,
-                    hostDirectives: [
-                        {
-                            directive: RdxVisuallyHiddenInputDirective,
-                            inputs: [
-                                'name',
-                                'required',
-                                'value'
-                            ]
-                        }
-                    ],
-                    host: {
-                        type: 'checkbox'
-                    }
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWlucHV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3ByaW1pdGl2ZXMvdG9nZ2xlL3NyYy90b2dnbGUtaW5wdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQW9CdkYsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUI7OzRGQUF2Qix1QkFBdUI7a0JBbEJuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUU7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLCtCQUErQjs0QkFDMUMsTUFBTSxFQUFFO2dDQUNKLE1BQU07Z0NBQ04sVUFBVTtnQ0FDVixPQUFPOzZCQUNWO3lCQUNKO3FCQUNKO29CQUNELElBQUksRUFBRTt3QkFDRixJQUFJLEVBQUUsVUFBVTtxQkFDbkI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJkeFZpc3VhbGx5SGlkZGVuSW5wdXREaXJlY3RpdmUgfSBmcm9tICdAcmFkaXgtbmcvcHJpbWl0aXZlcy92aXN1YWxseS1oaWRkZW4nO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyZHhUb2dnbGVJbnB1dF0nLFxuICAgIGV4cG9ydEFzOiAncmR4VG9nZ2xlSW5wdXQnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBSZHhWaXN1YWxseUhpZGRlbklucHV0RGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ25hbWUnLFxuICAgICAgICAgICAgICAgICdyZXF1aXJlZCcsXG4gICAgICAgICAgICAgICAgJ3ZhbHVlJ1xuICAgICAgICAgICAgXVxuICAgICAgICB9XG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR5cGU6ICdjaGVja2JveCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFJkeFRvZ2dsZUlucHV0RGlyZWN0aXZlIHt9XG4iXX0=

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

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { RdxPopoverRootDirective } from './popover-root.directive';
-export declare const RdxPopoverRootToken: InjectionToken<RdxPopoverRootDirective>;

package/tabs/src/tabs-context.service.d.ts

@@ -1,22 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare const TABS_CONTEXT_TOKEN: InjectionToken<RdxTabsContextService>;
-export declare class RdxTabsContextService {
-    private baseId;
-    private value;
-    private orientation;
-    private dir;
-    private activationMode;
-    readonly value$: import("@angular/core").Signal<string | undefined>;
-    readonly orientation$: import("@angular/core").Signal<string>;
-    readonly dir$: import("@angular/core").Signal<string | undefined>;
-    readonly activationMode$: import("@angular/core").Signal<string>;
-    setValue(value: string): void;
-    setOrientation(orientation: string): void;
-    setDir(dir: string): void;
-    setActivationMode(mode: string): void;
-    getBaseId(): string;
-    private generateId;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContextService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<RdxTabsContextService>;
-}

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

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/visually-hidden";
-export declare class RdxToggleInputDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleInputDirective, "[rdxToggleInput]", ["rdxToggleInput"], {}, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputDirective; inputs: { "name": "name"; "required": "required"; "value": "value"; }; outputs: {}; }]>;
-}