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

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

@@ -2,13 +2,13 @@ import * as _angular_core from '@angular/core';
 import { Signal, ElementRef } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { AcceptableValue, Direction, ItemValueComparator, BooleanInput } from '@radix-ng/primitives/core';
+import { AcceptableValue, Direction, BooleanInput, ItemValueComparator } from '@radix-ng/primitives/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _radix_ng_primitives_combobox from '@radix-ng/primitives/combobox';
 import * as i1$1 from '@radix-ng/primitives/dismissable-layer';
 import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
 import * as i1$2 from '@radix-ng/primitives/portal';
-import * as i1$3 from '@radix-ng/primitives/presence';
+import { RdxPortalContainer } from '@radix-ng/primitives/portal';
 
 /**
  * Optional positioning anchor for the popup. Put it on the element the popup should align to — for
@@ -98,6 +98,8 @@ declare const context: () => {
     highlightIndex: (index: number, reason: ComboboxHighlightReason) => void;
     setHighlight: (item: ComboboxItemRef, reason: ComboboxHighlightReason) => void;
     clearHighlight: () => void;
+    highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
     inputElement: Signal<HTMLInputElement | null>;
     setInputElement: (el: HTMLInputElement | null) => void;
     registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -157,6 +159,8 @@ declare const injectComboboxRootContext: _radix_ng_primitives_core.InjectContext
     highlightIndex: (index: number, reason: ComboboxHighlightReason) => void;
     setHighlight: (item: ComboboxItemRef, reason: ComboboxHighlightReason) => void;
     clearHighlight: () => void;
+    highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
     inputElement: Signal<HTMLInputElement | null>;
     setInputElement: (el: HTMLInputElement | null) => void;
     registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -215,6 +219,8 @@ declare const provideComboboxRootContext: (useFactory: () => {
     highlightIndex: (index: number, reason: ComboboxHighlightReason) => void;
     setHighlight: (item: ComboboxItemRef, reason: ComboboxHighlightReason) => void;
     clearHighlight: () => void;
+    highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
     inputElement: Signal<HTMLInputElement | null>;
     setInputElement: (el: HTMLInputElement | null) => void;
     registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -280,12 +286,24 @@ declare class RdxComboboxRoot implements ControlValueAccessor {
     /**
      * Auto-highlight behavior:
      * - `false` (default): never auto-highlight;
-     * - `true` / `'input-change'`: highlight the first match as the query changes;
+     * - `true` (also the bare `autoHighlight` attribute) / `'input-change'`: highlight the first match as the query changes;
      * - `'always'`: keep the first navigable item highlighted whenever the popup is open.
      */
-    readonly autoHighlight: _angular_core.InputSignal<boolean | "always" | "input-change">;
+    readonly autoHighlight: _angular_core.InputSignalWithTransform<boolean | "always" | "input-change", BooleanInput>;
     /** Resolved auto-highlight mode. */
     readonly autoHighlightMode: Signal<"always" | "input-change" | "off">;
+    /**
+     * Whether moving the pointer over an item highlights it. `true` (default) paints `data-highlighted`
+     * on hover; `false` suppresses hover-driven highlight entirely, letting CSS `:hover` stay distinct
+     * from the `data-highlighted` (keyboard) state. Clicking an item still selects it.
+     */
+    readonly highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether a pointer-driven highlight is kept when the cursor leaves the list. `false` (default)
+     * clears the highlight on pointer-leave; `true` retains the last hovered item highlighted. Keyboard
+     * navigation and auto-highlight are unaffected.
+     */
+    readonly keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether clicking the input opens the popup. */
     readonly openOnInputClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the popup is modal: locks page scroll and makes outside content inert while open. */
@@ -447,7 +465,7 @@ declare class RdxComboboxRoot implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxComboboxRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxRoot, "[rdxComboboxRoot]", ["rdxComboboxRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "inputValue": { "alias": "inputValue"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "fillInputOnItemPress": { "alias": "fillInputOnItemPress"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "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; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "openOnInputClick": { "alias": "openOnInputClick"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "submitOnItemClick": { "alias": "submitOnItemClick"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "virtualized": { "alias": "virtualized"; "required": false; "isSignal": true; }; "by": { "alias": "by"; "required": false; "isSignal": true; }; "itemToStringLabel": { "alias": "itemToStringLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "inputValue": "inputValueChange"; "open": "openChange"; "onValueChange": "onValueChange"; "onInputValueChange": "onInputValueChange"; "onOpenChange": "onOpenChange"; "onItemHighlighted": "onItemHighlighted"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1.RdxPopper; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxRoot, "[rdxComboboxRoot]", ["rdxComboboxRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "inputValue": { "alias": "inputValue"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "fillInputOnItemPress": { "alias": "fillInputOnItemPress"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "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; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "highlightItemOnHover": { "alias": "highlightItemOnHover"; "required": false; "isSignal": true; }; "keepHighlight": { "alias": "keepHighlight"; "required": false; "isSignal": true; }; "openOnInputClick": { "alias": "openOnInputClick"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "submitOnItemClick": { "alias": "submitOnItemClick"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "virtualized": { "alias": "virtualized"; "required": false; "isSignal": true; }; "by": { "alias": "by"; "required": false; "isSignal": true; }; "itemToStringLabel": { "alias": "itemToStringLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "inputValue": "inputValueChange"; "open": "openChange"; "onValueChange": "onValueChange"; "onInputValueChange": "onInputValueChange"; "onOpenChange": "onOpenChange"; "onItemHighlighted": "onItemHighlighted"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1.RdxPopper; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -509,6 +527,8 @@ declare class RdxComboboxInput {
         highlightIndex: (index: number, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         setHighlight: (item: _radix_ng_primitives_combobox.ComboboxItemRef, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         clearHighlight: () => void;
+        highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
         inputElement: _angular_core.Signal<HTMLInputElement | null>;
         setInputElement: (el: HTMLInputElement | null) => void;
         registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -624,6 +644,8 @@ declare class RdxComboboxTrigger {
         highlightIndex: (index: number, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         setHighlight: (item: _radix_ng_primitives_combobox.ComboboxItemRef, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         clearHighlight: () => void;
+        highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
         inputElement: _angular_core.Signal<HTMLInputElement | null>;
         setInputElement: (el: HTMLInputElement | null) => void;
         registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -705,6 +727,8 @@ declare class RdxComboboxClear {
         highlightIndex: (index: number, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         setHighlight: (item: _radix_ng_primitives_combobox.ComboboxItemRef, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         clearHighlight: () => void;
+        highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
         inputElement: _angular_core.Signal<HTMLInputElement | null>;
         setInputElement: (el: HTMLInputElement | null) => void;
         registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -732,24 +756,36 @@ declare class RdxComboboxClear {
 }
 
 /**
- * Teleports the popup into a container (default `document.body`).
+ * Structural directive that teleports the combobox popup into a container (default `document.body`)
+ * while the combobox is open, and keeps it mounted until any CSS exit `@keyframes` finishes.
+ *
+ * Apply it with the `*` microsyntax on the positioner —
+ * `<div *rdxComboboxPortal rdxComboboxPositioner>` — or as an explicit `<ng-template rdxComboboxPortal>`.
+ * For a custom container use the explicit form with `[container]`.
  *
  * @group Components
  */
 declare class RdxComboboxPortal {
+    /**
+     * Optional container to portal the content into. Defaults to `document.body`. Declared here (and
+     * forwarded to the composed {@link RdxPortalPresence}) so the autocomplete portal can re-expose it
+     * through its own `hostDirectives`.
+     */
+    readonly container: _angular_core.InputSignal<RdxPortalContainer | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxComboboxPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxPortal, "[rdxComboboxPortal]", ["rdxComboboxPortal"], {}, {}, never, never, true, [{ directive: typeof i1$2.RdxPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxPortal, "ng-template[rdxComboboxPortal]", ["rdxComboboxPortal"], { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
 }
-
 /**
- * Wraps the popup template in {@link RdxPresenceDirective} so it mounts/unmounts with the open state
- * and can run enter/leave animations.
+ * Dev-mode guard: `rdxComboboxPortal` used to be an attribute directive on a `<div>`. It is now
+ * structural, so the old `<div rdxComboboxPortal>` markup would silently stop portaling — fail loudly
+ * instead.
  *
  * @group Components
  */
-declare class RdxComboboxPortalPresence {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxComboboxPortalPresence, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxPortalPresence, "ng-template[rdxComboboxPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
+declare class RdxComboboxPortalMisuseGuard {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxComboboxPortalMisuseGuard, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxPortalMisuseGuard, "[rdxComboboxPortal]:not(ng-template)", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -798,6 +834,8 @@ declare class RdxComboboxBackdrop {
         highlightIndex: (index: number, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         setHighlight: (item: _radix_ng_primitives_combobox.ComboboxItemRef, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         clearHighlight: () => void;
+        highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
         inputElement: _angular_core.Signal<HTMLInputElement | null>;
         setInputElement: (el: HTMLInputElement | null) => void;
         registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -831,7 +869,7 @@ declare class RdxComboboxBackdrop {
 declare class RdxComboboxPositioner {
     readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
     readonly sideOffset: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly align: _angular_core.InputSignal<"center" | "start" | "end">;
+    readonly align: _angular_core.InputSignal<"center" | "end" | "start">;
     readonly alignOffset: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly arrowPadding: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly avoidCollisions: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -889,6 +927,8 @@ declare class RdxComboboxPopup {
         highlightIndex: (index: number, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         setHighlight: (item: _radix_ng_primitives_combobox.ComboboxItemRef, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         clearHighlight: () => void;
+        highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
         inputElement: _angular_core.Signal<HTMLInputElement | null>;
         setInputElement: (el: HTMLInputElement | null) => void;
         registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -972,6 +1012,8 @@ declare class RdxComboboxList {
         highlightIndex: (index: number, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         setHighlight: (item: _radix_ng_primitives_combobox.ComboboxItemRef, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         clearHighlight: () => void;
+        highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
         inputElement: _angular_core.Signal<HTMLInputElement | null>;
         setInputElement: (el: HTMLInputElement | null) => void;
         registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -1051,6 +1093,7 @@ declare class RdxComboboxItem implements ComboboxItemRef {
     onPointerDown(event: MouseEvent): void;
     onPointerUp(): void;
     onPointerMove(): void;
+    onPointerLeave(event: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxComboboxItem, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxComboboxItem, "[rdxComboboxItem]", ["rdxComboboxItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "textValueInput": { "alias": "textValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -1162,6 +1205,8 @@ declare class RdxComboboxEmpty {
         highlightIndex: (index: number, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         setHighlight: (item: _radix_ng_primitives_combobox.ComboboxItemRef, reason: _radix_ng_primitives_combobox.ComboboxHighlightReason) => void;
         clearHighlight: () => void;
+        highlightItemOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        keepHighlight: _angular_core.InputSignalWithTransform<boolean, unknown>;
         inputElement: _angular_core.Signal<HTMLInputElement | null>;
         setInputElement: (el: HTMLInputElement | null) => void;
         registerTrigger: (el: HTMLElement | null) => HTMLElement | null;
@@ -1257,9 +1302,9 @@ declare class RdxComboboxChipRemove {
 declare const _importsCombobox: (typeof RdxComboboxAnchor)[];
 declare class RdxComboboxModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxComboboxModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxComboboxModule, never, [typeof RdxComboboxRoot, typeof RdxComboboxAnchor, typeof RdxComboboxLabel, typeof RdxComboboxInput, typeof RdxComboboxValue, typeof RdxComboboxTrigger, typeof RdxComboboxIcon, typeof RdxComboboxClear, typeof RdxComboboxPortal, typeof RdxComboboxPortalPresence, typeof RdxComboboxBackdrop, typeof RdxComboboxPositioner, typeof RdxComboboxPopup, typeof RdxComboboxArrow, typeof RdxComboboxList, typeof RdxComboboxItem, typeof RdxComboboxItemIndicator, typeof RdxComboboxGroup, typeof RdxComboboxGroupLabel, typeof RdxComboboxEmpty, typeof RdxComboboxStatus, typeof RdxComboboxChips, typeof RdxComboboxChip, typeof RdxComboboxChipRemove], [typeof RdxComboboxRoot, typeof RdxComboboxAnchor, typeof RdxComboboxLabel, typeof RdxComboboxInput, typeof RdxComboboxValue, typeof RdxComboboxTrigger, typeof RdxComboboxIcon, typeof RdxComboboxClear, typeof RdxComboboxPortal, typeof RdxComboboxPortalPresence, typeof RdxComboboxBackdrop, typeof RdxComboboxPositioner, typeof RdxComboboxPopup, typeof RdxComboboxArrow, typeof RdxComboboxList, typeof RdxComboboxItem, typeof RdxComboboxItemIndicator, typeof RdxComboboxGroup, typeof RdxComboboxGroupLabel, typeof RdxComboboxEmpty, typeof RdxComboboxStatus, typeof RdxComboboxChips, typeof RdxComboboxChip, typeof RdxComboboxChipRemove]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxComboboxModule, never, [typeof RdxComboboxRoot, typeof RdxComboboxAnchor, typeof RdxComboboxLabel, typeof RdxComboboxInput, typeof RdxComboboxValue, typeof RdxComboboxTrigger, typeof RdxComboboxIcon, typeof RdxComboboxClear, typeof RdxComboboxPortal, typeof RdxComboboxPortalMisuseGuard, typeof RdxComboboxBackdrop, typeof RdxComboboxPositioner, typeof RdxComboboxPopup, typeof RdxComboboxArrow, typeof RdxComboboxList, typeof RdxComboboxItem, typeof RdxComboboxItemIndicator, typeof RdxComboboxGroup, typeof RdxComboboxGroupLabel, typeof RdxComboboxEmpty, typeof RdxComboboxStatus, typeof RdxComboboxChips, typeof RdxComboboxChip, typeof RdxComboboxChipRemove], [typeof RdxComboboxRoot, typeof RdxComboboxAnchor, typeof RdxComboboxLabel, typeof RdxComboboxInput, typeof RdxComboboxValue, typeof RdxComboboxTrigger, typeof RdxComboboxIcon, typeof RdxComboboxClear, typeof RdxComboboxPortal, typeof RdxComboboxPortalMisuseGuard, typeof RdxComboboxBackdrop, typeof RdxComboboxPositioner, typeof RdxComboboxPopup, typeof RdxComboboxArrow, typeof RdxComboboxList, typeof RdxComboboxItem, typeof RdxComboboxItemIndicator, typeof RdxComboboxGroup, typeof RdxComboboxGroupLabel, typeof RdxComboboxEmpty, typeof RdxComboboxStatus, typeof RdxComboboxChips, typeof RdxComboboxChip, typeof RdxComboboxChipRemove]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxComboboxModule>;
 }
 
-export { RdxComboboxAnchor, RdxComboboxArrow, RdxComboboxBackdrop, RdxComboboxChip, RdxComboboxChipRemove, RdxComboboxChips, RdxComboboxClear, RdxComboboxEmpty, RdxComboboxGroup, RdxComboboxGroupLabel, RdxComboboxIcon, RdxComboboxInput, RdxComboboxItem, RdxComboboxItemIndicator, RdxComboboxLabel, RdxComboboxList, RdxComboboxModule, RdxComboboxPopup, RdxComboboxPortal, RdxComboboxPortalPresence, RdxComboboxPositioner, RdxComboboxRoot, RdxComboboxStatus, RdxComboboxTrigger, RdxComboboxValue, _importsCombobox, injectComboboxChipContext, injectComboboxGroupContext, injectComboboxItemContext, injectComboboxRootContext, provideComboboxChipContext, provideComboboxGroupContext, provideComboboxItemContext, provideComboboxRootContext };
+export { RdxComboboxAnchor, RdxComboboxArrow, RdxComboboxBackdrop, RdxComboboxChip, RdxComboboxChipRemove, RdxComboboxChips, RdxComboboxClear, RdxComboboxEmpty, RdxComboboxGroup, RdxComboboxGroupLabel, RdxComboboxIcon, RdxComboboxInput, RdxComboboxItem, RdxComboboxItemIndicator, RdxComboboxLabel, RdxComboboxList, RdxComboboxModule, RdxComboboxPopup, RdxComboboxPortal, RdxComboboxPortalMisuseGuard, RdxComboboxPositioner, RdxComboboxRoot, RdxComboboxStatus, RdxComboboxTrigger, RdxComboboxValue, _importsCombobox, injectComboboxChipContext, injectComboboxGroupContext, injectComboboxItemContext, injectComboboxRootContext, provideComboboxChipContext, provideComboboxGroupContext, provideComboboxItemContext, provideComboboxRootContext };
 export type { ComboboxFilter, ComboboxHighlightReason, ComboboxItemHighlightedDetails, ComboboxItemRef, ComboboxValue, RdxComboboxChipContext, RdxComboboxGroupContext, RdxComboboxItemContext, RdxComboboxRootContext };

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

@@ -1,20 +1,40 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, Provider, Signal, ElementRef } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/presence';
+import * as i1 from '@radix-ng/primitives/portal';
+import { RdxPortalContainer } from '@radix-ng/primitives/portal';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { RdxTransitionStatus, BooleanInput } from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_dialog from '@radix-ng/primitives/dialog';
-import * as i1$1 from '@radix-ng/primitives/portal';
-import { RdxPortalContainer } from '@radix-ng/primitives/portal';
-import * as i1$2 from '@radix-ng/primitives/dismissable-layer';
+import * as i1$1 from '@radix-ng/primitives/dismissable-layer';
 import * as i2 from '@radix-ng/primitives/focus-scope';
 
 /**
- * Mounts the portal while the dialog is open and waits for CSS exit keyframes before unmounting.
+ * Structural directive that teleports the dialog content (backdrop + popup) into a container (default
+ * `document.body`) while the dialog is open, and keeps it mounted until the CSS exit `@keyframes` on
+ * every root element finish.
+ *
+ * Dialog has two root nodes (backdrop + popup), so use the explicit `<ng-template rdxDialogPortal>`
+ * form. Pass `[container]` to portal into a different element.
+ */
+declare class RdxDialogPortal {
+    /**
+     * Optional container to portal the content into. Defaults to `document.body`. Declared here (and
+     * forwarded to the composed {@link RdxPortalPresence}) so that the drawer and alert-dialog portals
+     * can re-expose it through their own `hostDirectives`.
+     */
+    readonly container: _angular_core.InputSignal<RdxPortalContainer | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogPortal, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPortal, "ng-template[rdxDialogPortal]", ["rdxDialogPortal"], { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
+}
+/**
+ * Dev-mode guard: `rdxDialogPortal` used to be an attribute directive on a `<div>`. It is now
+ * structural, so the old `<div rdxDialogPortal>` markup would silently stop portaling — fail loudly
+ * instead.
  */
-declare class RdxDialogPortalPresence {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogPortalPresence, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPortalPresence, "ng-template[rdxDialogPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
+declare class RdxDialogPortalMisuseGuard {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogPortalMisuseGuard, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPortalMisuseGuard, "[rdxDialogPortal]:not(ng-template)", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -210,19 +230,6 @@ declare class RdxDialogTrigger {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogTrigger, "button[rdxDialogTrigger]", ["rdxDialogTrigger"], { "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; }; }, {}, never, never, true, never>;
 }
 
-/**
- * Moves the dialog to a different part of the DOM.
- */
-declare class RdxDialogPortal {
-    protected readonly rootContext: _radix_ng_primitives_dialog.RdxDialogRootContext;
-    /**
-     * Optional container to portal the content into. Defaults to `document.body`.
-     */
-    readonly container: _angular_core.InputSignal<RdxPortalContainer | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPortal, "[rdxDialogPortal]", ["rdxDialogPortal"], { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
-}
-
 /**
  * An overlay displayed beneath the dialog popup.
  */
@@ -279,7 +286,7 @@ declare class RdxDialogPopup {
     constructor();
     private isEventOnTrigger;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPopup, "[rdxDialogPopup]", ["rdxDialogPopup"], {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1$2.RdxDismissableLayer; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxFocusScope; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogPopup, "[rdxDialogPopup]", ["rdxDialogPopup"], {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1$1.RdxDismissableLayer; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxFocusScope; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -313,12 +320,12 @@ declare class RdxDialogClose {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxDialogClose, "button[rdxDialogClose]", ["rdxDialogClose"], {}, {}, never, never, true, never>;
 }
 
-declare const dialogImports: (typeof RdxDialogPortalPresence)[];
+declare const dialogImports: (typeof RdxDialogPortalMisuseGuard)[];
 declare class RdxDialogModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxDialogModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxDialogModule, never, [typeof RdxDialogRoot, typeof RdxDialogTrigger, typeof RdxDialogPortalPresence, typeof RdxDialogPortal, typeof RdxDialogBackdrop, typeof RdxDialogViewport, typeof RdxDialogPopup, typeof RdxDialogTitle, typeof RdxDialogDescription, typeof RdxDialogClose], [typeof RdxDialogRoot, typeof RdxDialogTrigger, typeof RdxDialogPortalPresence, typeof RdxDialogPortal, typeof RdxDialogBackdrop, typeof RdxDialogViewport, typeof RdxDialogPopup, typeof RdxDialogTitle, typeof RdxDialogDescription, typeof RdxDialogClose]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxDialogModule, never, [typeof RdxDialogRoot, typeof RdxDialogTrigger, typeof RdxDialogPortal, typeof RdxDialogPortalMisuseGuard, typeof RdxDialogBackdrop, typeof RdxDialogViewport, typeof RdxDialogPopup, typeof RdxDialogTitle, typeof RdxDialogDescription, typeof RdxDialogClose], [typeof RdxDialogRoot, typeof RdxDialogTrigger, typeof RdxDialogPortal, typeof RdxDialogPortalMisuseGuard, typeof RdxDialogBackdrop, typeof RdxDialogViewport, typeof RdxDialogPopup, typeof RdxDialogTitle, typeof RdxDialogDescription, typeof RdxDialogClose]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxDialogModule>;
 }
 
-export { RDX_DIALOG_VARIANT, RdxDialogBackdrop, RdxDialogClose, RdxDialogDescription, RdxDialogHandle, RdxDialogModule, RdxDialogPopup, RdxDialogPortal, RdxDialogPortalPresence, RdxDialogRoot, RdxDialogTitle, RdxDialogTrigger, RdxDialogViewport, createRdxDialogHandle, dialogImports, injectRdxDialogRootContext, provideRdxDialogRootContext, provideRdxDialogVariant };
+export { RDX_DIALOG_VARIANT, RdxDialogBackdrop, RdxDialogClose, RdxDialogDescription, RdxDialogHandle, RdxDialogModule, RdxDialogPopup, RdxDialogPortal, RdxDialogPortalMisuseGuard, RdxDialogRoot, RdxDialogTitle, RdxDialogTrigger, RdxDialogViewport, createRdxDialogHandle, dialogImports, injectRdxDialogRootContext, provideRdxDialogRootContext, provideRdxDialogVariant };
 export type { RdxDialogModal, RdxDialogOpenChange, RdxDialogOpenChangeReason, RdxDialogRole, RdxDialogRootContext, RdxDialogVariant };

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

@@ -13,6 +13,8 @@ interface RdxDrawerRegistration {
     id: string;
     /** The drawer popup's measured size (px) along its dismiss axis. */
     height: Signal<number>;
+    /** 0..1 live dismiss progress of this drawer. */
+    swipeProgress: Signal<number>;
 }
 /**
  * App-level coordinator that tracks every open drawer so background content can react to them
@@ -30,6 +32,8 @@ declare class RdxDrawerProvider {
     readonly frontmost: Signal<RdxDrawerRegistration | null>;
     /** The frontmost drawer's measured size (px), or `0` when none is open. */
     readonly frontmostHeight: Signal<number>;
+    /** The frontmost drawer's live dismiss progress, or `0` when none is open. */
+    readonly swipeProgress: Signal<number>;
     /** Register an open drawer; returns a disposer that removes it. */
     register(registration: RdxDrawerRegistration): () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerProvider, never>;
@@ -62,6 +66,10 @@ type RdxDrawerRelease = {
 interface RdxDrawerSwipeConfig {
     /** The popup element the gesture lives on (CSS variables + data attributes are written here). */
     element: () => HTMLElement;
+    /** Gesture boundary used to discover scrollable ancestors around the popup. */
+    boundary?: () => HTMLElement;
+    /** Visible size along the dismiss axis, used to normalize live swipe progress. */
+    size?: () => number;
     /** Active swipe direction. */
     direction: Signal<RdxDrawerSwipeDirection>;
     /** Whether the gesture is currently armed (typically `open`). */
@@ -109,8 +117,8 @@ declare function useDrawerSwipe(config: RdxDrawerSwipeConfig): void;
  * - a string — `'148px'` (pixels), `'30rem'` (root-em), `'40%'` (fraction of size), or a bare number
  *   as above.
  *
- * Order the `snapPoints` array ascending by openness; the last entry is treated as "most open" and
- * is the default the drawer opens to when `defaultSnapPoint` is not set.
+ * Order the `snapPoints` array ascending by openness; the first entry is the default the drawer opens
+ * to when `defaultSnapPoint` is not set.
  */
 type RdxDrawerSnapPoint = number | string;
 /**
@@ -166,6 +174,12 @@ interface RdxDrawerRootContext {
     swipeProgress: Signal<number>;
     /** Reports gesture progress from the popup's swipe engine. */
     setSwipeProgress: (value: number) => void;
+    /** Whether the drawer is currently being revealed from a SwipeArea. */
+    openingSwipeActive: Signal<boolean>;
+    /** Pointer travel (px) inward from the SwipeArea while revealing the drawer. */
+    openingSwipeDistance: Signal<number>;
+    /** Starts or updates the SwipeArea reveal gesture. */
+    setOpeningSwipe: (active: boolean, distance: number) => void;
     /** Configured snap points (empty when the drawer has none). */
     snapPoints: Signal<readonly RdxDrawerSnapPoint[]>;
     /** Whether the drawer rests at discrete snap points. */
@@ -208,12 +222,12 @@ declare class RdxDrawerRoot {
     readonly swipeDirection: i0.InputSignal<RdxDrawerSwipeDirection>;
     /**
      * Resting positions the drawer snaps to along the dismiss axis. Order ascending by openness; the
-     * last entry is the default the drawer opens to. Omit for a plain open/closed drawer.
+     * first entry is the default the drawer opens to. Omit for a plain open/closed drawer.
      */
     readonly snapPoints: i0.InputSignal<readonly RdxDrawerSnapPoint[] | undefined>;
     /** The active snap point (controlled / uncontrolled with `[(snapPoint)]`). */
     readonly snapPoint: i0.ModelSignal<RdxDrawerSnapPoint | null>;
-    /** The snap point the drawer opens to when uncontrolled; defaults to the most open point. */
+    /** The snap point the drawer opens to when uncontrolled; defaults to the first point. */
     readonly defaultSnapPoint: i0.InputSignal<RdxDrawerSnapPoint | undefined>;
     /** Step at most one snap point per release instead of letting velocity skip points. */
     readonly snapToSequentialPoints: i0.InputSignalWithTransform<boolean, BooleanInput>;
@@ -221,6 +235,9 @@ declare class RdxDrawerRoot {
     readonly onSnapPointChange: i0.OutputEmitterRef<RdxDrawerSnapPoint>;
     /** 0..1 progress of the active dismiss gesture, written by the popup's swipe engine. */
     readonly swipeProgress: i0.WritableSignal<number>;
+    /** Live SwipeArea reveal state; the popup converts distance into its measured-axis movement. */
+    readonly openingSwipeActive: i0.WritableSignal<boolean>;
+    readonly openingSwipeDistance: i0.WritableSignal<number>;
     readonly normalizedSnapPoints: Signal<readonly RdxDrawerSnapPoint[]>;
     readonly hasSnapPoints: Signal<boolean>;
     /** Whether a drawer nested inside this one is open (reuses the dialog's nesting detection). */
@@ -252,41 +269,47 @@ declare class RdxDrawerTrigger {
 /**
  * An off-canvas region (typically pinned to a screen edge) that opens the drawer when swiped inward.
  *
- * Phase 1 opens on a threshold crossing rather than following the pointer live (the popup is not
- * mounted while closed); the live-follow open will land with snap points. Shares the drawer's
- * pointer-drag lifecycle so capture/cancel handling stays consistent with the popup gesture.
+ * Opens the drawer at the start of a drag so its popup can follow the pointer live. Releasing past
+ * the threshold settles open; releasing before it or cancelling animates the drawer back out.
  */
 declare class RdxDrawerSwipeArea {
     private readonly drawerContext;
     private readonly dialogContext;
-    /** Direction the swipe area opens from; defaults to the root's `swipeDirection`. */
+    /** Direction the opening gesture travels; defaults to the opposite of the root's dismiss direction. */
     readonly swipeDirection: i0.InputSignal<RdxDrawerSwipeDirection | undefined>;
     /** Whether the swipe area should ignore user interaction. */
     readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly isOpen: i0.Signal<boolean>;
     protected readonly direction: i0.Signal<RdxDrawerSwipeDirection>;
+    protected readonly resolvedTouchAction: i0.Signal<"pan-y" | "pan-x">;
     protected readonly swiping: i0.WritableSignal<boolean>;
     private startX;
     private startY;
+    private distance;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerSwipeArea, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerSwipeArea, "[rdxDrawerSwipeArea]", ["rdxDrawerSwipeArea"], { "swipeDirection": { "alias": "swipeDirection"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
- * Mounts the portal while the drawer is open and waits for CSS exit keyframes before unmounting.
+ * Structural directive that teleports the drawer content (backdrop + popup) into a container (default
+ * `document.body`) while the drawer is open, keeping it mounted until its CSS exit `@keyframes`
+ * finish. It composes the structural {@link RdxDialogPortal}, inheriting the dialog presence context.
+ *
+ * Use the explicit `<ng-template rdxDrawerPortal>` form; pass `[container]` for a custom target.
  */
-declare class RdxDrawerPortalPresence {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPortalPresence, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPortalPresence, "ng-template[rdxDrawerPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogPortalPresence; inputs: {}; outputs: {}; }]>;
+declare class RdxDrawerPortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPortal, "ng-template[rdxDrawerPortal]", ["rdxDrawerPortal"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
 }
-
 /**
- * Moves the drawer to a different part of the DOM. Defaults to `document.body`.
+ * Dev-mode guard: `rdxDrawerPortal` is now structural, so the old `<div rdxDrawerPortal>` markup would
+ * silently stop portaling — fail loudly instead.
  */
-declare class RdxDrawerPortal {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPortal, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPortal, "[rdxDrawerPortal]", ["rdxDrawerPortal"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
+declare class RdxDrawerPortalMisuseGuard {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPortalMisuseGuard, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPortalMisuseGuard, "[rdxDrawerPortal]:not(ng-template)", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -336,6 +359,9 @@ declare class RdxDrawerPopup {
     protected readonly frontmostHeightPx: i0.Signal<string | null>;
     constructor();
     private axisSize;
+    private axisElementSize;
+    private swipeBoundary;
+    private visibleAxisSize;
     private resolveRelease;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPopup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPopup, "[rdxDrawerPopup]", ["rdxDrawerPopup"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogPopup; inputs: {}; outputs: { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }; }]>;
@@ -384,6 +410,7 @@ declare class RdxDrawerClose {
  * Reads the nearest {@link RdxDrawerProvider} and exposes styling hooks; the visual transform is
  * consumer CSS (headless):
  * - `[data-active]` — present while at least one drawer is open.
+ * - `--drawer-swipe-progress` — 0..1 live dismiss progress of the frontmost drawer.
  * - `--nested-drawers` — the number of open drawers.
  * - `--drawer-frontmost-height` — the frontmost drawer's measured size, in pixels.
  */
@@ -396,9 +423,9 @@ declare class RdxDrawerIndent {
 /**
  * The page background layer that scales/indents while any drawer is open.
  *
- * Behaves like {@link RdxDrawerIndent} (same `[data-active]` / `--nested-drawers` /
- * `--drawer-frontmost-height` contract); kept as a distinct part so the page backdrop and the
- * indented content can be styled independently, mirroring Base UI.
+ * Behaves like {@link RdxDrawerIndent} (same `[data-active]` / `--drawer-swipe-progress` /
+ * `--nested-drawers` / `--drawer-frontmost-height` contract); kept as a distinct part so the page
+ * backdrop and the indented content can be styled independently, mirroring Base UI.
  */
 declare class RdxDrawerIndentBackground {
     protected readonly provider: RdxDrawerProvider | null;
@@ -418,9 +445,9 @@ declare function createRdxDrawerHandle<Payload = unknown>(): RdxDrawerHandle<Pay
 declare const drawerImports: (typeof RdxDrawerProviderDirective)[];
 declare class RdxDrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDrawerModule, never, [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortalPresence, typeof RdxDrawerPortal, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground], [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortalPresence, typeof RdxDrawerPortal, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDrawerModule, never, [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground], [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RdxDrawerModule>;
 }
 
-export { RdxDrawerBackdrop, RdxDrawerClose, RdxDrawerContent, RdxDrawerDescription, RdxDrawerHandle, RdxDrawerIndent, RdxDrawerIndentBackground, RdxDrawerModule, RdxDrawerPopup, RdxDrawerPortal, RdxDrawerPortalPresence, RdxDrawerProvider, RdxDrawerProviderDirective, RdxDrawerRoot, RdxDrawerSwipeArea, RdxDrawerTitle, RdxDrawerTrigger, RdxDrawerViewport, buildSnapEntries, createRdxDrawerHandle, dismissUnitVector, drawerImports, injectRdxDrawerRootContext, provideRdxDrawerProvider, provideRdxDrawerRootContext, resolveSnapTarget, snapPointReveal, useDrawerSwipe };
+export { RdxDrawerBackdrop, RdxDrawerClose, RdxDrawerContent, RdxDrawerDescription, RdxDrawerHandle, RdxDrawerIndent, RdxDrawerIndentBackground, RdxDrawerModule, RdxDrawerPopup, RdxDrawerPortal, RdxDrawerPortalMisuseGuard, RdxDrawerProvider, RdxDrawerProviderDirective, RdxDrawerRoot, RdxDrawerSwipeArea, RdxDrawerTitle, RdxDrawerTrigger, RdxDrawerViewport, buildSnapEntries, createRdxDrawerHandle, dismissUnitVector, drawerImports, injectRdxDrawerRootContext, provideRdxDrawerProvider, provideRdxDrawerRootContext, resolveSnapTarget, snapPointReveal, useDrawerSwipe };
 export type { RdxDrawerRegistration, RdxDrawerRelease, RdxDrawerRootContext, RdxDrawerSnapEntry, RdxDrawerSnapPoint, RdxDrawerSnapResolveOptions, RdxDrawerSnapTarget, RdxDrawerSwipeConfig, RdxDrawerSwipeDirection };

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

@@ -7,7 +7,6 @@ import { RdxPopperContentWrapper, RdxPopperAnchorElement } from '@radix-ng/primi
 import * as _radix_ng_primitives_menu from '@radix-ng/primitives/menu';
 import * as i2 from '@radix-ng/primitives/dismissable-layer';
 import * as i1$1 from '@radix-ng/primitives/portal';
-import { RdxPortalContainer } from '@radix-ng/primitives/portal';
 import * as i3 from '@radix-ng/primitives/focus-scope';
 
 type RdxMenuTransitionStatus = 'starting' | 'ending' | undefined;
@@ -230,16 +229,26 @@ declare class RdxMenuSubTrigger {
 }
 
 /**
- * Moves the menu to a different part of the DOM.
- * Applied on ng-template — no host bindings (ng-template is not a real DOM node).
+ * Structural directive that teleports the menu popup into a container (default `document.body`) while
+ * the menu is open, and keeps it mounted until any CSS exit `@keyframes` finishes.
+ *
+ * This replaces the consumer-owned `@if (root.open())` mount: it adds both teleporting *and*
+ * exit-animation support. Apply it with the `*` microsyntax on the positioner —
+ * `<div *rdxMenuPortal rdxMenuPositioner>` — or as an explicit `<ng-template rdxMenuPortal>`. For a
+ * custom container, or a backdrop alongside the positioner (multi-root), use the explicit form.
  */
 declare class RdxMenuPortal {
-    /**
-     * Optional container to portal the content into. Defaults to `document.body`.
-     */
-    readonly container: _angular_core.InputSignal<RdxPortalContainer | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuPortal, "[rdxMenuPortal]", ["rdxMenuPortal"], { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuPortal, "ng-template[rdxMenuPortal]", ["rdxMenuPortal"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
+}
+/**
+ * Dev-mode guard: `rdxMenuPortal` is a structural directive. The old `<div rdxMenuPortal>` markup
+ * would silently stop portaling — fail loudly instead.
+ */
+declare class RdxMenuPortalMisuseGuard {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuPortalMisuseGuard, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuPortalMisuseGuard, "[rdxMenuPortal]:not(ng-template)", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -616,9 +625,9 @@ declare class RdxMenuRadioItemIndicator {
 
 declare class RdxMenuModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxMenuModule, never, [typeof RdxMenuRoot, typeof RdxMenuTrigger, typeof RdxMenuSubTrigger, typeof RdxMenuPortal, typeof RdxMenuPositioner, typeof RdxMenuPopup, typeof RdxMenuViewport, typeof RdxMenuBackdrop, typeof RdxMenuArrow, typeof RdxMenuItem, typeof RdxMenuLinkItem, typeof RdxMenuGroup, typeof RdxMenuGroupLabel, typeof RdxMenuSeparator, typeof RdxMenuCheckboxItem, typeof RdxMenuCheckboxItemIndicator, typeof RdxMenuRadioGroup, typeof RdxMenuRadioItem, typeof RdxMenuRadioItemIndicator], [typeof RdxMenuRoot, typeof RdxMenuTrigger, typeof RdxMenuSubTrigger, typeof RdxMenuPortal, typeof RdxMenuPositioner, typeof RdxMenuPopup, typeof RdxMenuViewport, typeof RdxMenuBackdrop, typeof RdxMenuArrow, typeof RdxMenuItem, typeof RdxMenuLinkItem, typeof RdxMenuGroup, typeof RdxMenuGroupLabel, typeof RdxMenuSeparator, typeof RdxMenuCheckboxItem, typeof RdxMenuCheckboxItemIndicator, typeof RdxMenuRadioGroup, typeof RdxMenuRadioItem, typeof RdxMenuRadioItemIndicator]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxMenuModule, never, [typeof RdxMenuRoot, typeof RdxMenuTrigger, typeof RdxMenuSubTrigger, typeof RdxMenuPortal, typeof RdxMenuPortalMisuseGuard, typeof RdxMenuPositioner, typeof RdxMenuPopup, typeof RdxMenuViewport, typeof RdxMenuBackdrop, typeof RdxMenuArrow, typeof RdxMenuItem, typeof RdxMenuLinkItem, typeof RdxMenuGroup, typeof RdxMenuGroupLabel, typeof RdxMenuSeparator, typeof RdxMenuCheckboxItem, typeof RdxMenuCheckboxItemIndicator, typeof RdxMenuRadioGroup, typeof RdxMenuRadioItem, typeof RdxMenuRadioItemIndicator], [typeof RdxMenuRoot, typeof RdxMenuTrigger, typeof RdxMenuSubTrigger, typeof RdxMenuPortal, typeof RdxMenuPortalMisuseGuard, typeof RdxMenuPositioner, typeof RdxMenuPopup, typeof RdxMenuViewport, typeof RdxMenuBackdrop, typeof RdxMenuArrow, typeof RdxMenuItem, typeof RdxMenuLinkItem, typeof RdxMenuGroup, typeof RdxMenuGroupLabel, typeof RdxMenuSeparator, typeof RdxMenuCheckboxItem, typeof RdxMenuCheckboxItemIndicator, typeof RdxMenuRadioGroup, typeof RdxMenuRadioItem, typeof RdxMenuRadioItemIndicator]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxMenuModule>;
 }
 
-export { RdxMenuArrow, RdxMenuBackdrop, RdxMenuCheckboxItem, RdxMenuCheckboxItemIndicator, RdxMenuGroup, RdxMenuGroupLabel, RdxMenuItem, RdxMenuLinkItem, RdxMenuModule, RdxMenuPopup, RdxMenuPortal, RdxMenuPositioner, RdxMenuRadioGroup, RdxMenuRadioItem, RdxMenuRadioItemIndicator, RdxMenuRoot, RdxMenuSeparator, RdxMenuSubTrigger, RdxMenuTrigger, RdxMenuViewport, getCheckedState, injectRdxMenuCheckboxItemContext, injectRdxMenuRadioGroupContext, injectRdxMenuRadioItemContext, injectRdxMenuRootContext, isIndeterminate, provideRdxMenuCheckboxItemContext, provideRdxMenuRadioGroupContext, provideRdxMenuRadioItemContext, provideRdxMenuRootContext };
+export { RdxMenuArrow, RdxMenuBackdrop, RdxMenuCheckboxItem, RdxMenuCheckboxItemIndicator, RdxMenuGroup, RdxMenuGroupLabel, RdxMenuItem, RdxMenuLinkItem, RdxMenuModule, RdxMenuPopup, RdxMenuPortal, RdxMenuPortalMisuseGuard, RdxMenuPositioner, RdxMenuRadioGroup, RdxMenuRadioItem, RdxMenuRadioItemIndicator, RdxMenuRoot, RdxMenuSeparator, RdxMenuSubTrigger, RdxMenuTrigger, RdxMenuViewport, getCheckedState, injectRdxMenuCheckboxItemContext, injectRdxMenuRadioGroupContext, injectRdxMenuRadioItemContext, injectRdxMenuRootContext, isIndeterminate, provideRdxMenuCheckboxItemContext, provideRdxMenuRadioGroupContext, provideRdxMenuRadioItemContext, provideRdxMenuRootContext };
 export type { CheckedState, RdxMenuAutoFocus, RdxMenuAutoFocusInput, RdxMenuCheckboxItemContext, RdxMenuOrientation, RdxMenuRadioGroupContext, RdxMenuRadioItemContext, RdxMenuRootContext, RdxMenuTransitionStatus, RdxMenuTriggerInteraction, RdxMenuTriggerInteractionHandler };