@radix-ng/primitives 1.0.0-beta.5 → 1.0.1

package/types/radix-ng-primitives-navigation-menu.d.ts

@@ -2,17 +2,17 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/portal';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { RdxCancelableChangeEventDetails, RdxTransitionStatus, RdxFloatingRootContext, BooleanInput, NumberInput } from '@radix-ng/primitives/core';
+import { RdxCancelableChangeEventDetails, RdxTransitionStatus, RdxFloatingRootContext, NumberInput } from '@radix-ng/primitives/core';
 import * as i1$1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_navigation_menu from '@radix-ng/primitives/navigation-menu';
-import * as i1$2 from '@radix-ng/primitives/roving-focus';
+import * as i1$2 from '@radix-ng/primitives/composite';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
 
 /**
  * Structural directive that teleports the navigation menu popup into a container (default
  * `document.body`) while the menu is open, and keeps it mounted until any CSS exit `@keyframes`
- * finishes.
+ * finishes. Set `[keepMounted]="true"` to keep the portal mounted while closed.
  *
  * Apply it with the `*` microsyntax on the positioner —
  * `<div *rdxNavigationMenuPortal rdxNavigationMenuPositioner>` — or as an explicit
@@ -20,8 +20,14 @@ import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer'
  * `[container]`.
  */
 declare class RdxNavigationMenuPortal {
+    private readonly rootContext;
+    /**
+     * Keep the portal mounted while the menu is closed.
+     */
+    readonly keepMounted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly present: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuPortal, "ng-template[rdxNavigationMenuPortal]", ["rdxNavigationMenuPortal"], {}, {}, never, never, true, [{ directive: typeof i1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuPortal, "ng-template[rdxNavigationMenuPortal]", ["rdxNavigationMenuPortal"], { "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
 }
 /**
  * Dev-mode guard: `rdxNavigationMenuPortal` used to be an attribute directive on a `<div>`. It is now
@@ -36,7 +42,7 @@ declare class RdxNavigationMenuPortalMisuseGuard {
 
 type NavigationMenuOrientation = 'horizontal' | 'vertical';
 type NavigationMenuDirection = 'ltr' | 'rtl';
-type RdxNavigationMenuOpenChangeReason = 'trigger-hover' | 'trigger-focus' | 'trigger-press' | 'list-navigation' | 'outside-press' | 'focus-out' | 'escape-key' | 'link-select' | 'list-leave' | 'none';
+type RdxNavigationMenuOpenChangeReason = 'trigger-hover' | 'trigger-press' | 'list-navigation' | 'outside-press' | 'focus-out' | 'escape-key' | 'link-select' | 'list-leave' | 'none';
 type RdxNavigationMenuOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxNavigationMenuOpenChangeReason>;
 interface RdxNavigationMenuOpenChange {
     value: string | null;
@@ -62,7 +68,6 @@ interface RdxNavigationMenuRootContext {
     readonly baseId: string;
     readonly orientation: Signal<NavigationMenuOrientation>;
     readonly dir: Signal<NavigationMenuDirection>;
-    readonly loop: Signal<boolean>;
     /** Value of the currently open item, or `null` when closed. */
     readonly value: Signal<string | null>;
     /** Value of the previously open item (used for slide-direction morphing). */
@@ -74,7 +79,14 @@ interface RdxNavigationMenuRootContext {
     /** The active trigger element the popup is anchored to. */
     readonly trigger: Signal<HTMLElement | undefined>;
     readonly triggers: Signal<HTMLElement[]>;
+    readonly list: Signal<HTMLElement | undefined>;
+    readonly contents: Signal<Map<string, RdxNavigationMenuContentEntry>>;
     readonly activeContent: Signal<RdxNavigationMenuContentEntry | undefined>;
+    readonly popup: Signal<HTMLElement | undefined>;
+    readonly size: Signal<{
+        width: number;
+        height: number;
+    } | null>;
     contentId(value: string): string;
     triggerId(value: string): string;
     setValue(value: string | null, reason?: RdxNavigationMenuOpenChangeReason, event?: Event): void;
@@ -85,8 +97,14 @@ interface RdxNavigationMenuRootContext {
     closeOnHover(event?: PointerEvent): void;
     cancelHoverOpen(): void;
     cancelHoverClose(): void;
+    setSize(size: {
+        width: number;
+        height: number;
+    } | null): void;
     registerTrigger(value: string, trigger: HTMLElement): () => void;
+    registerList(list: HTMLElement): () => void;
     registerContent(entry: RdxNavigationMenuContentEntry): () => void;
+    registerPopup(element: HTMLElement): () => void;
     registerTransitionElement(element: HTMLElement): () => void;
     registerViewport(onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void): () => void;
 }
@@ -127,10 +145,6 @@ declare class RdxNavigationMenuRoot {
      */
     readonly dirInput: _angular_core.InputSignal<NavigationMenuDirection | undefined>;
     readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
-    /**
-     * Whether keyboard navigation loops from the last item back to the first and vice versa.
-     */
-    readonly loop: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * How long to wait before opening the menu on hover, in milliseconds.
      */
@@ -164,7 +178,13 @@ declare class RdxNavigationMenuRoot {
     readonly present: _angular_core.Signal<boolean>;
     readonly trigger: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly triggers: _angular_core.WritableSignal<HTMLElement[]>;
+    readonly list: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly contents: _angular_core.WritableSignal<Map<string, RdxNavigationMenuContentEntry>>;
+    readonly popup: _angular_core.WritableSignal<HTMLElement | undefined>;
+    readonly size: _angular_core.WritableSignal<{
+        width: number;
+        height: number;
+    } | null>;
     readonly activeContent: _angular_core.Signal<RdxNavigationMenuContentEntry | undefined>;
     private readonly registeredTriggers;
     private readonly viewportTriggerChange;
@@ -180,7 +200,13 @@ declare class RdxNavigationMenuRoot {
     cancelHoverOpen(): void;
     cancelHoverClose(): void;
     registerTrigger(value: string, trigger: HTMLElement): () => void;
+    registerList(list: HTMLElement): () => void;
     registerContent(entry: RdxNavigationMenuContentEntry): () => void;
+    registerPopup(element: HTMLElement): () => void;
+    setSize(size: {
+        width: number;
+        height: number;
+    } | null): void;
     registerTransitionElement(element: HTMLElement): () => void;
     registerViewport(onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void): () => boolean;
     private createOpenChangeEvent;
@@ -190,19 +216,20 @@ declare class RdxNavigationMenuRoot {
     private clearCloseTimer;
     private isInsideOpenChild;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuRoot, "[rdxNavigationMenuRoot]", ["rdxNavigationMenuRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuRoot, "[rdxNavigationMenuRoot]", ["rdxNavigationMenuRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }]>;
 }
 
 /**
- * Contains the navigation menu items. Renders as a menubar with roving keyboard focus.
+ * Contains the navigation menu items and coordinates composite keyboard focus between triggers.
  */
 declare class RdxNavigationMenuList {
     protected readonly rootContext: _radix_ng_primitives_navigation_menu.RdxNavigationMenuRootContext;
-    private readonly rovingFocusGroup;
+    private readonly compositeRoot;
     constructor();
+    protected onKeydown(event: KeyboardEvent): void;
     protected onPointerLeave(event: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuList, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuList, "[rdxNavigationMenuList]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuList, "[rdxNavigationMenuList]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -229,8 +256,7 @@ declare class RdxNavigationMenuItem {
  */
 declare class RdxNavigationMenuTrigger {
     protected readonly item: RdxNavigationMenuItem;
-    private readonly rootContext;
-    private readonly rovingFocusItem;
+    protected readonly rootContext: _radix_ng_primitives_navigation_menu.RdxNavigationMenuRootContext;
     private readonly elementRef;
     private readonly document;
     /**
@@ -246,18 +272,12 @@ declare class RdxNavigationMenuTrigger {
     protected onClick(event: MouseEvent): void;
     protected onPointerEnter(event: PointerEvent): void;
     protected onPointerLeave(event: PointerEvent): void;
-    /**
-     * Open-follows-focus: while the menu is already open, moving keyboard focus (arrow keys via
-     * roving) to another trigger switches the shared popup to that item — matching Base UI, so the
-     * open menu visibly responds to arrow-key navigation. Focus never *opens* a closed menu.
-     */
-    protected onFocus(): void;
     protected onKeydown(event: KeyboardEvent): void;
     /** The key that moves focus from the trigger into the open content, based on orientation/dir. */
     private entryKey;
     private focusContent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuTrigger, "button[rdxNavigationMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuTrigger, "button[rdxNavigationMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -297,10 +317,10 @@ declare class RdxNavigationMenuContent {
 }
 
 /**
- * A navigation link. Closes the menu on selection unless prevented.
+ * A navigation link. Can close the menu on selection when `closeOnClick` is enabled.
  *
- * Used both as a top-level menubar item and inside content. It is a plain tabbable anchor (not part
- * of the menubar's arrow-key roving), matching Base UI.
+ * Used both as a top-level navigation item and inside content. Top-level links join the list's
+ * composite collection, matching Base UI's CompositeItem-backed NavigationMenu.Link.
  */
 declare class RdxNavigationMenuLink {
     private readonly rootContext;
@@ -320,7 +340,7 @@ declare class RdxNavigationMenuLink {
     protected onClick(event: Event): void;
     protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuLink, "[rdxNavigationMenuLink]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuLink, "[rdxNavigationMenuLink]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1$2.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -328,6 +348,7 @@ declare class RdxNavigationMenuLink {
  */
 declare class RdxNavigationMenuBackdrop {
     protected readonly rootContext: _radix_ng_primitives_navigation_menu.RdxNavigationMenuRootContext;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuBackdrop, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuBackdrop, "[rdxNavigationMenuBackdrop]", never, {}, {}, never, never, true, never>;
 }
@@ -362,8 +383,7 @@ declare class RdxNavigationMenuPopup {
     private readonly elementRef;
     protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
     protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
-    /** Names the menu after the active trigger so the `role="menu"` element has an accessible name. */
-    protected readonly labelledBy: _angular_core.Signal<string | undefined>;
+    protected readonly id: _angular_core.Signal<string>;
     /**
      * Event handler called when the escape key is down. Can be prevented.
      */
@@ -379,11 +399,15 @@ declare class RdxNavigationMenuPopup {
     constructor();
     protected onPointerLeave(event: PointerEvent): void;
     /**
-     * Keyboard navigation inside the open panel: Down/Up move between the panel's focusable items in
-     * DOM order, Home/End jump to the first/last, and Up from the first item returns focus to the
-     * trigger. (Tab keeps working natively; Escape is handled by the dismissal capability.)
+     * Keyboard navigation inside the open panel mirrors Base UI's CompositeRoot-backed content:
+     * arrow keys move between panel focusables in DOM order, Home/End jump to the first/last, Up from
+     * the first item returns focus to the trigger, and Tab exits the portalled panel through the
+     * logical top-level navigation order. Escape is handled by the dismissal capability.
      */
     protected onKeydown(event: KeyboardEvent): void;
+    private handleTabKey;
+    private getNextTopLevelItem;
+    private getTopLevelItems;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuPopup, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuPopup, "[rdxNavigationMenuPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }]>;
 }
@@ -422,13 +446,21 @@ declare class RdxNavigationMenuViewport {
         height: number;
     } | null>;
     private current;
+    private readonly rendered;
     private previousElement;
     private pendingDirection;
     private cleanupTimer;
     private readonly resizeObserver;
     private readonly activeContent;
+    private readonly contents;
     constructor();
+    private sync;
     private render;
+    private createRendered;
+    private deactivateCurrent;
+    private markCurrent;
+    private markInactive;
+    private destroyRendered;
     private startLeave;
     private removePrevious;
     private clearCleanupTimer;
@@ -437,7 +469,7 @@ declare class RdxNavigationMenuViewport {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuViewport, "[rdxNavigationMenuViewport]", never, { "forceMount": { "alias": "forceMount"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const navigationMenuImports: (typeof RdxNavigationMenuPortal)[];
+declare const navigationMenuImports: (typeof RdxNavigationMenuPortalMisuseGuard)[];
 declare class RdxNavigationMenuModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuModule, never>;
     static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxNavigationMenuModule, never, [typeof RdxNavigationMenuRoot, typeof RdxNavigationMenuList, typeof RdxNavigationMenuItem, typeof RdxNavigationMenuTrigger, typeof RdxNavigationMenuIcon, typeof RdxNavigationMenuContent, typeof RdxNavigationMenuLink, typeof RdxNavigationMenuPortal, typeof RdxNavigationMenuPortalMisuseGuard, typeof RdxNavigationMenuBackdrop, typeof RdxNavigationMenuPositioner, typeof RdxNavigationMenuPopup, typeof RdxNavigationMenuArrow, typeof RdxNavigationMenuViewport], [typeof RdxNavigationMenuRoot, typeof RdxNavigationMenuList, typeof RdxNavigationMenuItem, typeof RdxNavigationMenuTrigger, typeof RdxNavigationMenuIcon, typeof RdxNavigationMenuContent, typeof RdxNavigationMenuLink, typeof RdxNavigationMenuPortal, typeof RdxNavigationMenuPortalMisuseGuard, typeof RdxNavigationMenuBackdrop, typeof RdxNavigationMenuPositioner, typeof RdxNavigationMenuPopup, typeof RdxNavigationMenuArrow, typeof RdxNavigationMenuViewport]>;

package/types/radix-ng-primitives-popover.d.ts

@@ -311,7 +311,7 @@ declare class RdxPopoverPopup {
     readonly closeAutoFocus: _angular_core.OutputRef<Event>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverPopup, "[rdxPopoverPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverPopup, "[rdxPopoverPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: { "initialFocus": "initialFocus"; "returnFocus": "finalFocus"; }; outputs: {}; }]>;
 }
 
 /**
@@ -332,10 +332,12 @@ declare class RdxPopoverArrow {
  */
 declare class RdxPopoverTitle {
     private readonly rootContext;
-    readonly id: string;
+    private readonly generatedId;
+    readonly idInput: _angular_core.InputSignal<string | undefined>;
+    readonly id: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverTitle, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverTitle, "[rdxPopoverTitle]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverTitle, "[rdxPopoverTitle]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -343,10 +345,12 @@ declare class RdxPopoverTitle {
  */
 declare class RdxPopoverDescription {
     private readonly rootContext;
-    readonly id: string;
+    private readonly generatedId;
+    readonly idInput: _angular_core.InputSignal<string | undefined>;
+    readonly id: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverDescription, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverDescription, "[rdxPopoverDescription]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverDescription, "[rdxPopoverDescription]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

package/types/radix-ng-primitives-popper.d.ts

@@ -169,6 +169,7 @@ declare class RdxPopperContentWrapper {
     private readonly detectOverflowOptions;
     private readonly resolvedAnchor;
     private readonly position;
+    private positionParams;
     /**
      * The last successfully computed position, retained while a new one is being computed.
      *

package/types/radix-ng-primitives-radio.d.ts

@@ -2,10 +2,10 @@ import * as _angular_core from '@angular/core';
 import { ModelSignal, InputSignal, InputSignalWithTransform, Signal, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { BooleanInput, RdxFormValueControl, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import { Orientation } from '@radix-ng/primitives/roving-focus';
+import * as i1 from '@radix-ng/primitives/composite';
 import * as i1$1 from '@radix-ng/primitives/visually-hidden';
 
+type RdxRadioValueChangeReason = 'none';
 interface RadioGroupProps {
     value: ModelSignal<string | null>;
     defaultValue: InputSignal<string | undefined>;
@@ -14,23 +14,23 @@ interface RadioGroupProps {
     disabled: InputSignalWithTransform<boolean, BooleanInput>;
     readonly: InputSignalWithTransform<boolean, BooleanInput>;
     required: InputSignalWithTransform<boolean, BooleanInput>;
-    orientation: InputSignal<Orientation | undefined>;
     disabledState: Signal<boolean>;
 }
 interface RadioGroupDirective extends RadioGroupProps {
-    select(value: string | null, event?: Event, reason?: string): void;
+    select(value: string | null, event?: Event, reason?: RdxRadioValueChangeReason): void;
     onTouched(): void;
     setArrowNavigation(value: boolean): void;
     isArrowNavigation(): boolean;
 }
 
-type RdxRadioValueChangeReason = 'trigger-press' | 'keyboard' | 'focus' | 'none';
 type RdxRadioValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxRadioValueChangeReason>;
 interface RdxRadioValueChangeEvent {
     value: string;
     eventDetails: RdxRadioValueChangeEventDetails;
 }
 declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirective, ControlValueAccessor, RdxFormValueControl<string | null> {
+    private readonly elementRef;
+    private readonly compositeRoot;
     readonly value: _angular_core.ModelSignal<string | null>;
     readonly defaultValue: _angular_core.InputSignal<string | undefined>;
     readonly name: _angular_core.InputSignal<string | undefined>;
@@ -38,7 +38,6 @@ declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirec
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    readonly orientation: _angular_core.InputSignal<Orientation | undefined>;
     /**
      * Event handler called when the value changes.
      */
@@ -46,6 +45,9 @@ declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirec
     private readonly disable;
     readonly disabledState: _angular_core.Signal<boolean>;
     private readonly arrowNavigation;
+    private readonly itemMetadata;
+    private readonly disabledIndices;
+    private readonly activeIndex;
     /**
      * The callback function to call when the value of the radio group changes.
      */
@@ -86,7 +88,7 @@ declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirec
     isArrowNavigation(): boolean;
     protected onKeydown(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxRadioGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioRoot]", ["rdxRadioRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioRoot]", ["rdxRadioRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
 }
 
 declare const RdxRadioItemToken: InjectionToken<RdxRadioItemDirective>;
@@ -95,7 +97,7 @@ declare class RdxRadioItemDirective {
     private readonly radioGroup;
     private readonly elementRef;
     private readonly renderer;
-    private readonly rovingFocusItem;
+    private readonly compositeItem;
     private readonly destroyRef;
     private readonly inputElement;
     private previousCheckedState;
@@ -126,7 +128,7 @@ declare class RdxRadioItemDirective {
     private setOptionalAttribute;
     private setBooleanAttribute;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxRadioItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[rdxRadioItem]", ["rdxRadioItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "tabStopId": "id"; "focusable": "focusable"; "active": "active"; "allowShiftKey": "allowShiftKey"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[rdxRadioItem]", ["rdxRadioItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxRadioIndicatorDirective {

package/types/radix-ng-primitives-roving-focus.d.ts

@@ -8,6 +8,7 @@ type Direction = 'ltr' | 'rtl';
 declare function focusFirst(candidates: HTMLElement[], preventScroll?: boolean, rootNode?: Document | ShadowRoot): void;
 
 declare const rootContext: () => {
+    enabled: _angular_core.Signal<boolean>;
     loop: _angular_core.Signal<boolean>;
     dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     orientation: _angular_core.Signal<Orientation>;
@@ -20,6 +21,7 @@ declare const rootContext: () => {
 };
 type RovingFocusGroupContext = ReturnType<typeof rootContext>;
 declare const injectRovingFocusGroupContext: _radix_ng_primitives_core.InjectContext<{
+    enabled: _angular_core.Signal<boolean>;
     loop: _angular_core.Signal<boolean>;
     dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     orientation: _angular_core.Signal<Orientation>;
@@ -31,6 +33,7 @@ declare const injectRovingFocusGroupContext: _radix_ng_primitives_core.InjectCon
     unregisterItem: (item: HTMLElement, tabStopId: string) => void;
 }>;
 declare const provideRovingFocusGroupContext: (useFactory: () => {
+    enabled: _angular_core.Signal<boolean>;
     loop: _angular_core.Signal<boolean>;
     dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     orientation: _angular_core.Signal<Orientation>;
@@ -61,6 +64,11 @@ declare class RdxRovingFocusGroupDirective {
      * Whether keyboard navigation should loop around
      */
     readonly loopInput: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether roving focus behavior is active for the group.
+     * @group Props
+     */
+    readonly enabledInput: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * When `true`, will prevent scrolling to the focus item when focused.
      * @group Props
@@ -89,6 +97,8 @@ declare class RdxRovingFocusGroupDirective {
     readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     private readonly _loop;
     readonly loop: _angular_core.Signal<boolean>;
+    private readonly _enabled;
+    readonly enabled: _angular_core.Signal<boolean>;
     readonly focusableItems: _angular_core.WritableSignal<HTMLElement[]>;
     protected readonly isClickFocus: _angular_core.WritableSignal<boolean>;
     readonly isTabbingBackOut: _angular_core.WritableSignal<boolean>;
@@ -98,6 +108,7 @@ declare class RdxRovingFocusGroupDirective {
     setOrientation(value: Orientation): void;
     setDir(value: Direction): void;
     setLoop(value: boolean): void;
+    setEnabled(value: boolean): void;
     /** @ignore */
     registerItem(item: HTMLElement, tabStopId: string): void;
     /** @ignore */
@@ -107,7 +118,7 @@ declare class RdxRovingFocusGroupDirective {
     /** @ignore */
     handleFocus(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxRovingFocusGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientationInput": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopInput": { "alias": "loop"; "required": false; "isSignal": true; }; "preventScrollOnEntryFocus": { "alias": "preventScrollOnEntryFocus"; "required": false; "isSignal": true; }; "defaultCurrentTabStopId": { "alias": "defaultCurrentTabStopId"; "required": false; "isSignal": true; }; "currentTabStopId": { "alias": "currentTabStopId"; "required": false; "isSignal": true; }; }, { "currentTabStopId": "currentTabStopIdChange"; "entryFocus": "entryFocus"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientationInput": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopInput": { "alias": "loop"; "required": false; "isSignal": true; }; "enabledInput": { "alias": "enabled"; "required": false; "isSignal": true; }; "preventScrollOnEntryFocus": { "alias": "preventScrollOnEntryFocus"; "required": false; "isSignal": true; }; "defaultCurrentTabStopId": { "alias": "defaultCurrentTabStopId"; "required": false; "isSignal": true; }; "currentTabStopId": { "alias": "currentTabStopId"; "required": false; "isSignal": true; }; }, { "currentTabStopId": "currentTabStopIdChange"; "entryFocus": "entryFocus"; }, never, never, true, never>;
 }
 
 /**
@@ -121,6 +132,7 @@ declare class RdxRovingFocusItemDirective {
      * (e.g. a standalone Toggle), it degrades to a plain element and does not manage focus.
      */
     protected readonly rootContext: {
+        enabled: _angular_core.Signal<boolean>;
         loop: _angular_core.Signal<boolean>;
         dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
         orientation: _angular_core.Signal<_radix_ng_primitives_roving_focus.Orientation>;
@@ -155,6 +167,7 @@ declare class RdxRovingFocusItemDirective {
     protected readonly isCurrentTabStop: _angular_core.Signal<boolean>;
     protected readonly focusable: _angular_core.WritableSignal<boolean>;
     protected readonly active: _angular_core.WritableSignal<boolean>;
+    protected readonly enabled: _angular_core.WritableSignal<boolean>;
     private readonly tabStopId;
     /**
      * The roving tabindex. Without a group the item keeps its natural tab order (`null`); inside a
@@ -163,6 +176,7 @@ declare class RdxRovingFocusItemDirective {
     protected readonly tabindex: _angular_core.Signal<-1 | 0 | null>;
     constructor();
     setFocusable(value: boolean): void;
+    setEnabled(value: boolean): void;
     setActive(value: boolean): void;
     setTabStopId(value: string): void;
     /** @ignore */

package/types/radix-ng-primitives-scroll-area.d.ts

@@ -42,6 +42,7 @@ interface ScrollAreaRootContext {
         yStart: number;
         yEnd: number;
     }>;
+    readonly disableStyleElements: Signal<boolean>;
     readonly hovering: Signal<boolean>;
     readonly scrollingX: Signal<boolean>;
     readonly scrollingY: Signal<boolean>;
@@ -90,6 +91,7 @@ declare class RdxScrollAreaRoot {
      * Accepts a single number for all edges or an object to configure them individually.
      */
     readonly overflowEdgeThreshold: _angular_core.InputSignal<OverflowEdgeThreshold>;
+    readonly disableStyleElements: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     readonly normalizedThreshold: Signal<{
         xStart: number;
         xEnd: number;
@@ -135,7 +137,7 @@ declare class RdxScrollAreaRoot {
     onTouchModalityChange(event: PointerEvent): void;
     onPointerEnterOrMove(event: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaRoot, "[rdxScrollAreaRoot]", ["rdxScrollAreaRoot"], { "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "overflowEdgeThreshold": { "alias": "overflowEdgeThreshold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaRoot, "[rdxScrollAreaRoot]", ["rdxScrollAreaRoot"], { "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "overflowEdgeThreshold": { "alias": "overflowEdgeThreshold"; "required": false; "isSignal": true; }; "disableStyleElements": { "alias": "disableStyleElements"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface ScrollAreaViewportContext {
@@ -155,6 +157,7 @@ declare class RdxScrollAreaViewport {
     private readonly element;
     private readonly destroyRef;
     private readonly isBrowser;
+    private readonly cspNonce;
     private programmaticScroll;
     private lastMeasuredMetrics;
     private scrollEndTimer;

package/types/radix-ng-primitives-tabs.d.ts

@@ -4,7 +4,7 @@ import * as i1 from '@radix-ng/primitives/presence';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { DataOrientation, RdxCancelableChangeEventDetails, BooleanInput } from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_tabs from '@radix-ng/primitives/tabs';
-import * as i1$1 from '@radix-ng/primitives/roving-focus';
+import * as i1$1 from '@radix-ng/primitives/composite';
 
 /**
  * Structural directive that mounts the tab panel contents only while the panel is active,
@@ -83,7 +83,7 @@ declare class RdxTabsRoot {
 declare class RdxTabsList {
     protected readonly rootContext: _radix_ng_primitives_tabs.RdxTabsRootContext;
     private readonly elementRef;
-    private readonly rovingFocusGroup;
+    private readonly compositeRoot;
     /**
      * Whether a tab is activated when it receives focus (automatic activation).
      * When `false`, tabs are only activated on click or Enter/Space.
@@ -97,9 +97,12 @@ declare class RdxTabsList {
      * @default true
      */
     readonly loopFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly tabMetadata;
+    private readonly disabledIndices;
+    private readonly activeIndex;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsList, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsList, "[rdxTabsList]", ["rdxTabsList"], { "activateOnFocus": { "alias": "activateOnFocus"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsList, "[rdxTabsList]", ["rdxTabsList"], { "activateOnFocus": { "alias": "activateOnFocus"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -109,7 +112,7 @@ declare class RdxTabsList {
  */
 declare class RdxTabsTab {
     protected readonly rootContext: _radix_ng_primitives_tabs.RdxTabsRootContext;
-    private readonly rovingFocusItem;
+    private readonly compositeItem;
     /**
      * A unique value that associates the tab with a panel.
      */
@@ -132,7 +135,7 @@ declare class RdxTabsTab {
     /** @ignore */
     protected onFocus(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsTab, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsTab, "[rdxTabsTab]", ["rdxTabsTab"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxRovingFocusItemDirective; inputs: { "allowShiftKey": "allowShiftKey"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsTab, "[rdxTabsTab]", ["rdxTabsTab"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**