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

package/types/radix-ng-primitives-number-field.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { RdxFormValueControl, RdxControlValueAccessor, NumberInput, BooleanInput } from '@radix-ng/primitives/core';
+import { RdxFormValueControl, RdxControlValueAccessor, NumberInput, BooleanInput, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_number_field from '@radix-ng/primitives/number-field';
 import { NumberFormatter, NumberParser } from '@internationalized/number';
 import * as i1 from '@radix-ng/primitives/portal';
@@ -35,6 +35,11 @@ declare const REASONS: {
     readonly none: "none";
 };
 
+type RdxNumberFieldValueChangeEventDetails = RdxCancelableChangeEventDetails<NumberFieldChangeReason>;
+interface RdxNumberFieldValueChangeEvent {
+    value: number | null;
+    eventDetails: RdxNumberFieldValueChangeEventDetails;
+}
 /**
  * Groups all parts of the number field and manages its state, parsing/formatting
  * and value-change logic. A single directive drives the whole family — parts read
@@ -110,7 +115,7 @@ declare class RdxNumberFieldRoot implements RdxFormValueControl<number | null> {
     /** The controlled value of the field. Use with `(onValueChange)` or two-way `[(value)]`. */
     readonly value: _angular_core.ModelSignal<number | null>;
     /** Emitted when the value changes (during interaction or programmatically). */
-    readonly onValueChange: _angular_core.OutputEmitterRef<number | null>;
+    readonly onValueChange: _angular_core.OutputEmitterRef<RdxNumberFieldValueChangeEvent>;
     /**
      * Emitted when the value is committed: on blur after typing, or when a pointer is released
      * after scrubbing or pressing a button. Fires together with `onValueChange` for keyboard input.
@@ -461,4 +466,4 @@ declare class RdxNumberFieldModule {
 }
 
 export { CHANGE_VALUE_TICK_DELAY, DEFAULT_STEP, REASONS, RdxNumberFieldButton, RdxNumberFieldDecrement, RdxNumberFieldGroup, RdxNumberFieldHiddenInput, RdxNumberFieldIncrement, RdxNumberFieldInput, RdxNumberFieldModule, RdxNumberFieldRoot, RdxNumberFieldScrubArea, RdxNumberFieldScrubAreaCursor, SCROLLING_POINTER_MOVE_DISTANCE, START_AUTO_CHANGE_DELAY, createPressAndHold, hasNumberFormatRoundingOptions, injectNumberFieldRootContext, injectNumberFieldScrubAreaContext, numberOrUndefined, provideNumberFieldRootContext, provideNumberFieldScrubAreaContext, removeFloatingPointErrors, toValidatedNumber, useNumberFormatter, useNumberParser };
-export type { Direction, InputMode, NumberFieldChangeReason, PressAndHold, PressAndHoldOptions, RdxNumberFieldScrubAreaContext, ValidateOptions };
+export type { Direction, InputMode, NumberFieldChangeReason, PressAndHold, PressAndHoldOptions, RdxNumberFieldScrubAreaContext, RdxNumberFieldValueChangeEvent, RdxNumberFieldValueChangeEventDetails, ValidateOptions };

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

@@ -3,11 +3,12 @@ import { Signal, ElementRef } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/portal';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { RdxTransitionStatus, RdxFloatingRootContext, BooleanInput, RdxCancelableChangeEventDetails, NumberInput } from '@radix-ng/primitives/core';
+import * as _radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/floating-focus-manager';
+import { RdxInteractionType } from '@radix-ng/primitives/floating-focus-manager';
 import * as i1$1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_popover from '@radix-ng/primitives/popover';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
-import * as i3 from '@radix-ng/primitives/floating-focus-manager';
 
 /**
  * Structural directive that teleports the popover content into a container (default `document.body`)
@@ -73,6 +74,8 @@ interface RdxPopoverRootContext {
     isPointerDownOnTrigger: Signal<boolean>;
     /** Whether the current open was initiated by touch (ADR 0016 §3 — gates the anchored scroll lock). */
     openedByTouch: Signal<boolean>;
+    openInteractionType: Signal<RdxInteractionType>;
+    closeInteractionType: Signal<RdxInteractionType>;
     close: (reason?: RdxPopoverOpenChangeReason, event?: Event) => void;
     cancelHoverClose: () => void;
     cancelHoverOpen: () => void;
@@ -85,11 +88,14 @@ interface RdxPopoverRootContext {
     setTitleId: (id: string | undefined) => void;
     setPointerDownOnTrigger: (pointerDown: boolean) => void;
     setOpenedByTouch: (value: boolean) => void;
+    setTriggerOpenInteractionType: (type: RdxInteractionType) => void;
     setHoverDelays: (delay: number, closeDelay: number) => void;
     registerPopupClose: () => () => void;
     registerTransitionElement: (element: HTMLElement) => () => void;
     transitionStatus: Signal<RdxPopoverTransitionStatus>;
+    beforeContentFocusGuard: Signal<HTMLElement | null>;
     registerViewport: (onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void) => () => void;
+    setBeforeContentFocusGuard: (element: HTMLElement | null) => void;
     toggle: (triggerId: string, trigger: HTMLElement, payload?: unknown, event?: Event) => void;
 }
 declare const injectRdxPopoverRootContext: _radix_ng_primitives_core.InjectContext<RdxPopoverRootContext>;
@@ -140,6 +146,7 @@ declare class RdxPopoverRoot {
      */
     readonly handle: _angular_core.InputSignal<RdxPopoverHandle<any> | undefined>;
     readonly contentId: string;
+    readonly beforeContentFocusGuard: _angular_core.WritableSignal<HTMLElement | null>;
     readonly descriptionId: _angular_core.WritableSignal<string | undefined>;
     readonly titleId: _angular_core.WritableSignal<string | undefined>;
     readonly trigger: _angular_core.WritableSignal<HTMLElement | undefined>;
@@ -148,8 +155,11 @@ declare class RdxPopoverRoot {
     readonly isPointerDownOnTrigger: _angular_core.WritableSignal<boolean>;
     /** Whether the current open was initiated by touch (ADR 0016 §3 — gates the anchored scroll lock). */
     readonly openedByTouch: _angular_core.WritableSignal<boolean>;
+    readonly openInteractionType: _angular_core.WritableSignal<RdxInteractionType>;
+    readonly closeInteractionType: _angular_core.WritableSignal<RdxInteractionType>;
     readonly popupCloseCount: _angular_core.WritableSignal<number>;
     private readonly preventUnmountOnClose;
+    private readonly pendingTriggerOpenInteractionType;
     readonly onOpenChange: _angular_core.OutputEmitterRef<RdxPopoverOpenChange>;
     readonly onOpenChangeComplete: _angular_core.OutputEmitterRef<boolean>;
     private readonly registeredTriggers;
@@ -165,8 +175,10 @@ declare class RdxPopoverRoot {
     cancelHoverClose(): void;
     cancelHoverOpen(): void;
     setHoverDelays(delay: number, closeDelay: number): void;
+    setTriggerOpenInteractionType(type: RdxInteractionType): void;
     registerTrigger(id: string, trigger: HTMLElement, payload: () => unknown): () => void;
     registerViewport(onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void): () => boolean;
+    setBeforeContentFocusGuard(element: HTMLElement | null): void;
     registerTransitionElement(element: HTMLElement): () => void;
     private syncTriggerId;
     private createOpenChangeEvent;
@@ -174,6 +186,7 @@ declare class RdxPopoverRoot {
     private clearOpenTimer;
     private clearCloseTimer;
     private scheduleInstantReset;
+    private consumeOpenInteractionType;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverRoot, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverRoot, "[rdxPopoverRoot]", ["rdxPopoverRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "triggerId": { "alias": "triggerId"; "required": false; "isSignal": true; }; "defaultTriggerId": { "alias": "defaultTriggerId"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "handle": { "alias": "handle"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "triggerId": "triggerIdChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
 }
@@ -184,8 +197,6 @@ declare class RdxPopoverRoot {
 declare class RdxPopoverTrigger {
     private readonly parentRootContext;
     readonly elementRef: ElementRef<HTMLElement>;
-    /** Pointer type of the most recent `pointerdown`, used to detect a touch open (ADR 0016 §3). */
-    private lastPointerType;
     /**
      * Associates this trigger with a detached popover root.
      */
@@ -217,6 +228,7 @@ declare class RdxPopoverTrigger {
     protected readonly triggerId: _angular_core.Signal<string>;
     protected readonly rootContext: _angular_core.Signal<_radix_ng_primitives_popover.RdxPopoverRootContext | null>;
     protected readonly isOpen: _angular_core.Signal<boolean>;
+    protected readonly triggerInteraction: _radix_ng_primitives_floating_focus_manager.RdxTriggerInteraction;
     protected readonly isPressed: _angular_core.Signal<boolean>;
     private readonly generatedId;
     constructor();
@@ -272,8 +284,8 @@ declare class RdxPopoverPositioner extends RdxPopperContentWrapper {
  * - No `disablePointerDismissal` — outside-press + focus-out always close.
  *
  * Note: a positioned popover does **not** auto-focus into the popup on open (pre-existing — the legacy
- * behaved the same; verified). The trap holds focus once it is inside. Auto-focus-on-open + redirecting a
- * Tab from the trigger into the popup needs the deferred portal-focus bridge / guards (ADR 0017 §6a).
+ * behaved the same; verified). The trap holds focus once it is inside; portal tab-order handoff is owned
+ * by `RdxFloatingFocusManager` and anchored to the active trigger below.
  */
 declare class RdxPopoverPopup {
     protected readonly rootContext: _radix_ng_primitives_popover.RdxPopoverRootContext;
@@ -299,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 i3.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: {}; }]>;
 }
 
 /**
@@ -320,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>;
 }
 
 /**
@@ -331,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

@@ -1,11 +1,11 @@
 import * as _angular_core from '@angular/core';
 import { ModelSignal, InputSignal, InputSignalWithTransform, Signal, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { BooleanInput, RdxFormValueControl } from '@radix-ng/primitives/core';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import { Orientation } from '@radix-ng/primitives/roving-focus';
+import { BooleanInput, RdxFormValueControl, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
+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,17 +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): void;
+    select(value: string | null, event?: Event, reason?: RdxRadioValueChangeReason): void;
     onTouched(): void;
     setArrowNavigation(value: boolean): void;
     isArrowNavigation(): boolean;
 }
 
+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>;
@@ -32,14 +38,16 @@ 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.
      */
-    readonly onValueChange: _angular_core.OutputEmitterRef<string>;
+    readonly onValueChange: _angular_core.OutputEmitterRef<RdxRadioValueChangeEvent>;
     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.
      */
@@ -55,7 +63,7 @@ declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirec
      * @param value The value of the radio item to select.
      * @ignore
      */
-    select(value: string | null): void;
+    select(value: string | null, event?: Event, reason?: RdxRadioValueChangeReason): void;
     /**
      * Update the value of the radio group.
      * @param value The new value of the radio group.
@@ -80,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>;
@@ -89,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;
@@ -107,20 +115,20 @@ declare class RdxRadioItemDirective {
     private readonly ARROW_KEYS;
     constructor();
     /** @ignore */
-    onClick(): void;
+    onClick(event?: Event): void;
     /** @ignore */
     onKeyDown(event: Event): void;
     /** @ignore */
     onKeyUp(): void;
     /** @ignore */
-    onFocus(): void;
+    onFocus(event?: FocusEvent): void;
     private isAllowedArrowKey;
     private createHiddenInput;
     private syncHiddenInput;
     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 {
@@ -146,3 +154,4 @@ declare class RdxRadioItemInputDirective {
 }
 
 export { RdxRadioGroupDirective, RdxRadioIndicatorDirective, RdxRadioItemDirective, RdxRadioItemInputDirective, RdxRadioItemToken, injectRadioItem };
+export type { RdxRadioValueChangeEvent, RdxRadioValueChangeEventDetails, RdxRadioValueChangeReason };

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-select.d.ts

@@ -1,17 +1,17 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, OutputRef, Signal, ElementRef } from '@angular/core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { AcceptableValue, RdxFloatingRootContext, Direction, ItemValueComparator } from '@radix-ng/primitives/core';
+import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFloatingRootContext, Direction, ItemValueComparator } from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_select from '@radix-ng/primitives/select';
-import * as _radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/types/radix-ng-primitives-floating-focus-manager';
+import * as _radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/floating-focus-manager';
+import { RdxInteractionType } from '@radix-ng/primitives/floating-focus-manager';
 import * as i1 from '@radix-ng/primitives/collection';
 import { RdxCollectionItem } from '@radix-ng/primitives/collection';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
 import * as i1$1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
-import * as i2 from '@radix-ng/primitives/focus-scope';
+import * as _radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/types/radix-ng-primitives-floating-focus-manager';
 import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
-import { RdxInteractionType } from '@radix-ng/primitives/floating-focus-manager';
 import * as _radix_ng_primitives_types_radix_ng_primitives_collection from '@radix-ng/primitives/types/radix-ng-primitives-collection';
 import * as i1$2 from '@radix-ng/primitives/portal';
 
@@ -311,9 +311,9 @@ declare class RdxSelectPopup {
         itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
         open: _angular_core.ModelSignal<boolean>;
         openedByTouch: _angular_core.WritableSignal<boolean>;
-        openMethod: Signal<_radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
-        openInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
-        closeInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
+        openMethod: Signal<_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
+        openInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
+        closeInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
         disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         isEmptyModelValue: Signal<boolean>;
@@ -370,7 +370,7 @@ declare class RdxSelectPopup {
     isKeyboardActive(): boolean;
     handleKeyDown(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPopup, "[rdxSelectPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxFocusScope; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof i1.RdxCollectionProvider; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPopup, "[rdxSelectPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: { "returnFocus": "finalFocus"; }; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof i1.RdxCollectionProvider; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -423,18 +423,12 @@ interface SelectOption {
 type RdxSelectOpenMethod = RdxInteractionType;
 type RdxSelectOpenChangeReason = 'trigger-press' | 'item-press' | 'outside-press' | 'escape-key' | 'window-resize' | 'focus-out' | 'list-navigation' | 'cancel-open' | 'none';
 type RdxSelectValueChangeReason = RdxSelectOpenChangeReason;
-interface RdxSelectChangeEventDetails<Reason extends string = string> {
-    reason: Reason;
-    event: Event;
-    cancel: () => void;
-    isCanceled: () => boolean;
-}
-type RdxSelectOpenChangeEventDetails = RdxSelectChangeEventDetails<RdxSelectOpenChangeReason>;
+type RdxSelectOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxSelectOpenChangeReason>;
 interface RdxSelectOpenChangeEvent {
     open: boolean;
     eventDetails: RdxSelectOpenChangeEventDetails;
 }
-type RdxSelectValueChangeEventDetails = RdxSelectChangeEventDetails<RdxSelectValueChangeReason>;
+type RdxSelectValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxSelectValueChangeReason>;
 interface RdxSelectValueChangeEvent {
     value: AcceptableValue | AcceptableValue[];
     eventDetails: RdxSelectValueChangeEventDetails;
@@ -534,6 +528,7 @@ declare const provideSelectRootContext: (useFactory: () => {
     onOpenChange: (value: boolean, reason?: RdxSelectOpenChangeReason, event?: Event) => boolean;
 }) => _angular_core.Provider;
 declare class RdxSelectRoot {
+    readonly contentId: string;
     readonly open: _angular_core.ModelSignal<boolean>;
     /** Whether the current open was initiated by **touch** (ADR 0016 §3 — gates the anchored scroll lock). */
     readonly openedByTouch: _angular_core.WritableSignal<boolean>;
@@ -610,9 +605,9 @@ declare class RdxSelectTrigger {
         itemToStringLabel: _angular_core.InputSignal<((value: _radix_ng_primitives_core.AcceptableValue) => string) | undefined>;
         open: _angular_core.ModelSignal<boolean>;
         openedByTouch: _angular_core.WritableSignal<boolean>;
-        openMethod: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
-        openInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
-        closeInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
+        openMethod: _angular_core.Signal<_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
+        openInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
+        closeInteractionType: _angular_core.WritableSignal<_radix_ng_primitives_floating_focus_manager.RdxInteractionType>;
         disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
         modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
         isEmptyModelValue: _angular_core.Signal<boolean>;
@@ -632,6 +627,7 @@ declare class RdxSelectTrigger {
     readonly id: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly triggerInteraction: _radix_ng_primitives_floating_focus_manager.RdxTriggerInteraction;
     protected readonly invalidState: _angular_core.Signal<boolean>;
     protected readonly requiredState: _angular_core.Signal<boolean>;
     protected readonly filledState: _angular_core.Signal<boolean>;
@@ -703,4 +699,4 @@ declare function focusFirst(candidates: HTMLElement[]): void;
 declare const _importsSelect: (typeof RdxSelectGroupLabel)[];
 
 export { CONTENT_MARGIN, OPEN_KEYS, RDX_SELECT_POSITIONER_TOKEN, RdxSelectBackdrop, RdxSelectGroup, RdxSelectGroupLabel, RdxSelectIcon, RdxSelectItem, RdxSelectItemIndicator, RdxSelectItemText, RdxSelectList, RdxSelectPopup, RdxSelectPortal, RdxSelectPortalMisuseGuard, RdxSelectPositioner, RdxSelectRoot, RdxSelectSeparator, RdxSelectTrigger, RdxSelectValue, SELECTION_KEYS, _importsSelect, compare, focusFirst, injectSelectItemContext, injectSelectPopupContext, injectSelectRootContext, provideSelectItemContext, provideSelectPopupContext, provideSelectRootContext, shouldShowPlaceholder, valueComparator };
-export type { RdxPositionerImpl, RdxSelectChangeEventDetails, RdxSelectItemContext, RdxSelectOpenChangeEvent, RdxSelectOpenChangeEventDetails, RdxSelectOpenChangeReason, RdxSelectOpenMethod, RdxSelectPopupContext, RdxSelectRootContext, RdxSelectValueChangeEvent, RdxSelectValueChangeEventDetails, RdxSelectValueChangeReason, SelectEvent, SelectOption };
+export type { RdxPositionerImpl, RdxSelectItemContext, RdxSelectOpenChangeEvent, RdxSelectOpenChangeEventDetails, RdxSelectOpenChangeReason, RdxSelectOpenMethod, RdxSelectPopupContext, RdxSelectRootContext, RdxSelectValueChangeEvent, RdxSelectValueChangeEventDetails, RdxSelectValueChangeReason, SelectEvent, SelectOption };