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

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

@@ -1,5 +1,96 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Signal, Provider } from '@angular/core';
+import { Signal, Injector, InjectionToken, Provider } from '@angular/core';
+
+/**
+ * Operations the host directive supplies to {@link PresenceMachine}. The machine owns *when* the
+ * view is mounted/unmounted (the state transitions and exit-animation suspension); the host owns
+ * *how* — `RdxPresenceDirective` simply creates the embedded view in place, while `RdxPortalPresence`
+ * additionally relocates its root nodes into a portal container.
+ */
+interface PresenceMachineHost {
+    /** Reactive `present` flag driving the machine. */
+    readonly present: Signal<boolean>;
+    /** Whether we are running in a browser (animation/computed-style logic is skipped on the server). */
+    readonly isBrowser: boolean;
+    /** Injection context for the internal `effect` / `afterNextRender`. */
+    readonly injector: Injector;
+    /**
+     * Create (and, for the portal, relocate) the view. Returns the root `HTMLElement` nodes whose
+     * exit animations should suspend the unmount. For a single-root template this is one element —
+     * identical to the previous single-node behavior; dialog-shaped templates return backdrop + popup.
+     */
+    mountView(): HTMLElement[];
+    /** Destroy the view (Angular removes the nodes from wherever they currently live). */
+    destroyView(): void;
+}
+/**
+ * Reusable presence state machine extracted from `RdxPresenceDirective`. It keeps content mounted
+ * while a CSS exit animation runs anywhere inside the template — a `@keyframes` **or** a
+ * `transition` (`data-ending-style`), on a watched root **or any of its descendants** — and unmounts
+ * only once every exit animation started by the close has finished. With no exit animation it
+ * unmounts immediately. For a single watched node and a root-level keyframe this reduces exactly to
+ * the original `RdxPresenceDirective` behavior.
+ *
+ * Detection (ADR 0011) uses the Web Animations API: when `present()` flips `false` we snapshot a
+ * close timestamp, and after the next render collect `node.getAnimations({ subtree: true })`, keeping
+ * only animations that are running/pending and were *started by* the close (`startTime` null or
+ * `>= closeTimestamp`). The view stays mounted until all of their `finished` promises settle, bounded
+ * by a duration-based safety net. The legacy root-level computed-`animationName` check and the
+ * `animationstart`/`animationend` listeners are kept as an additional acceptor — they drive the
+ * zoneless jsdom suites (where `getAnimations` is absent) and cost nothing in a real browser.
+ */
+declare class PresenceMachine {
+    private readonly host;
+    private state;
+    private prevPresent;
+    /** Root nodes currently watched for exit animations (set on mount). */
+    private nodes;
+    /** Last-seen computed `animationName` per node, used to detect a *fresh* root exit animation. */
+    private readonly prevAnimationNames;
+    /** Root nodes whose exit animation the event path is still waiting on (jsdom / root-keyframe). */
+    private readonly pendingExits;
+    private removeListeners;
+    /**
+     * Timeline time captured the moment `present` flipped `false`, on the same clock as
+     * `Animation.startTime`. Animations started at or after it are the exit animations.
+     */
+    private closeTimestamp;
+    /**
+     * Monotonic counter bumped on every mount/unmount transition. A suspended exit captures it and
+     * its `finished`/safety-net resolution is ignored if it changed in the meantime (re-open or a
+     * second close), so a stale promise can never tear down a freshly-reopened view.
+     */
+    private exitVersion;
+    /** True while a WAAPI `finished`-promise wait owns completion; gates the event path off. */
+    private waapiPending;
+    private safetyTimer;
+    constructor(host: PresenceMachineHost);
+    /** Tear the machine down — destroys the view. Call from the host's `DestroyRef`. */
+    dispose(): void;
+    /** Decides whether to suspend the unmount for an exit animation (port of Radix' logic). */
+    private evaluateExit;
+    /**
+     * Running/pending animations across the watched subtrees that were *started by* the close.
+     * Pre-existing animations (an infinite spinner, a settled enter) have an earlier `startTime`
+     * and must not delay the unmount.
+     */
+    private collectExitAnimations;
+    /**
+     * Force-completes the exit shortly after the longest declared duration, in case a `finished`
+     * promise never settles. Measures the animated targets (falling back to the roots).
+     */
+    private armSafetyNet;
+    /** Settle a WAAPI/safety-net exit wait, ignoring it if a newer mount/unmount superseded it. */
+    private finishExit;
+    private clearSafetyNet;
+    private send;
+    private mount;
+    private unmount;
+    private addAnimationListeners;
+    private getAnimationName;
+    /** Current timeline time on the same clock as `Animation.startTime` (ms), or 0 if unavailable. */
+    private now;
+}
 
 /**
  * Context interface for RdxPresence directive
@@ -25,31 +116,21 @@ declare function provideRdxPresenceContext(contextFactory: () => RdxPresenceCont
  * Unlike a plain `*ngIf`, it keeps the content mounted while a CSS exit animation
  * (`@keyframes` applied for the closed state) is running, and unmounts it only once that
  * animation finishes. If the content has no exit animation, it unmounts immediately.
+ *
+ * The mount/unmount-with-exit logic lives in the shared {@link PresenceMachine}; this directive just
+ * creates the embedded view in place (`RdxPortalPresence` reuses the same machine and additionally
+ * relocates the view into a portal container).
  */
 declare class RdxPresenceDirective {
-    private readonly context;
     private readonly viewContainerRef;
     private readonly templateRef;
-    private readonly injector;
-    private readonly isBrowser;
     private viewRef;
-    private node;
-    private removeListeners;
-    private state;
-    private prevPresent;
-    private prevAnimationName;
     constructor();
-    /** Decides whether to suspend the unmount for an exit animation (port of Radix' logic). */
-    private evaluateExit;
-    private send;
     private mountView;
     private destroyView;
-    private addAnimationListeners;
-    private getComputedStyles;
-    private getAnimationName;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxPresenceDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPresenceDirective, never, never, {}, {}, never, never, true, never>;
 }
 
-export { RDX_PRESENCE_CONTEXT, RdxPresenceDirective, provideRdxPresenceContext };
-export type { RdxPresenceContext };
+export { PresenceMachine, RDX_PRESENCE_CONTEXT, RdxPresenceDirective, provideRdxPresenceContext };
+export type { PresenceMachineHost, RdxPresenceContext };

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

@@ -1,21 +1,35 @@
 import * as _angular_core from '@angular/core';
 import { Signal, ElementRef } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/presence';
+import * as i1 from '@radix-ng/primitives/portal';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, NumberInput } from '@radix-ng/primitives/core';
+import { RdxFloatingRootContext, BooleanInput, RdxCancelableChangeEventDetails, NumberInput } from '@radix-ng/primitives/core';
 import * as i1$1 from '@radix-ng/primitives/popper';
-import { RdxPopperContentWrapper, RdxPopperAnchorElement } from '@radix-ng/primitives/popper';
+import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_preview_card from '@radix-ng/primitives/preview-card';
-import * as i1$2 from '@radix-ng/primitives/portal';
-import { RdxPortalContainer } from '@radix-ng/primitives/portal';
-import * as i2 from '@radix-ng/primitives/dismissable-layer';
+import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
 
 /**
- * Mounts the portal while the preview-card is open and waits for CSS exit keyframes before unmounting.
+ * Structural directive that teleports the preview-card content into a container (default
+ * `document.body`) while the card is open, and keeps it mounted until any CSS exit `@keyframes`
+ * finishes.
+ *
+ * Apply it with the `*` microsyntax on the positioner —
+ * `<div *rdxPreviewCardPortal rdxPreviewCardPositioner>` — or as an explicit
+ * `<ng-template rdxPreviewCardPortal>`. For a custom container use the explicit form with `[container]`.
  */
-declare class RdxPreviewCardPortalPresence {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPreviewCardPortalPresence, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPortalPresence, "ng-template[rdxPreviewCardPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
+declare class RdxPreviewCardPortal {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPreviewCardPortal, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPortal, "ng-template[rdxPreviewCardPortal]", ["rdxPreviewCardPortal"], {}, {}, never, never, true, [{ directive: typeof i1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
+}
+/**
+ * Dev-mode guard: `rdxPreviewCardPortal` used to be an attribute directive on a `<div>`. It is now
+ * structural, so the old `<div rdxPreviewCardPortal>` markup would silently stop portaling — fail
+ * loudly instead.
+ */
+declare class RdxPreviewCardPortalMisuseGuard {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPreviewCardPortalMisuseGuard, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPortalMisuseGuard, "[rdxPreviewCardPortal]:not(ng-template)", never, {}, {}, never, never, true, never>;
 }
 
 declare class RdxPreviewCardHandle<Payload = unknown> {
@@ -33,16 +47,19 @@ declare class RdxPreviewCardHandle<Payload = unknown> {
 declare function createRdxPreviewCardHandle<Payload = unknown>(): RdxPreviewCardHandle<Payload>;
 
 type RdxPreviewCardOpenChangeReason = 'trigger-hover' | 'trigger-focus' | 'trigger-press' | 'outside-press' | 'escape-key' | 'imperative-action' | 'none';
+type RdxPreviewCardOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxPreviewCardOpenChangeReason>;
 interface RdxPreviewCardOpenChange {
     open: boolean;
     triggerId: string | null;
     trigger: HTMLElement | undefined;
     reason: RdxPreviewCardOpenChangeReason;
     event: Event;
+    eventDetails: RdxPreviewCardOpenChangeEventDetails;
 }
 interface RdxPreviewCardRootContext {
     contentId: string;
     isOpen: Signal<boolean>;
+    present: Signal<boolean>;
     trigger: Signal<HTMLElement | undefined>;
     triggers: Signal<HTMLElement[]>;
     isHoverActive: Signal<boolean>;
@@ -73,6 +90,12 @@ type RdxPreviewCardTransitionStatus = 'starting' | 'ending' | undefined;
 declare class RdxPreviewCardRoot {
     private readonly popper;
     private readonly destroyRef;
+    /**
+     * Per-popup floating root context (ADR 0015) — the shared store the popup's dismissal capability
+     * reads (`open`, `triggers`, the reference/floating elements). The tree node is registered by the
+     * popup; this context exists independently so dismissal can read `open()`.
+     */
+    readonly floatingContext: RdxFloatingRootContext;
     /** Shared open/close transition state machine (completes on the real animationend). */
     private readonly transition;
     private hasAppliedDefaultOpen;
@@ -111,11 +134,13 @@ declare class RdxPreviewCardRoot {
     readonly triggers: _angular_core.WritableSignal<HTMLElement[]>;
     readonly payload: _angular_core.WritableSignal<unknown>;
     readonly isPointerDownOnTrigger: _angular_core.WritableSignal<boolean>;
+    private readonly preventUnmountOnClose;
     readonly onOpenChange: _angular_core.OutputEmitterRef<RdxPreviewCardOpenChange>;
     readonly onOpenChangeComplete: _angular_core.OutputEmitterRef<boolean>;
     private readonly registeredTriggers;
     private readonly viewportTriggerChange;
     readonly state: Signal<"open" | "closed">;
+    readonly present: Signal<boolean>;
     constructor();
     show(trigger?: HTMLElement | undefined, payload?: unknown, triggerId?: string, reason?: RdxPreviewCardOpenChangeReason, event?: Event, fromHover?: boolean): void;
     close(reason?: RdxPreviewCardOpenChangeReason, event?: Event): void;
@@ -129,7 +154,7 @@ declare class RdxPreviewCardRoot {
     registerViewport(onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void): () => boolean;
     registerTransitionElement(element: HTMLElement): () => void;
     private syncTriggerId;
-    private emitOpenChange;
+    private createOpenChangeEvent;
     private clearHoverTimers;
     private clearOpenTimer;
     private clearCloseTimer;
@@ -185,19 +210,6 @@ declare class RdxPreviewCardTrigger {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardTrigger, "[rdxPreviewCardTrigger]", never, { "handle": { "alias": "handle"; "required": false; "isSignal": true; }; "payload": { "alias": "payload"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperAnchor; inputs: {}; outputs: {}; }]>;
 }
 
-/**
- * Moves the preview-card to a different part of the DOM.
- */
-declare class RdxPreviewCardPortal {
-    protected readonly rootContext: _radix_ng_primitives_preview_card.RdxPreviewCardRootContext;
-    /**
-     * Optional container to portal the content into. Defaults to `document.body`.
-     */
-    readonly container: _angular_core.InputSignal<RdxPortalContainer | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPreviewCardPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPortal, "[rdxPreviewCardPortal]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
-}
-
 /**
  * An optional backdrop rendered behind the popup.
  */
@@ -209,104 +221,60 @@ declare class RdxPreviewCardBackdrop {
 
 /**
  * Positions the preview-card against its trigger.
+ *
+ * A "thin" positioner (ADR 0012): it inherits the popper positioning surface (inputs, `placed`
+ * output, unified vars + placement attrs) from {@link RdxPopperContentWrapper} and adds preview-card's
+ * own concerns — Base UI-aligned defaults via the config provider, the open/closed/instant state
+ * attributes, the deprecated `--radix-preview-card-*` aliases, and the grace-area hover bridge.
  */
-declare class RdxPreviewCardPositioner {
+declare class RdxPreviewCardPositioner extends RdxPopperContentWrapper {
     protected readonly rootContext: _radix_ng_primitives_preview_card.RdxPreviewCardRootContext;
-    protected readonly wrapper: RdxPopperContentWrapper;
-    private readonly elementRef;
+    protected readonly legacyVars: Record<string, string>;
+    private readonly containerRef;
     private readonly triggerEl;
     private readonly containerEl;
     private readonly graceArea;
-    /**
-     * An element to position the popup against. Defaults to the trigger.
-     */
-    readonly anchor: _angular_core.InputSignal<RdxPopperAnchorElement>;
-    /**
-     * The preferred side of the trigger to render against when open.
-     */
-    readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
-    /**
-     * Distance between the trigger and the popup in pixels.
-     */
-    readonly sideOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * How to align the popup relative to the specified side.
-     */
-    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
-    /**
-     * An offset in pixels from the `start` or `end` alignment options.
-     */
-    readonly alignOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * Minimum distance to maintain between the arrow and the edges of the popup.
-     */
-    readonly arrowPadding: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * Whether to override side and alignment preferences to prevent collisions.
-     */
-    readonly avoidCollisions: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The element used as the collision boundary.
-     */
-    readonly collisionBoundary: _angular_core.InputSignal<ElementRef<HTMLElement> | ElementRef<HTMLElement>[] | undefined>;
-    /**
-     * Distance in pixels from the boundary edges where collision detection should occur.
-     */
-    readonly collisionPadding: _angular_core.InputSignal<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
-    /**
-     * The sticky behavior on the alignment axis.
-     */
-    readonly sticky: _angular_core.InputSignal<"always" | "partial">;
-    /**
-     * Whether to hide the popup when the trigger becomes fully occluded.
-     */
-    readonly hideWhenDetached: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The CSS position strategy used by Floating UI.
-     */
-    readonly positionStrategy: _angular_core.InputSignal<"fixed" | "absolute">;
-    /**
-     * Whether to update position on every animation frame.
-     */
-    readonly updatePositionStrategy: _angular_core.InputSignal<"always" | "optimized">;
-    /**
-     * Emits when the popup has been placed.
-     */
-    readonly placed: _angular_core.OutputRef<void>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPreviewCardPositioner, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPositioner, "[rdxPreviewCardPositioner]", never, { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; "isSignal": true; }; "avoidCollisions": { "alias": "avoidCollisions"; "required": false; "isSignal": true; }; "collisionBoundary": { "alias": "collisionBoundary"; "required": false; "isSignal": true; }; "collisionPadding": { "alias": "collisionPadding"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "hideWhenDetached": { "alias": "hideWhenDetached"; "required": false; "isSignal": true; }; "positionStrategy": { "alias": "positionStrategy"; "required": false; "isSignal": true; }; "updatePositionStrategy": { "alias": "updatePositionStrategy"; "required": false; "isSignal": true; }; }, { "placed": "placed"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContentWrapper; inputs: { "anchor": "anchor"; "side": "side"; "sideOffset": "sideOffset"; "align": "align"; "alignOffset": "alignOffset"; "arrowPadding": "arrowPadding"; "avoidCollisions": "avoidCollisions"; "collisionBoundary": "collisionBoundary"; "collisionPadding": "collisionPadding"; "sticky": "sticky"; "hideWhenDetached": "hideWhenDetached"; "positionStrategy": "positionStrategy"; "updatePositionStrategy": "updatePositionStrategy"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPositioner, "[rdxPreviewCardPositioner]", never, {}, {}, never, never, true, never>;
 }
 
 /**
  * A container for the preview-card contents.
+ *
+ * **ADR 0015 migration** onto the new floating dismissal engine (dismissal-only — a preview-card has
+ * no focus manager, ADR 0017 §1). Escape, an outside press, and a focus-out all close it (the legacy's
+ * trigger-press preventDefault is now automatic: the trigger is the registered reference, so a press on
+ * it is "inside" and never fires `pointerDownOutside`). A focus-out while a pointer is held on the
+ * trigger is still vetoed.
  */
 declare class RdxPreviewCardPopup {
     protected readonly rootContext: _radix_ng_primitives_preview_card.RdxPreviewCardRootContext;
-    private readonly dismissableLayer;
+    private readonly host;
+    private readonly floatingContext;
+    private readonly registration;
     private readonly wrapper;
     protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
     protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
-    private dismissDetails;
     /**
      * Event handler called when the escape key is down. Can be prevented.
      */
-    readonly escapeKeyDown: _angular_core.OutputRef<KeyboardEvent>;
+    readonly escapeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
     /**
      * Event handler called when a pointerdown event happens outside of the popup. Can be prevented.
      */
-    readonly pointerDownOutside: _angular_core.OutputRef<PointerEvent>;
+    readonly pointerDownOutside: _angular_core.OutputEmitterRef<RdxOutsidePressDomEvent>;
     /**
      * Event handler called when focus moves outside of the popup. Can be prevented.
      */
-    readonly focusOutside: _angular_core.OutputRef<FocusEvent>;
+    readonly focusOutside: _angular_core.OutputEmitterRef<FocusEvent>;
     /**
      * Event handler called when an interaction happens outside of the popup. Can be prevented.
      */
-    readonly interactOutside: _angular_core.OutputRef<PointerEvent | FocusEvent>;
+    readonly interactOutside: _angular_core.OutputEmitterRef<RdxOutsidePressDomEvent | FocusEvent>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPreviewCardPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPopup, "[rdxPreviewCardPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxDismissableLayer; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardPopup, "[rdxPreviewCardPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -348,12 +316,12 @@ declare class RdxPreviewCardViewport {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPreviewCardViewport, "[rdxPreviewCardViewport]", never, {}, {}, never, never, true, never>;
 }
 
-declare const previewCardImports: (typeof RdxPreviewCardPortalPresence)[];
+declare const previewCardImports: (typeof RdxPreviewCardPortal)[];
 declare class RdxPreviewCardModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPreviewCardModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxPreviewCardModule, never, [typeof RdxPreviewCardRoot, typeof RdxPreviewCardTrigger, typeof RdxPreviewCardPortalPresence, typeof RdxPreviewCardPortal, typeof RdxPreviewCardBackdrop, typeof RdxPreviewCardPositioner, typeof RdxPreviewCardPopup, typeof RdxPreviewCardArrow, typeof RdxPreviewCardViewport], [typeof RdxPreviewCardRoot, typeof RdxPreviewCardTrigger, typeof RdxPreviewCardPortalPresence, typeof RdxPreviewCardPortal, typeof RdxPreviewCardBackdrop, typeof RdxPreviewCardPositioner, typeof RdxPreviewCardPopup, typeof RdxPreviewCardArrow, typeof RdxPreviewCardViewport]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxPreviewCardModule, never, [typeof RdxPreviewCardRoot, typeof RdxPreviewCardTrigger, typeof RdxPreviewCardPortal, typeof RdxPreviewCardPortalMisuseGuard, typeof RdxPreviewCardBackdrop, typeof RdxPreviewCardPositioner, typeof RdxPreviewCardPopup, typeof RdxPreviewCardArrow, typeof RdxPreviewCardViewport], [typeof RdxPreviewCardRoot, typeof RdxPreviewCardTrigger, typeof RdxPreviewCardPortal, typeof RdxPreviewCardPortalMisuseGuard, typeof RdxPreviewCardBackdrop, typeof RdxPreviewCardPositioner, typeof RdxPreviewCardPopup, typeof RdxPreviewCardArrow, typeof RdxPreviewCardViewport]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxPreviewCardModule>;
 }
 
-export { RdxPreviewCardArrow, RdxPreviewCardBackdrop, RdxPreviewCardHandle, RdxPreviewCardModule, RdxPreviewCardPopup, RdxPreviewCardPortal, RdxPreviewCardPortalPresence, RdxPreviewCardPositioner, RdxPreviewCardRoot, RdxPreviewCardTrigger, RdxPreviewCardViewport, createRdxPreviewCardHandle, injectRdxPreviewCardRootContext, previewCardImports, provideRdxPreviewCardRootContext };
-export type { RdxPreviewCardOpenChange, RdxPreviewCardOpenChangeReason, RdxPreviewCardRootContext, RdxPreviewCardTransitionStatus };
+export { RdxPreviewCardArrow, RdxPreviewCardBackdrop, RdxPreviewCardHandle, RdxPreviewCardModule, RdxPreviewCardPopup, RdxPreviewCardPortal, RdxPreviewCardPortalMisuseGuard, RdxPreviewCardPositioner, RdxPreviewCardRoot, RdxPreviewCardTrigger, RdxPreviewCardViewport, createRdxPreviewCardHandle, injectRdxPreviewCardRootContext, previewCardImports, provideRdxPreviewCardRootContext };
+export type { RdxPreviewCardOpenChange, RdxPreviewCardOpenChangeEventDetails, RdxPreviewCardOpenChangeReason, RdxPreviewCardRootContext, RdxPreviewCardTransitionStatus };

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

@@ -9,7 +9,7 @@ declare function focusFirst(candidates: HTMLElement[], preventScroll?: boolean,
 
 declare const rootContext: () => {
     loop: _angular_core.Signal<boolean>;
-    dir: _angular_core.Signal<Direction>;
+    dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     orientation: _angular_core.Signal<Orientation>;
     currentTabStopId: _angular_core.ModelSignal<string | undefined>;
     focusableItems: _angular_core.WritableSignal<HTMLElement[]>;
@@ -21,7 +21,7 @@ declare const rootContext: () => {
 type RovingFocusGroupContext = ReturnType<typeof rootContext>;
 declare const injectRovingFocusGroupContext: _radix_ng_primitives_core.InjectContext<{
     loop: _angular_core.Signal<boolean>;
-    dir: _angular_core.Signal<Direction>;
+    dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     orientation: _angular_core.Signal<Orientation>;
     currentTabStopId: _angular_core.ModelSignal<string | undefined>;
     focusableItems: _angular_core.WritableSignal<HTMLElement[]>;
@@ -32,7 +32,7 @@ declare const injectRovingFocusGroupContext: _radix_ng_primitives_core.InjectCon
 }>;
 declare const provideRovingFocusGroupContext: (useFactory: () => {
     loop: _angular_core.Signal<boolean>;
-    dir: _angular_core.Signal<Direction>;
+    dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     orientation: _angular_core.Signal<Orientation>;
     currentTabStopId: _angular_core.ModelSignal<string | undefined>;
     focusableItems: _angular_core.WritableSignal<HTMLElement[]>;
@@ -55,7 +55,8 @@ declare class RdxRovingFocusGroupDirective {
     /**
      * The direction of navigation between items.
      */
-    readonly dirInput: _angular_core.InputSignal<Direction>;
+    readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
+    private readonly effectiveDir;
     /**
      * Whether keyboard navigation should loop around
      */
@@ -85,7 +86,7 @@ declare class RdxRovingFocusGroupDirective {
     private readonly _orientation;
     readonly orientation: _angular_core.Signal<Orientation>;
     private readonly _dir;
-    readonly dir: _angular_core.Signal<Direction>;
+    readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     private readonly _loop;
     readonly loop: _angular_core.Signal<boolean>;
     readonly focusableItems: _angular_core.WritableSignal<HTMLElement[]>;
@@ -121,7 +122,7 @@ declare class RdxRovingFocusItemDirective {
      */
     protected readonly rootContext: {
         loop: _angular_core.Signal<boolean>;
-        dir: _angular_core.Signal<_radix_ng_primitives_roving_focus.Direction>;
+        dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
         orientation: _angular_core.Signal<_radix_ng_primitives_roving_focus.Orientation>;
         currentTabStopId: _angular_core.ModelSignal<string | undefined>;
         focusableItems: _angular_core.WritableSignal<HTMLElement[]>;

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

@@ -83,7 +83,7 @@ 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 dirInput: _angular_core.InputSignal<Direction | undefined>;
     readonly direction: Signal<Direction>;
     /**
      * The threshold in pixels that must be passed before the overflow edge attributes are applied.
@@ -135,7 +135,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"], { "dir": { "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; }; }, {}, never, never, true, never>;
 }
 
 interface ScrollAreaViewportContext {