@radix-ng/primitives 0.5.0 → 0.7.0

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

@@ -1,36 +1,17 @@
+import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare const RdxRadioItemToken: InjectionToken<RdxRadioItemDirective>;
+export declare function injectRadioItem(): RdxRadioItemDirective;
 export declare class RdxRadioItemDirective {
-    /**
-     * Access the radio group.
-     */
-    protected readonly radioGroup: import("@radix-ng/primitives/radio").RdxRadioGroupDirective;
-    /**
-     * The value of the radio item.
-     */
+    protected readonly radioGroup: import("./radio-root.directive").RdxRadioGroupDirective;
+    id: string;
     value: string;
-    /**
-     * Whether the radio item is disabled.
-     * @default false
-     */
     disabled: boolean;
-    /**
-     * Handle keydown events.
-     * @param event The keydown event.
-     * @internal
-     */
-    protected onKeydown(event: KeyboardEvent): void;
-    /**
-     * When the item receives focus, select it.
-     * @internal
-     */
-    protected onFocus(): void;
-    /**
-     * When the item receives a click, select it.
-     * @internal
-     */
-    protected onClick(): void;
+    _onKeydown(event: KeyboardEvent): void;
+    _onFocus(): void;
+    _onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "button[rdxRadioItem]", never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[RadioItem]", ["RadioItem"], { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
 }

package/radio/src/{radio-group.directive.d.ts → radio-root.directive.d.ts}

@@ -1,25 +1,32 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/roving-focus";
-export declare class RdxRadioGroupDirective implements ControlValueAccessor {
-    /**
-     * The value of the radio group.
-     */
+export declare const RdxRadioGroupToken: InjectionToken<RdxRadioGroupDirective>;
+export declare function injectRadioGroup(): RdxRadioGroupDirective;
+interface RadioGroupProps {
+    name?: string;
+    disabled?: boolean;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: EventEmitter<string>;
+}
+export declare class RdxRadioGroupDirective implements RadioGroupProps, ControlValueAccessor {
     value?: string;
-    /**
-     * Whether the radio group is disabled.
-     */
     disabled: boolean;
+    dir?: string;
     /**
-     * The orientation of the radio group.
-     * @default 'horizontal'
+     * The orientation of the radio group only vertical.
+     * Horizontal radio buttons can sometimes be challenging to scan and localize.
+     * The horizontal arrangement of radio buttons may also lead to difficulties in determining which
+     * label corresponds to which button: whether the label is above or below the button.
+     * @default 'vertical'
      */
-    orientation: 'horizontal' | 'vertical';
+    readonly _orientation = "vertical";
     /**
-     * Event emitted when the value of the radio group changes.
+     * Event handler called when the value changes.
      */
-    readonly valueChange: EventEmitter<string>;
+    readonly onValueChange: EventEmitter<string>;
     /**
      * The callback function to call when the value of the radio group changes.
      * @internal
@@ -55,11 +62,11 @@ export declare class RdxRadioGroupDirective implements ControlValueAccessor {
      */
     setDisabledState(isDisabled: boolean): void;
     /**
-     * When focus leaves the radio group, mark it as touched.
-     * @internal
+     * When focus leaves the radio group.
      */
-    protected onFocusout(): void;
+    _onFocusout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioGroup]", never, { "value": { "alias": "rdxRadioGroupValue"; "required": false; }; "disabled": { "alias": "rdxRadioGroupDisabled"; "required": false; }; "orientation": { "alias": "rdxRadioGroupOrientation"; "required": false; }; }, { "valueChange": "rdxRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "div[RadioRoot]", ["RadioRoot"], { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
 }
+export {};

package/roving-focus/index.d.ts

@@ -1,4 +1,2 @@
 export * from './src/roving-focus-group.directive';
-export * from './src/roving-focus-group.token';
 export * from './src/roving-focus-item.directive';
-export * from './src/roving-focus-item.token';

package/roving-focus/src/roving-focus-group.directive.d.ts

@@ -2,6 +2,8 @@ import { FocusKeyManager } from '@angular/cdk/a11y';
 import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import type { RdxRovingFocusItemDirective } from './roving-focus-item.directive';
 import * as i0 from "@angular/core";
+export type Orientation = 'horizontal' | 'vertical';
+export declare function injectRovingFocusGroup(): RdxRovingFocusGroupDirective;
 export declare class RdxRovingFocusGroupDirective implements OnInit, OnChanges, OnDestroy {
     private readonly directionality;
     private readonly destroyRef;
@@ -10,16 +12,12 @@ export declare class RdxRovingFocusGroupDirective implements OnInit, OnChanges,
      * We don't use ContentChildren as dynamically added items may not be in the correct order.
      */
     private readonly items;
-    /**
-     * Create the focus key manager instance.
-     * @internal
-     */
     readonly keyManager: FocusKeyManager<RdxRovingFocusItemDirective>;
     /**
      * Determine the orientation of the roving focus group.
      * @default vertical
      */
-    orientation: 'horizontal' | 'vertical';
+    orientation: Orientation;
     /**
      * Determine if focus should wrap when the end or beginning is reached.
      * @default true
@@ -48,7 +46,7 @@ export declare class RdxRovingFocusGroupDirective implements OnInit, OnChanges,
      * Set the orientation of the roving focus group.
      * @param orientation The orientation of the roving focus group.
      */
-    setOrientation(orientation: 'horizontal' | 'vertical'): void;
+    setOrientation(orientation: Orientation): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusGroupDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientation": { "alias": "rdxRovingFocusGroupOrientation"; "required": false; }; "wrap": { "alias": "rdxRovingFocusGroupWrap"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_wrap: unknown;

package/roving-focus/src/roving-focus-item.directive.d.ts

@@ -1,6 +1,7 @@
 import { FocusableOption } from '@angular/cdk/a11y';
 import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
+export declare function injectRovingFocusItem(): RdxRovingFocusItemDirective;
 export declare class RdxRovingFocusItemDirective implements OnInit, OnDestroy, FocusableOption {
     /**
      * Access the group the roving focus item belongs to.
@@ -26,22 +27,19 @@ export declare class RdxRovingFocusItemDirective implements OnInit, OnDestroy, F
      * Define if the item is disabled.
      */
     disabled: boolean;
-    /**
-     * Derive the tabindex of the roving focus item.
-     * @internal
-     */
-    get tabindex(): number;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
      * Handle key events on the roving focus item.
      * @param event The key event.
-     * @internal
      */
-    onKeydown(event: KeyboardEvent): void;
+    _onKeydown(event: KeyboardEvent): void;
+    /**
+     * Derive the tabindex of the roving focus item.
+     */
+    _tabindex(): number;
     /**
      * Focus the roving focus item.
-     * @param origin The origin of the focus request.
      * @internal
      */
     focus(): void;

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

@@ -1,16 +1,22 @@
 import * as i0 from "@angular/core";
-export declare class RdxSeparatorDirective {
+declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type Orientation = (typeof ORIENTATIONS)[number];
+export interface SeparatorProps {
     /**
-     * The orientation of the separator.
-     * @default 'horizontal'
+     * Either `vertical` or `horizontal`. Defaults to `horizontal`.
      */
-    orientation: 'horizontal' | 'vertical';
+    orientation?: Orientation;
     /**
-     * Whether the separator is for decoration purposes. If true, the separator will not be included in the accessibility tree.
-     * @default false
+     * Whether the component is purely decorative. When true, accessibility-related attributes
+     * are updated so that the rendered element is removed from the accessibility tree.
      */
+    decorative?: boolean;
+}
+export declare class RdxSeparatorRootDirective implements SeparatorProps {
+    orientation: Orientation;
     decorative: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxSeparatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorDirective, "[rdxSeparator]", never, { "orientation": { "alias": "rdxSeparatorOrientation"; "required": false; }; "decorative": { "alias": "rdxSeparatorDecorative"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[SeparatorRoot]", never, { "orientation": { "alias": "rdxOrientation"; "required": false; }; "decorative": { "alias": "rdxDecorative"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_decorative: unknown;
 }
+export {};

package/switch/index.d.ts

@@ -1,3 +1,4 @@
 export * from './src/switch-thumb.directive';
-export * from './src/switch.directive';
-export * from './src/switch.token';
+export * from './src/switch-root.directive';
+export * from './src/switch-input.directive';
+export type { SwitchProps } from './src/switch-root.directive';

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

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

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

@@ -0,0 +1,34 @@
+import { EventEmitter, InjectionToken, ModelSignal } 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 interface SwitchProps {
+    checked?: ModelSignal<boolean>;
+    defaultChecked?: boolean;
+    required?: boolean;
+    onCheckedChange?: EventEmitter<boolean>;
+}
+export declare class RdxSwitchRootDirective implements SwitchProps, ControlValueAccessor {
+    required: boolean;
+    readonly checked: ModelSignal<boolean>;
+    disabled: boolean;
+    readonly onCheckedChange: EventEmitter<boolean>;
+    /**
+     * The method to be called in order to update ngModel.
+     */
+    _onChange?: (checked: boolean) => void;
+    /**
+     * onTouch function registered via registerOnTouch (ControlValueAccessor).
+     */
+    _onTouched?: () => void;
+    registerOnChange(fn: (checked: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(checked: boolean): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[SwitchRoot]", ["SwitchRoot"], { "required": { "alias": "required"; "required": false; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

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

@@ -1,9 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class RdxSwitchThumbDirective {
-    /**
-     * Access the switch directive.
-     */
-    protected readonly switch: import("@radix-ng/primitives/switch").RdxSwitchDirective;
+    protected readonly switchRoot: import("./switch-root.directive").RdxSwitchRootDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchThumbDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "[rdxSwitchThumb]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "span[SwitchThumb]", ["SwitchThumb"], {}, {}, never, never, true, never>;
 }

package/toggle/index.d.ts

@@ -1 +1,2 @@
-export * from './src/toggle.directive';
+export * from './src/toggle-root.directive';
+export type { ToggleProps } from './src/toggle-root.directive';

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ToggleProps {
+    /**
+     * The controlled state of the toggle.
+     */
+    pressed?: boolean;
+    /**
+     * The state of the toggle when initially rendered. Use `defaultPressed`
+     * if you do not need to control the state of the toggle.
+     * @defaultValue false
+     */
+    defaultPressed?: boolean;
+    /**
+     * The callback that fires when the state of the toggle changes.
+     */
+    onPressedChange?: EventEmitter<boolean>;
+}
+export declare class RdxToggleRootDirective implements ToggleProps {
+    pressed: boolean;
+    disabled: boolean;
+    id: string;
+    /**
+     * Event emitted when the toggle is pressed.
+     */
+    readonly onPressedChange: EventEmitter<boolean>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleRootDirective, "button[ToggleRoot]", ["ToggleRoot"], { "pressed": { "alias": "pressed"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onPressedChange": "onPressedChange"; }, never, never, true, never>;
+    static ngAcceptInputType_pressed: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

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

@@ -24,9 +24,6 @@ export declare class RdxToggleGroupButtonDirective implements OnChanges {
      */
     protected get checked(): boolean;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Toggle this toggle button.
-     */
     toggle(): void;
     /**
      * Ensure the disabled state is propagated to the roving focus item.
@@ -34,6 +31,6 @@ export declare class RdxToggleGroupButtonDirective implements OnChanges {
      */
     updateDisabled(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupButtonDirective, "button[rdxToggleGroupButton]", never, { "value": { "alias": "rdxToggleGroupButtonValue"; "required": true; }; "disabled": { "alias": "rdxToggleGroupButtonDisabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupButtonDirective, "button[rdxToggleGroupButton]", never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
 }

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

@@ -40,7 +40,7 @@ export declare class RdxToggleGroupMultiDirective implements OnInit, OnChanges,
      */
     private onChange?;
     /**
-     * The touched callback.
+     * onTouch function registered via registerOnTouch (ControlValueAccessor).
      */
     protected onTouched?: () => void;
     ngOnInit(): void;

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

@@ -40,7 +40,7 @@ export declare class RdxToggleGroupDirective implements OnInit, OnChanges, After
      */
     private onChange?;
     /**
-     * The touched callback.
+     * onTouch function registered via registerOnTouch (ControlValueAccessor).
      */
     protected onTouched?: () => void;
     ngOnInit(): void;
@@ -84,7 +84,7 @@ export declare class RdxToggleGroupDirective implements OnInit, OnChanges, After
      */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupDirective, "[rdxToggleGroup]", never, { "value": { "alias": "rdxToggleGroupValue"; "required": false; }; "orientation": { "alias": "rdxToggleGroupOrientation"; "required": false; }; "disabled": { "alias": "rdxToggleGroupDisabled"; "required": false; }; "wrap": { "alias": "rdxToggleGroupWrap"; "required": false; }; "valueChange": { "alias": "rdxToggleGroupValueChange"; "required": false; }; }, {}, ["buttons"], never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "rdxRovingFocusGroupWrap": "wrap"; "rdxRovingFocusGroupOrientation": "orientation"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupDirective, "[rdxToggleGroup]", never, { "value": { "alias": "value"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "valueChange": { "alias": "valueChange"; "required": false; }; }, {}, ["buttons"], never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "rdxRovingFocusGroupWrap": "wrap"; "rdxRovingFocusGroupOrientation": "orientation"; }; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_wrap: unknown;
 }

package/accordion/README.md

@@ -1,3 +0,0 @@
-# @ng-primitives/ng-primitives/accordion
-
-Secondary entry point of `@ng-primitives/ng-primitives`. It can be used by importing from `@ng-primitives/ng-primitives/accordion`.

package/accordion/index.d.ts

@@ -1,7 +0,0 @@
-export * from './src/accordion-content/accordion-content.directive';
-export * from './src/accordion-header/accordion-header.directive';
-export * from './src/accordion-item/accordion-item.directive';
-export * from './src/accordion-trigger/accordion-trigger.directive';
-export * from './src/accordion/accordion.directive';
-export * from './src/accordion-state.directive';
-export * from './src/accordion.config';

package/accordion/src/accordion/accordion.directive.d.ts

@@ -1,64 +0,0 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@radix-ng/primitives/roving-focus";
-/**
- * The root accordion directive that all parts should be placed within.
- */
-export declare class RdxAccordionDirective implements OnInit {
-    /**
-     * Access the global accordion configuration.
-     */
-    private readonly config;
-    /**
-     * Access the roving focus group
-     */
-    private readonly rovingFocusGroup;
-    /**
-     * Determines whether multiple items can be open simultaneously.
-     * @default false
-     */
-    multiple: boolean;
-    /**
-     * The orientation of the accordion.
-     * @default 'vertical'
-     */
-    orientation: 'horizontal' | 'vertical';
-    /**
-     * Determines whether the accordion should be disabled.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Store the currently expanded item(s).
-     * @internal
-     */
-    readonly expanded: import("@angular/core").WritableSignal<string[]>;
-    /**
-     * The touched callback.
-     */
-    protected onTouched?: () => void;
-    ngOnInit(): void;
-    /**
-     * Expand an item.
-     * @param id The id of the item to expand.
-     */
-    expand(id: string): void;
-    /**
-     * Collapse an Item.
-     * @param id The id of the Item to collapse.
-     */
-    collapse(id: string): void;
-    /**
-     * Toggle an item.
-     * @param id The id of the item to toggle.
-     */
-    toggle(id: string): void;
-    /**
-     * Collapse all items.
-     */
-    collapseAll(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionDirective, "[rdxAccordion]", never, { "multiple": { "alias": "rdxAccordionMultiple"; "required": false; }; "orientation": { "alias": "rdxAccordionOrientation"; "required": false; }; "disabled": { "alias": "rdxAccordionDisabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "rdxRovingFocusGroupOrientation": "orientation"; }; outputs: {}; }]>;
-    static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_disabled: unknown;
-}

package/accordion/src/accordion/accordion.token.d.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import type { RdxAccordionDirective } from './accordion.directive';
-export declare const RdxAccordionToken: InjectionToken<RdxAccordionDirective>;
-export declare function injectAccordion(): RdxAccordionDirective;

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

@@ -1,44 +0,0 @@
-import { AfterViewInit } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../accordion-state.directive";
-export declare class RdxAccordionContentDirective implements AfterViewInit {
-    /**
-     * Access the element ref.
-     */
-    private readonly elementRef;
-    /**
-     * Access the change detector ref.
-     */
-    private readonly changeDetectorRef;
-    /**
-     * Access the item the content belongs to.
-     */
-    protected readonly item: import("@radix-ng/primitives/accordion").RdxAccordionItemDirective;
-    /**
-     * Derive the id of the content.
-     * @internal
-     */
-    readonly id: string;
-    /**
-     * Derive the id of the trigger.
-     * @internal
-     */
-    readonly labelledby: string;
-    /**
-     * Define the width of the content as a CSS variable, so it can be used in animations.
-     * @internal
-     */
-    protected width: number;
-    /**
-     * Define the height of the content as a CSS variable, so it can be used in animations.
-     * @internal
-     */
-    protected height: number;
-    ngAfterViewInit(): void;
-    /**
-     * Update the size of the content.
-     */
-    private updateContentSize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionContentDirective, "[rdxAccordionContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxAccordionStateDirective; inputs: {}; outputs: {}; }]>;
-}

package/accordion/src/accordion-header/accordion-header.directive.d.ts

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

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

@@ -1,42 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../accordion-state.directive";
-import * as i2 from "@radix-ng/primitives/roving-focus";
-export declare class RdxAccordionItemDirective {
-    /**
-     * Access the accordion the item belongs to.
-     */
-    private readonly accordion;
-    /**
-     * Determines whether the item should be expanded.
-     * @default false
-     */
-    expanded: boolean;
-    /**
-     * Determines whether the Item should be disabled.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Event emitted when the Item is expanded.
-     */
-    readonly expandedChange: EventEmitter<boolean>;
-    /**
-     * The unique id of the Item.
-     * @internal
-     */
-    readonly id: string;
-    /**
-     * Determine if this item is expanded.
-     * @internal
-     */
-    readonly isExpanded: import("@angular/core").Signal<boolean>;
-    /**
-     * Toggle the expanded state of the Item.
-     */
-    toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionItemDirective, "[rdxAccordionItem]", never, { "expanded": { "alias": "rdxAccordionItemExpanded"; "required": false; }; "disabled": { "alias": "rdxAccordionItemDisabled"; "required": false; }; }, { "expandedChange": "rdxAccordionItemExpandedChange"; }, never, never, true, [{ directive: typeof i1.RdxAccordionStateDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
-    static ngAcceptInputType_expanded: unknown;
-    static ngAcceptInputType_disabled: unknown;
-}

package/accordion/src/accordion-item/accordion-item.token.d.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import type { RdxAccordionItemDirective } from './accordion-item.directive';
-export declare const RdxAccordionItemToken: InjectionToken<RdxAccordionItemDirective>;
-export declare function injectAccordionItem(): RdxAccordionItemDirective;

package/accordion/src/accordion-state.directive.d.ts

@@ -1,28 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class RdxAccordionStateDirective {
-    /**
-     * Access the accordion the trigger belongs to.
-     */
-    private readonly accordion;
-    /**
-     * Access the item the trigger belongs to.
-     */
-    private readonly item;
-    /**
-     * Determine the expanded state of the item.
-     * @internal
-     */
-    readonly state: import("@angular/core").Signal<"open" | "closed">;
-    /**
-     * Determine the disabled state of the item.
-     * @internal
-     */
-    get isDisabled(): boolean;
-    /**
-     * Determine the orientation of the accordion.
-     * @internal
-     */
-    get orientation(): 'horizontal' | 'vertical';
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionStateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionStateDirective, never, never, {}, {}, never, never, true, never>;
-}

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

@@ -1,23 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "../accordion-state.directive";
-export declare class RdxAccordionTriggerDirective {
-    /**
-     * Access the item the trigger belongs to.
-     */
-    protected readonly item: import("@radix-ng/primitives/accordion").RdxAccordionItemDirective;
-    /**
-     * Derive the id of the trigger.
-     */
-    protected get triggerId(): string;
-    /**
-     * Get the id of the item content.
-     * @internal
-     */
-    protected readonly contentId: string;
-    /**
-     * Toggle the expanded state of the item.
-     */
-    toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionTriggerDirective, "[rdxAccordionTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxAccordionStateDirective; inputs: {}; outputs: {}; }]>;
-}

package/accordion/src/accordion.config.d.ts

@@ -1,25 +0,0 @@
-import { InjectionToken, Provider } from '@angular/core';
-export declare const RdxAccordionConfigToken: InjectionToken<RdxAccordionConfig>;
-export interface RdxAccordionConfig {
-    /**
-     * Determines whether multiple items can be open simultaneously.
-     * @default false
-     */
-    multiple: boolean;
-    /**
-     * The orientation of the accordion.
-     * @default 'vertical'
-     */
-    orientation: 'horizontal' | 'vertical';
-}
-/**
- * Provide the default accordion configuration
- * @param config The accordion configuration
- * @returns The provider
- */
-export declare function provideAccordionConfig(config: Partial<RdxAccordionConfig>): Provider[];
-/**
- * Inject the accordion configuration
- * @returns The global accordion configuration
- */
-export declare function injectAccordionConfig(): RdxAccordionConfig;