@radix-ng/primitives 1.0.0-beta.0 → 1.0.0-beta.1

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { BooleanInput } from '@radix-ng/primitives/core';
 
 /**
@@ -19,9 +20,9 @@ declare const fieldsetRootContext: () => {
     disabledState: _angular_core.Signal<boolean>;
 };
 type RdxFieldsetRootContext = ReturnType<typeof fieldsetRootContext>;
-declare const injectFieldsetRootContext: (optional?: boolean) => {
+declare const injectFieldsetRootContext: _radix_ng_primitives_core.InjectContext<{
     disabledState: _angular_core.Signal<boolean>;
-} | null;
+}>;
 declare const provideFieldsetRootContext: (useFactory: () => {
     disabledState: _angular_core.Signal<boolean>;
 }) => _angular_core.Provider;

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { WritableSignal, Signal, InjectionToken, Provider } from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { BooleanInput } from '@radix-ng/primitives/core';
 
 interface FocusScopeAPI {
@@ -12,7 +13,7 @@ interface FocusScopeContext {
     loop?: Signal<boolean>;
     trapped?: Signal<boolean>;
 }
-declare const injectFocusScopeContext: (optional?: boolean) => FocusScopeContext | null;
+declare const injectFocusScopeContext: _radix_ng_primitives_core.InjectContext<FocusScopeContext>;
 declare const provideFocusScopeContext: (useFactory: () => FocusScopeContext) => _angular_core.Provider;
 /**
  * @group Components

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

@@ -34,6 +34,8 @@ interface RdxMenuRootContext {
     isSubmenu: Signal<boolean>;
     hasTriggerInteractionHandler: Signal<boolean>;
     trigger: Signal<HTMLElement | undefined>;
+    /** The popup element, once mounted. Used by submenu safe-polygon geometry. */
+    popupElement: Signal<HTMLElement | undefined>;
     transitionStatus: Signal<RdxMenuTransitionStatus>;
     close: () => void;
     toggle: () => void;
@@ -41,6 +43,7 @@ interface RdxMenuRootContext {
     /** Open the menu without moving focus into the popup (used for menubar hover-switching). */
     showWithoutAutoFocus: () => void;
     registerTrigger: (el: HTMLElement) => () => void;
+    registerPopup: (el: HTMLElement) => () => void;
     registerTransitionElement: (element: HTMLElement) => () => void;
     registerPopupArrowNavigationHandler: (handler: (offset: 1 | -1) => boolean) => () => void;
     registerTriggerInteractionHandler: (handler: RdxMenuTriggerInteractionHandler) => () => void;
@@ -77,7 +80,7 @@ type RdxMenuTriggerInteraction = {
     event: Event;
 };
 type RdxMenuTriggerInteractionHandler = (interaction: RdxMenuTriggerInteraction) => boolean;
-declare const injectRdxMenuRootContext: (optional?: boolean) => RdxMenuRootContext | null;
+declare const injectRdxMenuRootContext: _radix_ng_primitives_core.InjectContext<RdxMenuRootContext>;
 declare const provideRdxMenuRootContext: (useFactory: () => RdxMenuRootContext) => _angular_core.Provider;
 /**
  * Groups all parts of a menu.
@@ -111,6 +114,7 @@ declare class RdxMenuRoot {
     /** Emits when the open/close CSS transition or animation finishes. */
     readonly onOpenChangeComplete: _angular_core.OutputEmitterRef<boolean>;
     readonly trigger: _angular_core.WritableSignal<HTMLElement | undefined>;
+    readonly popupElement: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly transitionStatus: Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
     /** Whether the popup grabs focus when it opens. Set false for menubar hover-switching. */
     readonly autoFocus: _angular_core.WritableSignal<RdxMenuAutoFocus>;
@@ -122,6 +126,7 @@ declare class RdxMenuRoot {
     close(): void;
     toggle(): void;
     registerTrigger(el: HTMLElement): () => void;
+    registerPopup(el: HTMLElement): () => void;
     registerTransitionElement(element: HTMLElement): () => void;
     registerPopupArrowNavigationHandler(handler: (offset: 1 | -1) => boolean): () => void;
     handlePopupArrowNavigation(offset: 1 | -1): boolean;
@@ -186,8 +191,14 @@ declare class RdxMenuSubTrigger {
     private readonly submenuRoot;
     private readonly elementRef;
     private readonly destroyRef;
+    private readonly isBrowser;
     private readonly isFocused;
     private openTimer;
+    private closeTimer;
+    /** Cursor position from the last pointer move over the trigger (safe-polygon apex). */
+    private lastPointer;
+    /** Whether the current open was initiated by hover (vs keyboard / click). */
+    private openedByHover;
     /** Whether this trigger (and therefore the submenu) is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /** Whether this trigger should be treated as a native button. Auto-detected for `<button>`. */
@@ -204,6 +215,7 @@ declare class RdxMenuSubTrigger {
     protected readonly highlighted: _angular_core.Signal<boolean>;
     protected readonly nativeButtonState: _angular_core.Signal<boolean>;
     constructor();
+    private scheduleClose;
     protected onFocus(): void;
     protected onBlur(): void;
     protected onClick(): void;
@@ -481,7 +493,7 @@ declare function getCheckedState(checked: CheckedState): 'checked' | 'unchecked'
 interface RdxMenuCheckboxItemContext {
     checked: Signal<CheckedState>;
 }
-declare const injectRdxMenuCheckboxItemContext: (optional?: boolean) => RdxMenuCheckboxItemContext | null;
+declare const injectRdxMenuCheckboxItemContext: _radix_ng_primitives_core.InjectContext<RdxMenuCheckboxItemContext>;
 declare const provideRdxMenuCheckboxItemContext: (useFactory: () => RdxMenuCheckboxItemContext) => _angular_core.Provider;
 /**
  * A menu item that can be checked or unchecked.
@@ -532,7 +544,7 @@ interface RdxMenuRadioGroupContext {
     value: Signal<string | undefined>;
     selectValue: (value: string) => void;
 }
-declare const injectRdxMenuRadioGroupContext: (optional?: boolean) => RdxMenuRadioGroupContext | null;
+declare const injectRdxMenuRadioGroupContext: _radix_ng_primitives_core.InjectContext<RdxMenuRadioGroupContext>;
 declare const provideRdxMenuRadioGroupContext: (useFactory: () => RdxMenuRadioGroupContext) => _angular_core.Provider;
 /**
  * Groups radio items in a menu.
@@ -554,7 +566,7 @@ declare class RdxMenuRadioGroup {
 interface RdxMenuRadioItemContext {
     checked: Signal<boolean>;
 }
-declare const injectRdxMenuRadioItemContext: (optional?: boolean) => RdxMenuRadioItemContext | null;
+declare const injectRdxMenuRadioItemContext: _radix_ng_primitives_core.InjectContext<RdxMenuRadioItemContext>;
 declare const provideRdxMenuRadioItemContext: (useFactory: () => RdxMenuRadioItemContext) => _angular_core.Provider;
 /**
  * A radio item within a menu radio group.

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { BooleanInput } from '@radix-ng/primitives/core';
 
 type RdxMenubarOrientation = 'horizontal' | 'vertical';
@@ -14,7 +15,7 @@ interface RdxMenubarContext {
     focusAdjacent: (currentId: string, offset: 1 | -1, openOnMove: boolean) => void;
     focusBoundary: (boundary: 'first' | 'last', openOnMove: boolean) => void;
 }
-declare const injectRdxMenubarContext: (optional?: boolean) => RdxMenubarContext | null;
+declare const injectRdxMenubarContext: _radix_ng_primitives_core.InjectContext<RdxMenubarContext>;
 declare const provideRdxMenubarContext: (useFactory: () => RdxMenubarContext) => _angular_core.Provider;
 /**
  * Container for a horizontal application menu bar.

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 
 type MeterValueFormatter = (formattedValue: string, value: number) => string;
 interface MeterProps {
@@ -21,7 +22,7 @@ declare const meterRootContext: () => {
     ariaValueTextState: _angular_core.Signal<string | undefined>;
 };
 type RdxMeterRootContext = ReturnType<typeof meterRootContext>;
-declare const injectMeterRootContext: (optional?: boolean) => {
+declare const injectMeterRootContext: _radix_ng_primitives_core.InjectContext<{
     labelId: _angular_core.InputSignal<string>;
     valueId: _angular_core.InputSignal<string>;
     minState: _angular_core.Signal<number>;
@@ -30,7 +31,7 @@ declare const injectMeterRootContext: (optional?: boolean) => {
     percentageState: _angular_core.Signal<number>;
     formattedValueState: _angular_core.Signal<string>;
     ariaValueTextState: _angular_core.Signal<string | undefined>;
-} | null;
+}>;
 declare const provideMeterRootContext: (useFactory: () => {
     labelId: _angular_core.InputSignal<string>;
     valueId: _angular_core.InputSignal<string>;

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

@@ -75,7 +75,7 @@ interface RdxNavigationMenuRootContext {
     registerTransitionElement(element: HTMLElement): () => void;
     registerViewport(onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void): () => void;
 }
-declare const injectNavigationMenuRootContext: (optional?: boolean) => RdxNavigationMenuRootContext | null;
+declare const injectNavigationMenuRootContext: _radix_ng_primitives_core.InjectContext<RdxNavigationMenuRootContext>;
 declare const provideNavigationMenuRootContext: (useFactory: () => RdxNavigationMenuRootContext) => _angular_core.Provider;
 
 /**

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

@@ -1,10 +1,10 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { RdxFormValueControl, RdxControlValueAccessor, NumberInput, BooleanInput } 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$1 from '@radix-ng/primitives/portal';
+import * as i1 from '@radix-ng/primitives/portal';
 
 /**
  * The software keyboard hint shown on touch devices, mapped to the input's `inputmode` attribute.
@@ -188,7 +188,7 @@ declare class RdxNumberFieldRoot implements RdxFormValueControl<number | null> {
     commitValue(value: number | null): void;
     private applyValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNumberFieldRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNumberFieldRoot, "div[rdxNumberFieldRoot]", ["rdxNumberFieldRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "smallStep": { "alias": "smallStep"; "required": false; "isSignal": true; }; "largeStep": { "alias": "largeStep"; "required": false; "isSignal": true; }; "snapOnStep": { "alias": "snapOnStep"; "required": false; "isSignal": true; }; "allowOutOfRange": { "alias": "allowOutOfRange"; "required": false; "isSignal": true; }; "allowWheelScrub": { "alias": "allowWheelScrub"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "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; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; "onValueCommitted": "onValueCommitted"; }, never, never, true, [{ directive: typeof i1.RdxControlValueAccessor; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNumberFieldRoot, "div[rdxNumberFieldRoot]", ["rdxNumberFieldRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "smallStep": { "alias": "smallStep"; "required": false; "isSignal": true; }; "largeStep": { "alias": "largeStep"; "required": false; "isSignal": true; }; "snapOnStep": { "alias": "snapOnStep"; "required": false; "isSignal": true; }; "allowOutOfRange": { "alias": "allowOutOfRange"; "required": false; "isSignal": true; }; "allowWheelScrub": { "alias": "allowWheelScrub"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "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; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; "onValueCommitted": "onValueCommitted"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxControlValueAccessor; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 /**
@@ -379,7 +379,7 @@ interface RdxNumberFieldScrubAreaContext {
  *
  * @see https://base-ui.com/react/components/number-field
  */
-declare const injectNumberFieldScrubAreaContext: (optional?: boolean) => RdxNumberFieldScrubAreaContext | null;
+declare const injectNumberFieldScrubAreaContext: _radix_ng_primitives_core.InjectContext<RdxNumberFieldScrubAreaContext>;
 declare const provideNumberFieldScrubAreaContext: (useFactory: () => RdxNumberFieldScrubAreaContext) => _angular_core.Provider;
 
 type ScrubDirection = 'horizontal' | 'vertical';
@@ -441,7 +441,7 @@ declare class RdxNumberFieldScrubAreaCursor {
     protected readonly shouldRender: _angular_core.Signal<boolean>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNumberFieldScrubAreaCursor, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNumberFieldScrubAreaCursor, "[rdxNumberFieldScrubAreaCursor]", ["rdxNumberFieldScrubAreaCursor"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPortal; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNumberFieldScrubAreaCursor, "[rdxNumberFieldScrubAreaCursor]", ["rdxNumberFieldScrubAreaCursor"], {}, {}, never, never, true, [{ directive: typeof i1.RdxPortal; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -451,7 +451,7 @@ declare class RdxNumberFieldScrubAreaCursor {
  *
  * @see https://base-ui.com/react/components/number-field
  */
-declare const injectNumberFieldRootContext: (optional?: boolean) => RdxNumberFieldRoot | null;
+declare const injectNumberFieldRootContext: _radix_ng_primitives_core.InjectContext<RdxNumberFieldRoot>;
 declare const provideNumberFieldRootContext: (useFactory: () => RdxNumberFieldRoot) => _angular_core.Provider;
 
 declare class RdxNumberFieldModule {

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, ElementRef } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/presence';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { RdxTransitionStatus, BooleanInput, NumberInput } from '@radix-ng/primitives/core';
 import * as i1$1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper, RdxPopperAnchorElement } from '@radix-ng/primitives/popper';
@@ -72,7 +73,7 @@ interface RdxPopoverRootContext {
     registerViewport: (onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void) => () => void;
     toggle: (triggerId: string, trigger: HTMLElement, payload?: unknown, event?: Event) => void;
 }
-declare const injectRdxPopoverRootContext: (optional?: boolean) => RdxPopoverRootContext | null;
+declare const injectRdxPopoverRootContext: _radix_ng_primitives_core.InjectContext<RdxPopoverRootContext>;
 declare const provideRdxPopoverRootContext: (useFactory: () => RdxPopoverRootContext) => _angular_core.Provider;
 type RdxPopoverTransitionStatus = RdxTransitionStatus;
 /**

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, InjectionToken, Provider } from '@angular/core';
 import { ReferenceElement, Placement, Middleware, VirtualElement } from '@floating-ui/dom';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { NumberInput, BooleanInput } from '@radix-ng/primitives/core';
 
 declare class RdxPopperAnchor {
@@ -59,7 +60,7 @@ declare const context: () => {
     anchorHidden: _angular_core.Signal<boolean>;
 };
 type PopperContentWrapperContext = ReturnType<typeof context>;
-declare const injectPopperContentWrapperContext: (optional?: boolean) => {
+declare const injectPopperContentWrapperContext: _radix_ng_primitives_core.InjectContext<{
     placedSide: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
     placedAlign: _angular_core.Signal<"start" | "center" | "end" | undefined>;
     arrowX: _angular_core.Signal<number | undefined>;
@@ -67,7 +68,7 @@ declare const injectPopperContentWrapperContext: (optional?: boolean) => {
     shouldHideArrow: _angular_core.Signal<boolean>;
     isPositioned: _angular_core.Signal<boolean>;
     anchorHidden: _angular_core.Signal<boolean>;
-} | null;
+}>;
 declare const providePopperContentWrapperContext: (useFactory: () => {
     placedSide: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
     placedAlign: _angular_core.Signal<"start" | "center" | "end" | undefined>;
@@ -144,6 +145,12 @@ declare class RdxPopperContentWrapper {
      */
     readonly placed: _angular_core.OutputEmitterRef<void>;
     readonly arrow: _angular_core.Signal<any>;
+    /**
+     * When `true`, the content is rendered click/hover-through (`pointer-events: none`). Used for
+     * cursor-following content (e.g. a tooltip tracking the pointer) that must never intercept the
+     * pointer and steal hover from its trigger.
+     */
+    readonly nonInteractive: _angular_core.WritableSignal<boolean>;
     readonly shouldHideArrow: _angular_core.Signal<boolean>;
     /** Whether the arrow could not be centered on the anchor because the popup was shifted. */
     readonly arrowUncentered: _angular_core.Signal<boolean>;
@@ -157,6 +164,16 @@ declare class RdxPopperContentWrapper {
     private readonly detectOverflowOptions;
     private readonly resolvedAnchor;
     private readonly position;
+    /**
+     * The last successfully computed position, retained while a new one is being computed.
+     *
+     * The `position` resource resets `value()` to `undefined` whenever its params change (e.g. on
+     * every pointer move while a tooltip tracks the cursor). Reading it directly would blank the
+     * popup (`visibility: hidden` + off-screen transform) for the frames between a move and the next
+     * resolved position — a visible flicker at high pointer-move rates. Holding the previous value
+     * keeps the popup placed and visible until the new position is ready.
+     */
+    private readonly resolvedPosition;
     /**
      * Whether the panel is positioned.
      */

package/types/radix-ng-primitives-preview-card.d.ts

@@ -64,7 +64,7 @@ interface RdxPreviewCardRootContext {
     registerViewport: (onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void) => () => void;
     toggle: (triggerId: string, trigger: HTMLElement, payload?: unknown, event?: Event) => void;
 }
-declare const injectRdxPreviewCardRootContext: (optional?: boolean) => RdxPreviewCardRootContext | null;
+declare const injectRdxPreviewCardRootContext: _radix_ng_primitives_core.InjectContext<RdxPreviewCardRootContext>;
 declare const provideRdxPreviewCardRootContext: (useFactory: () => RdxPreviewCardRootContext) => _angular_core.Provider;
 type RdxPreviewCardTransitionStatus = 'starting' | 'ending' | undefined;
 /**

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_progress from '@radix-ng/primitives/progress';
 
 type ProgressState = 'indeterminate' | 'complete' | 'progressing';
@@ -23,7 +24,7 @@ declare const progressRootContext: () => {
     indeterminateState: _angular_core.Signal<boolean>;
 };
 type RdxProgressRootContext = ReturnType<typeof progressRootContext>;
-declare const injectProgressRootContext: (optional?: boolean) => {
+declare const injectProgressRootContext: _radix_ng_primitives_core.InjectContext<{
     labelId: _angular_core.InputSignal<string>;
     valueId: _angular_core.InputSignal<string>;
     minState: _angular_core.Signal<number>;
@@ -35,7 +36,7 @@ declare const injectProgressRootContext: (optional?: boolean) => {
     completeState: _angular_core.Signal<boolean>;
     progressingState: _angular_core.Signal<boolean>;
     indeterminateState: _angular_core.Signal<boolean>;
-} | null;
+}>;
 declare const provideProgressRootContext: (useFactory: () => {
     labelId: _angular_core.InputSignal<string>;
     valueId: _angular_core.InputSignal<string>;

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

@@ -1,5 +1,6 @@
-import * as _angular_core from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { BooleanInput } from '@radix-ng/primitives/core';
+import * as _angular_core from '@angular/core';
 import * as _radix_ng_primitives_roving_focus from '@radix-ng/primitives/roving-focus';
 
 type Orientation = 'horizontal' | 'vertical';
@@ -18,7 +19,7 @@ declare const rootContext: () => {
     unregisterItem: (item: HTMLElement, tabStopId: string) => void;
 };
 type RovingFocusGroupContext = ReturnType<typeof rootContext>;
-declare const injectRovingFocusGroupContext: (optional?: boolean) => {
+declare const injectRovingFocusGroupContext: _radix_ng_primitives_core.InjectContext<{
     loop: _angular_core.Signal<boolean>;
     dir: _angular_core.Signal<Direction>;
     orientation: _angular_core.Signal<Orientation>;
@@ -28,7 +29,7 @@ declare const injectRovingFocusGroupContext: (optional?: boolean) => {
     onItemShiftTab: () => void;
     registerItem: (item: HTMLElement, tabStopId: string) => void;
     unregisterItem: (item: HTMLElement, tabStopId: string) => void;
-} | null;
+}>;
 declare const provideRovingFocusGroupContext: (useFactory: () => {
     loop: _angular_core.Signal<boolean>;
     dir: _angular_core.Signal<Direction>;

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

@@ -0,0 +1,253 @@
+import * as _angular_core from '@angular/core';
+import { Signal } from '@angular/core';
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
+import { Direction, BooleanInput } from '@radix-ng/primitives/core';
+import * as _radix_ng_primitives_scroll_area from '@radix-ng/primitives/scroll-area';
+
+type Size = {
+    width: number;
+    height: number;
+};
+type Coords = {
+    x: number;
+    y: number;
+};
+type OverflowEdges = {
+    xStart: boolean;
+    xEnd: boolean;
+    yStart: boolean;
+    yEnd: boolean;
+};
+type HiddenState = {
+    x: boolean;
+    y: boolean;
+    corner: boolean;
+};
+/** A minimal, React-`ref`-like mutable holder shared through context. */
+type MutableRef<T> = {
+    current: T | null;
+};
+type OverflowEdgeThreshold = number | Partial<{
+    xStart: number;
+    xEnd: number;
+    yStart: number;
+    yEnd: number;
+}>;
+interface ScrollAreaRootContext {
+    readonly rootId: string;
+    readonly direction: Signal<Direction>;
+    readonly overflowEdgeThreshold: Signal<{
+        xStart: number;
+        xEnd: number;
+        yStart: number;
+        yEnd: number;
+    }>;
+    readonly hovering: Signal<boolean>;
+    readonly scrollingX: Signal<boolean>;
+    readonly scrollingY: Signal<boolean>;
+    readonly touchModality: Signal<boolean>;
+    readonly hasMeasuredScrollbar: Signal<boolean>;
+    readonly cornerSize: Signal<Size>;
+    readonly thumbSize: Signal<Size>;
+    readonly hiddenState: Signal<HiddenState>;
+    readonly overflowEdges: Signal<OverflowEdges>;
+    readonly rootRef: MutableRef<HTMLElement>;
+    readonly viewportRef: MutableRef<HTMLElement>;
+    readonly scrollbarYRef: MutableRef<HTMLElement>;
+    readonly scrollbarXRef: MutableRef<HTMLElement>;
+    readonly thumbYRef: MutableRef<HTMLElement>;
+    readonly thumbXRef: MutableRef<HTMLElement>;
+    readonly cornerRef: MutableRef<HTMLElement>;
+    setHovering(value: boolean): void;
+    setHasMeasuredScrollbar(value: boolean): void;
+    setScrollingX(value: boolean): void;
+    setScrollingY(value: boolean): void;
+    setThumbSize(value: Size): void;
+    setCornerSize(value: Size): void;
+    setHiddenState(value: HiddenState): void;
+    setOverflowEdges(value: OverflowEdges): void;
+    handleScroll(position: Coords): void;
+    handlePointerDown(event: PointerEvent): void;
+    handlePointerMove(event: PointerEvent): void;
+    handlePointerUp(event: PointerEvent): void;
+}
+declare const injectScrollAreaRootContext: _radix_ng_primitives_core.InjectContext<ScrollAreaRootContext>;
+declare const provideScrollAreaRootContext: (useFactory: () => ScrollAreaRootContext) => _angular_core.Provider;
+/**
+ * Groups all parts of the scroll area.
+ * Renders a `<div>` element.
+ *
+ * @group Components
+ */
+declare class RdxScrollAreaRoot {
+    private readonly destroyRef;
+    readonly rootId: string;
+    /** Text direction of the scroll area. Affects horizontal (RTL) scroll math. */
+    readonly dir: _angular_core.InputSignal<Direction>;
+    readonly direction: Signal<Direction>;
+    /**
+     * The threshold in pixels that must be passed before the overflow edge attributes are applied.
+     * Accepts a single number for all edges or an object to configure them individually.
+     */
+    readonly overflowEdgeThreshold: _angular_core.InputSignal<OverflowEdgeThreshold>;
+    readonly normalizedThreshold: Signal<{
+        xStart: number;
+        xEnd: number;
+        yStart: number;
+        yEnd: number;
+    }>;
+    readonly hovering: _angular_core.WritableSignal<boolean>;
+    readonly scrollingX: _angular_core.WritableSignal<boolean>;
+    readonly scrollingY: _angular_core.WritableSignal<boolean>;
+    readonly touchModality: _angular_core.WritableSignal<boolean>;
+    readonly hasMeasuredScrollbar: _angular_core.WritableSignal<boolean>;
+    readonly cornerSize: _angular_core.WritableSignal<Size>;
+    readonly thumbSize: _angular_core.WritableSignal<Size>;
+    readonly hiddenState: _angular_core.WritableSignal<HiddenState>;
+    readonly overflowEdges: _angular_core.WritableSignal<OverflowEdges>;
+    readonly rootRef: MutableRef<HTMLElement>;
+    readonly viewportRef: MutableRef<HTMLElement>;
+    readonly scrollbarYRef: MutableRef<HTMLElement>;
+    readonly scrollbarXRef: MutableRef<HTMLElement>;
+    readonly thumbYRef: MutableRef<HTMLElement>;
+    readonly thumbXRef: MutableRef<HTMLElement>;
+    readonly cornerRef: MutableRef<HTMLElement>;
+    private thumbDragging;
+    private startY;
+    private startX;
+    private startScrollTop;
+    private startScrollLeft;
+    private currentOrientation;
+    private scrollPosition;
+    private scrollYTimer;
+    private scrollXTimer;
+    constructor();
+    setScrollingX(value: boolean): void;
+    setScrollingY(value: boolean): void;
+    setThumbSize(value: Size): void;
+    setCornerSize(value: Size): void;
+    setHiddenState(value: HiddenState): void;
+    setOverflowEdges(value: OverflowEdges): void;
+    handleScroll(scrollPosition: Coords): void;
+    handlePointerDown(event: PointerEvent): void;
+    handlePointerMove(event: PointerEvent): void;
+    handlePointerUp(event: PointerEvent): void;
+    onTouchModalityChange(event: PointerEvent): void;
+    onPointerEnterOrMove(event: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaRoot, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaRoot, "[rdxScrollAreaRoot]", ["rdxScrollAreaRoot"], { "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "overflowEdgeThreshold": { "alias": "overflowEdgeThreshold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface ScrollAreaViewportContext {
+    /** Re-measures the viewport and repositions the thumbs. Called by the content's ResizeObserver. */
+    computeThumbPosition(): void;
+}
+declare const injectScrollAreaViewportContext: _radix_ng_primitives_core.InjectContext<ScrollAreaViewportContext>;
+declare const provideScrollAreaViewportContext: (useFactory: () => ScrollAreaViewportContext) => _angular_core.Provider;
+/**
+ * The actual scrollable container of the scroll area.
+ * Renders a `<div>` element.
+ *
+ * @group Components
+ */
+declare class RdxScrollAreaViewport {
+    protected readonly rootContext: _radix_ng_primitives_scroll_area.ScrollAreaRootContext;
+    private readonly element;
+    private readonly destroyRef;
+    private readonly isBrowser;
+    private programmaticScroll;
+    private lastMeasuredMetrics;
+    private scrollEndTimer;
+    private animationsTimer;
+    constructor();
+    computeThumbPosition(): void;
+    onScroll(): void;
+    onUserInteraction(): void;
+    private observeViewport;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaViewport, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaViewport, "[rdxScrollAreaViewport]", ["rdxScrollAreaViewport"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * A container for the content of the scroll area.
+ * Renders a `<div>` element.
+ *
+ * @group Components
+ */
+declare class RdxScrollAreaContent {
+    protected readonly rootContext: _radix_ng_primitives_scroll_area.ScrollAreaRootContext;
+    private readonly viewportContext;
+    private readonly element;
+    private readonly destroyRef;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaContent, "[rdxScrollAreaContent]", ["rdxScrollAreaContent"], {}, {}, never, never, true, never>;
+}
+
+type ScrollbarOrientation = 'vertical' | 'horizontal';
+interface ScrollAreaScrollbarContext {
+    orientation: () => ScrollbarOrientation;
+}
+declare const injectScrollAreaScrollbarContext: _radix_ng_primitives_core.InjectContext<ScrollAreaScrollbarContext>;
+declare const provideScrollAreaScrollbarContext: (useFactory: () => ScrollAreaScrollbarContext) => _angular_core.Provider;
+/**
+ * A vertical or horizontal scrollbar for the scroll area.
+ * Renders a `<div>` element.
+ *
+ * @group Components
+ */
+declare class RdxScrollAreaScrollbar {
+    protected readonly rootContext: _radix_ng_primitives_scroll_area.ScrollAreaRootContext;
+    private readonly element;
+    /** Whether the scrollbar controls vertical or horizontal scroll. */
+    readonly orientation: _angular_core.InputSignal<ScrollbarOrientation>;
+    /** Whether to keep the element rendered when the viewport isn't scrollable. */
+    readonly keepMounted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly scrolling: _angular_core.Signal<boolean>;
+    private readonly isHidden;
+    protected readonly shouldRender: _angular_core.Signal<boolean>;
+    protected readonly hideTrackUntilMeasured: _angular_core.Signal<boolean>;
+    constructor();
+    onWheel(event: WheelEvent): void;
+    onPointerDown(event: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaScrollbar, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaScrollbar, "[rdxScrollAreaScrollbar]", ["rdxScrollAreaScrollbar"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * The draggable part of the scrollbar that indicates the current scroll position.
+ * Renders a `<div>` element.
+ *
+ * @group Components
+ */
+declare class RdxScrollAreaThumb {
+    protected readonly rootContext: _radix_ng_primitives_scroll_area.ScrollAreaRootContext;
+    protected readonly scrollbarContext: _radix_ng_primitives_scroll_area.ScrollAreaScrollbarContext;
+    private readonly element;
+    constructor();
+    endDrag(event: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaThumb, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaThumb, "[rdxScrollAreaThumb]", ["rdxScrollAreaThumb"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * A small rectangular area that appears at the intersection of horizontal and vertical scrollbars.
+ * Renders a `<div>` element.
+ *
+ * @group Components
+ */
+declare class RdxScrollAreaCorner {
+    protected readonly rootContext: _radix_ng_primitives_scroll_area.ScrollAreaRootContext;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaCorner, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaCorner, "[rdxScrollAreaCorner]", ["rdxScrollAreaCorner"], {}, {}, never, never, true, never>;
+}
+
+declare class RdxScrollAreaModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxScrollAreaModule, never, [typeof RdxScrollAreaRoot, typeof RdxScrollAreaViewport, typeof RdxScrollAreaContent, typeof RdxScrollAreaScrollbar, typeof RdxScrollAreaThumb, typeof RdxScrollAreaCorner], [typeof RdxScrollAreaRoot, typeof RdxScrollAreaViewport, typeof RdxScrollAreaContent, typeof RdxScrollAreaScrollbar, typeof RdxScrollAreaThumb, typeof RdxScrollAreaCorner]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxScrollAreaModule>;
+}
+
+export { RdxScrollAreaContent, RdxScrollAreaCorner, RdxScrollAreaModule, RdxScrollAreaRoot, RdxScrollAreaScrollbar, RdxScrollAreaThumb, RdxScrollAreaViewport, injectScrollAreaRootContext, injectScrollAreaScrollbarContext, injectScrollAreaViewportContext, provideScrollAreaRootContext, provideScrollAreaScrollbarContext, provideScrollAreaViewportContext };
+export type { Coords, HiddenState, MutableRef, OverflowEdgeThreshold, OverflowEdges, ScrollAreaRootContext, ScrollAreaScrollbarContext, ScrollAreaViewportContext, ScrollbarOrientation, Size };