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

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

@@ -22,7 +22,8 @@ declare class RdxTimeFieldRootDirective {
      * The locale to use for formatting dates.
      */
     readonly locale: _angular_core.InputSignal<string>;
-    readonly dir: _angular_core.InputSignal<Direction>;
+    readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
+    readonly dir: Signal<Direction>;
     /**
      * The minimum valid date that can be entered.
      */
@@ -138,7 +139,7 @@ declare class RdxTimeFieldRootDirective {
      */
     setFocusedElement(el: HTMLElement): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTimeFieldRootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTimeFieldRootDirective, "[rdxTimeFieldRoot]", ["rdxTimeFieldRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "hourCycle": { "alias": "hourCycle"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "hideTimeZone": { "alias": "hideTimeZone"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "placeholder": "placeholderChange"; }, ["segmentInputs"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTimeFieldRootDirective, "[rdxTimeFieldRoot]", ["rdxTimeFieldRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "hourCycle": { "alias": "hourCycle"; "required": false; "isSignal": true; }; "granularity": { "alias": "granularity"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "hideTimeZone": { "alias": "hideTimeZone"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "placeholder": "placeholderChange"; }, ["segmentInputs"], never, true, never>;
 }
 
 declare class RdxTimeFieldInputDirective {

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

@@ -207,16 +207,16 @@ declare class RdxToastViewport {
 
 /**
  * Positions an anchored toast against an element — the Angular counterpart of `<Toast.Positioner>`.
- * Composes the popper machinery so a toast can point at a trigger instead of living in the stack.
  *
- * Bind `anchor` (and optionally `side`/`align`/offsets) — typically from a toast's `positionerProps`.
- * It hosts its own `RdxPopper` so it is self-contained (no surrounding `rdxPopperRoot` needed), and
- * mirrors the popper measurements as friendlier CSS variables plus `data-side` / `data-align`.
+ * A "thin" positioner (ADR 0012): it inherits the popper positioning surface (inputs, `placed`
+ * output, unified vars + placement attrs) from {@link RdxPopperContentWrapper}. Bind `anchor` (and
+ * optionally `side`/`align`/offsets) — typically from a toast's `positionerProps`. It also composes
+ * its own {@link RdxPopper} so it is self-contained (no surrounding `rdxPopperRoot` needed), and
+ * mirrors the anchor width / transform origin as friendlier `--toast-*` CSS variables.
  */
-declare class RdxToastPositioner {
-    protected readonly wrapper: RdxPopperContentWrapper;
+declare class RdxToastPositioner extends RdxPopperContentWrapper {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxToastPositioner, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToastPositioner, "[rdxToastPositioner]", ["rdxToastPositioner"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }, { 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: i0.ɵɵDirectiveDeclaration<RdxToastPositioner, "[rdxToastPositioner]", ["rdxToastPositioner"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
 }
 
 /** Direction a swipe travels to dismiss a toast. */

package/types/radix-ng-primitives-toggle-group.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 { DataOrientation, BooleanInput } from '@radix-ng/primitives/core';
+import * as _angular_core from '@angular/core';
+import { Signal } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/roving-focus';
 import { Direction } from '@radix-ng/primitives/roving-focus';
 import { ControlValueAccessor } from '@angular/forms';
@@ -89,7 +89,8 @@ declare abstract class RdxToggleGroupBase implements ControlValueAccessor {
  */
 declare class RdxToggleGroup extends RdxToggleGroupBase {
     /** Text direction for arrow-key navigation. */
-    readonly dir: _angular_core.InputSignal<Direction>;
+    readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
+    readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     /**
      * Whether keyboard navigation should loop from the last item back to the first.
      *
@@ -99,7 +100,7 @@ declare class RdxToggleGroup extends RdxToggleGroupBase {
     private readonly rovingFocusGroup;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleGroup, "[rdxToggleGroup]", ["rdxToggleGroup"], { "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleGroup, "[rdxToggleGroup]", ["rdxToggleGroup"], { "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**

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

@@ -31,7 +31,8 @@ declare class RdxToolbarRoot {
      */
     readonly orientation: _angular_core.InputSignal<DataOrientation>;
     /** Text direction for arrow-key navigation. */
-    readonly dir: _angular_core.InputSignal<Direction>;
+    readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
+    readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
     /**
      * Whether keyboard navigation should loop from the last item back to the first.
      *
@@ -47,7 +48,7 @@ declare class RdxToolbarRoot {
     private readonly rovingFocusGroup;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarRoot, "[rdxToolbarRoot]", ["rdxToolbarRoot"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarRoot, "[rdxToolbarRoot]", ["rdxToolbarRoot"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**

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

@@ -2,11 +2,11 @@ import * as _angular_core from '@angular/core';
 import { InjectionToken, Provider, 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 { BooleanInput, NumberInput } from '@radix-ng/primitives/core';
+import { RdxFloatingRootContext, BooleanInput, 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_tooltip from '@radix-ng/primitives/tooltip';
-import * as i1$2 from '@radix-ng/primitives/dismissable-layer';
+import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
 
 /**
  * Structural directive that teleports the tooltip content into a container (default `document.body`)
@@ -109,6 +109,12 @@ declare class RdxTooltip {
     private readonly popper;
     private readonly destroyRef;
     private hasAppliedDefaultOpen;
+    /**
+     * Per-popup floating root context (ADR 0015) — the shared store the positioner's dismissal
+     * capability reads (`open`, `triggers`, the reference/floating elements). The tree node is
+     * registered by the positioner; this context exists independently so dismissal can read `open()`.
+     */
+    readonly floatingContext: RdxFloatingRootContext;
     /**
      * Whether the tooltip is currently open.
      */
@@ -216,84 +222,35 @@ declare class RdxTooltipPopup {
 
 /**
  * Positions the tooltip popup against its trigger (or a custom anchor).
+ *
+ * A "thin" positioner (ADR 0012): it inherits the popper positioning surface (inputs, `placed`
+ * output, unified vars + placement attrs) from {@link RdxPopperContentWrapper} and adds tooltip's own
+ * concerns — Base UI-aligned defaults (`side: 'top'`) via the config provider, dismiss handling
+ * (ADR 0015 — inline {@link RdxDismiss} on the shared floating tree, dismissal-only with
+ * no focus manager), the cursor-follow pointer-through behavior (via the inherited `nonInteractive`
+ * signal), the open/closed state attributes, and the hover grace area.
  */
-declare class RdxTooltipPositioner {
+declare class RdxTooltipPositioner extends RdxPopperContentWrapper {
     protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
-    protected readonly wrapper: RdxPopperContentWrapper;
     private readonly destroyRef;
-    private readonly dismissableLayer;
-    private readonly elementRef;
-    /**
-     * An element to position the popup against. Defaults to the trigger.
-     */
-    readonly anchor: _angular_core.InputSignal<RdxPopperAnchorElement>;
-    /**
-     * The preferred side of the anchor to render against when open.
-     */
-    readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
-    /**
-     * The distance in pixels from the anchor.
-     */
-    readonly sideOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * The preferred alignment against the anchor.
-     */
-    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>;
-    /**
-     * The padding between the arrow and the edges of the content.
-     */
-    readonly arrowPadding: _angular_core.InputSignalWithTransform<number, NumberInput>;
-    /**
-     * When `true`, overrides the `side` and `align` preferences to prevent collisions with boundary edges.
-     */
-    readonly avoidCollisions: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The element used as the collision boundary.
-     */
-    readonly collisionBoundary: _angular_core.InputSignal<ElementRef<HTMLElement> | ElementRef<HTMLElement>[] | undefined>;
-    /**
-     * The 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 `align` axis.
-     */
-    readonly sticky: _angular_core.InputSignal<"partial" | "always">;
-    /**
-     * Whether to hide the content 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 the position of the floating element on every animation frame if required.
-     */
-    readonly updatePositionStrategy: _angular_core.InputSignal<"always" | "optimized">;
-    /**
-     * Emits when the element is placed.
-     */
-    readonly placed: _angular_core.OutputRef<void>;
+    private readonly floatingContext;
+    private readonly registration;
+    private readonly containerRef;
     /**
      * 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 `DismissableLayer`. Can be prevented.
+     * 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>;
     private readonly triggerEl;
     private readonly containerEl;
     private readonly graceArea;
     private readonly afterNextRender;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPositioner, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPositioner, "[rdxTooltipPositioner]", 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"; "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof i1$2.RdxDismissableLayer; inputs: {}; outputs: {}; }, { 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<RdxTooltipPositioner, "[rdxTooltipPositioner]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }]>;
 }
 
 type TooltipInstantController = {