@radix-ng/primitives 1.0.0-beta.5 → 1.0.2

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

@@ -2,17 +2,17 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/portal';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { RdxCancelableChangeEventDetails, RdxTransitionStatus, RdxFloatingRootContext, BooleanInput, NumberInput } from '@radix-ng/primitives/core';
+import { RdxCancelableChangeEventDetails, RdxTransitionStatus, RdxFloatingRootContext, NumberInput } from '@radix-ng/primitives/core';
 import * as i1$1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_navigation_menu from '@radix-ng/primitives/navigation-menu';
-import * as i1$2 from '@radix-ng/primitives/roving-focus';
+import * as i1$2 from '@radix-ng/primitives/composite';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
 
 /**
  * Structural directive that teleports the navigation menu popup into a container (default
  * `document.body`) while the menu is open, and keeps it mounted until any CSS exit `@keyframes`
- * finishes.
+ * finishes. Set `[keepMounted]="true"` to keep the portal mounted while closed.
  *
  * Apply it with the `*` microsyntax on the positioner —
  * `<div *rdxNavigationMenuPortal rdxNavigationMenuPositioner>` — or as an explicit
@@ -20,8 +20,14 @@ import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer'
  * `[container]`.
  */
 declare class RdxNavigationMenuPortal {
+    private readonly rootContext;
+    /**
+     * Keep the portal mounted while the menu is closed.
+     */
+    readonly keepMounted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly present: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuPortal, "ng-template[rdxNavigationMenuPortal]", ["rdxNavigationMenuPortal"], {}, {}, never, never, true, [{ directive: typeof i1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuPortal, "ng-template[rdxNavigationMenuPortal]", ["rdxNavigationMenuPortal"], { "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
 }
 /**
  * Dev-mode guard: `rdxNavigationMenuPortal` used to be an attribute directive on a `<div>`. It is now
@@ -36,7 +42,7 @@ declare class RdxNavigationMenuPortalMisuseGuard {
 
 type NavigationMenuOrientation = 'horizontal' | 'vertical';
 type NavigationMenuDirection = 'ltr' | 'rtl';
-type RdxNavigationMenuOpenChangeReason = 'trigger-hover' | 'trigger-focus' | 'trigger-press' | 'list-navigation' | 'outside-press' | 'focus-out' | 'escape-key' | 'link-select' | 'list-leave' | 'none';
+type RdxNavigationMenuOpenChangeReason = 'trigger-hover' | 'trigger-press' | 'list-navigation' | 'outside-press' | 'focus-out' | 'escape-key' | 'link-select' | 'list-leave' | 'none';
 type RdxNavigationMenuOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxNavigationMenuOpenChangeReason>;
 interface RdxNavigationMenuOpenChange {
     value: string | null;
@@ -62,7 +68,6 @@ interface RdxNavigationMenuRootContext {
     readonly baseId: string;
     readonly orientation: Signal<NavigationMenuOrientation>;
     readonly dir: Signal<NavigationMenuDirection>;
-    readonly loop: Signal<boolean>;
     /** Value of the currently open item, or `null` when closed. */
     readonly value: Signal<string | null>;
     /** Value of the previously open item (used for slide-direction morphing). */
@@ -74,7 +79,14 @@ interface RdxNavigationMenuRootContext {
     /** The active trigger element the popup is anchored to. */
     readonly trigger: Signal<HTMLElement | undefined>;
     readonly triggers: Signal<HTMLElement[]>;
+    readonly list: Signal<HTMLElement | undefined>;
+    readonly contents: Signal<Map<string, RdxNavigationMenuContentEntry>>;
     readonly activeContent: Signal<RdxNavigationMenuContentEntry | undefined>;
+    readonly popup: Signal<HTMLElement | undefined>;
+    readonly size: Signal<{
+        width: number;
+        height: number;
+    } | null>;
     contentId(value: string): string;
     triggerId(value: string): string;
     setValue(value: string | null, reason?: RdxNavigationMenuOpenChangeReason, event?: Event): void;
@@ -85,8 +97,14 @@ interface RdxNavigationMenuRootContext {
     closeOnHover(event?: PointerEvent): void;
     cancelHoverOpen(): void;
     cancelHoverClose(): void;
+    setSize(size: {
+        width: number;
+        height: number;
+    } | null): void;
     registerTrigger(value: string, trigger: HTMLElement): () => void;
+    registerList(list: HTMLElement): () => void;
     registerContent(entry: RdxNavigationMenuContentEntry): () => void;
+    registerPopup(element: HTMLElement): () => void;
     registerTransitionElement(element: HTMLElement): () => void;
     registerViewport(onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void): () => void;
 }
@@ -127,10 +145,6 @@ declare class RdxNavigationMenuRoot {
      */
     readonly dirInput: _angular_core.InputSignal<NavigationMenuDirection | undefined>;
     readonly dir: _angular_core.Signal<_radix_ng_primitives_core.Direction>;
-    /**
-     * Whether keyboard navigation loops from the last item back to the first and vice versa.
-     */
-    readonly loop: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * How long to wait before opening the menu on hover, in milliseconds.
      */
@@ -164,7 +178,13 @@ declare class RdxNavigationMenuRoot {
     readonly present: _angular_core.Signal<boolean>;
     readonly trigger: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly triggers: _angular_core.WritableSignal<HTMLElement[]>;
+    readonly list: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly contents: _angular_core.WritableSignal<Map<string, RdxNavigationMenuContentEntry>>;
+    readonly popup: _angular_core.WritableSignal<HTMLElement | undefined>;
+    readonly size: _angular_core.WritableSignal<{
+        width: number;
+        height: number;
+    } | null>;
     readonly activeContent: _angular_core.Signal<RdxNavigationMenuContentEntry | undefined>;
     private readonly registeredTriggers;
     private readonly viewportTriggerChange;
@@ -180,7 +200,13 @@ declare class RdxNavigationMenuRoot {
     cancelHoverOpen(): void;
     cancelHoverClose(): void;
     registerTrigger(value: string, trigger: HTMLElement): () => void;
+    registerList(list: HTMLElement): () => void;
     registerContent(entry: RdxNavigationMenuContentEntry): () => void;
+    registerPopup(element: HTMLElement): () => void;
+    setSize(size: {
+        width: number;
+        height: number;
+    } | null): void;
     registerTransitionElement(element: HTMLElement): () => void;
     registerViewport(onTriggerChange: (previous: HTMLElement, next: HTMLElement) => void): () => boolean;
     private createOpenChangeEvent;
@@ -190,19 +216,20 @@ declare class RdxNavigationMenuRoot {
     private clearCloseTimer;
     private isInsideOpenChild;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuRoot, "[rdxNavigationMenuRoot]", ["rdxNavigationMenuRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuRoot, "[rdxNavigationMenuRoot]", ["rdxNavigationMenuRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }]>;
 }
 
 /**
- * Contains the navigation menu items. Renders as a menubar with roving keyboard focus.
+ * Contains the navigation menu items and coordinates composite keyboard focus between triggers.
  */
 declare class RdxNavigationMenuList {
     protected readonly rootContext: _radix_ng_primitives_navigation_menu.RdxNavigationMenuRootContext;
-    private readonly rovingFocusGroup;
+    private readonly compositeRoot;
     constructor();
+    protected onKeydown(event: KeyboardEvent): void;
     protected onPointerLeave(event: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuList, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuList, "[rdxNavigationMenuList]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuList, "[rdxNavigationMenuList]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -229,8 +256,7 @@ declare class RdxNavigationMenuItem {
  */
 declare class RdxNavigationMenuTrigger {
     protected readonly item: RdxNavigationMenuItem;
-    private readonly rootContext;
-    private readonly rovingFocusItem;
+    protected readonly rootContext: _radix_ng_primitives_navigation_menu.RdxNavigationMenuRootContext;
     private readonly elementRef;
     private readonly document;
     /**
@@ -246,18 +272,12 @@ declare class RdxNavigationMenuTrigger {
     protected onClick(event: MouseEvent): void;
     protected onPointerEnter(event: PointerEvent): void;
     protected onPointerLeave(event: PointerEvent): void;
-    /**
-     * Open-follows-focus: while the menu is already open, moving keyboard focus (arrow keys via
-     * roving) to another trigger switches the shared popup to that item — matching Base UI, so the
-     * open menu visibly responds to arrow-key navigation. Focus never *opens* a closed menu.
-     */
-    protected onFocus(): void;
     protected onKeydown(event: KeyboardEvent): void;
     /** The key that moves focus from the trigger into the open content, based on orientation/dir. */
     private entryKey;
     private focusContent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuTrigger, "button[rdxNavigationMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuTrigger, "button[rdxNavigationMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -297,10 +317,10 @@ declare class RdxNavigationMenuContent {
 }
 
 /**
- * A navigation link. Closes the menu on selection unless prevented.
+ * A navigation link. Can close the menu on selection when `closeOnClick` is enabled.
  *
- * Used both as a top-level menubar item and inside content. It is a plain tabbable anchor (not part
- * of the menubar's arrow-key roving), matching Base UI.
+ * Used both as a top-level navigation item and inside content. Top-level links join the list's
+ * composite collection, matching Base UI's CompositeItem-backed NavigationMenu.Link.
  */
 declare class RdxNavigationMenuLink {
     private readonly rootContext;
@@ -320,7 +340,7 @@ declare class RdxNavigationMenuLink {
     protected onClick(event: Event): void;
     protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuLink, "[rdxNavigationMenuLink]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuLink, "[rdxNavigationMenuLink]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1$2.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -328,6 +348,7 @@ declare class RdxNavigationMenuLink {
  */
 declare class RdxNavigationMenuBackdrop {
     protected readonly rootContext: _radix_ng_primitives_navigation_menu.RdxNavigationMenuRootContext;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuBackdrop, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuBackdrop, "[rdxNavigationMenuBackdrop]", never, {}, {}, never, never, true, never>;
 }
@@ -362,8 +383,7 @@ declare class RdxNavigationMenuPopup {
     private readonly elementRef;
     protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
     protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
-    /** Names the menu after the active trigger so the `role="menu"` element has an accessible name. */
-    protected readonly labelledBy: _angular_core.Signal<string | undefined>;
+    protected readonly id: _angular_core.Signal<string>;
     /**
      * Event handler called when the escape key is down. Can be prevented.
      */
@@ -379,11 +399,15 @@ declare class RdxNavigationMenuPopup {
     constructor();
     protected onPointerLeave(event: PointerEvent): void;
     /**
-     * Keyboard navigation inside the open panel: Down/Up move between the panel's focusable items in
-     * DOM order, Home/End jump to the first/last, and Up from the first item returns focus to the
-     * trigger. (Tab keeps working natively; Escape is handled by the dismissal capability.)
+     * Keyboard navigation inside the open panel mirrors Base UI's CompositeRoot-backed content:
+     * arrow keys move between panel focusables in DOM order, Home/End jump to the first/last, Up from
+     * the first item returns focus to the trigger, and Tab exits the portalled panel through the
+     * logical top-level navigation order. Escape is handled by the dismissal capability.
      */
     protected onKeydown(event: KeyboardEvent): void;
+    private handleTabKey;
+    private getNextTopLevelItem;
+    private getTopLevelItems;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuPopup, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuPopup, "[rdxNavigationMenuPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }]>;
 }
@@ -422,13 +446,21 @@ declare class RdxNavigationMenuViewport {
         height: number;
     } | null>;
     private current;
+    private readonly rendered;
     private previousElement;
     private pendingDirection;
     private cleanupTimer;
     private readonly resizeObserver;
     private readonly activeContent;
+    private readonly contents;
     constructor();
+    private sync;
     private render;
+    private createRendered;
+    private deactivateCurrent;
+    private markCurrent;
+    private markInactive;
+    private destroyRendered;
     private startLeave;
     private removePrevious;
     private clearCleanupTimer;
@@ -437,7 +469,7 @@ declare class RdxNavigationMenuViewport {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNavigationMenuViewport, "[rdxNavigationMenuViewport]", never, { "forceMount": { "alias": "forceMount"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const navigationMenuImports: (typeof RdxNavigationMenuPortal)[];
+declare const navigationMenuImports: (typeof RdxNavigationMenuPortalMisuseGuard)[];
 declare class RdxNavigationMenuModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNavigationMenuModule, never>;
     static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxNavigationMenuModule, never, [typeof RdxNavigationMenuRoot, typeof RdxNavigationMenuList, typeof RdxNavigationMenuItem, typeof RdxNavigationMenuTrigger, typeof RdxNavigationMenuIcon, typeof RdxNavigationMenuContent, typeof RdxNavigationMenuLink, typeof RdxNavigationMenuPortal, typeof RdxNavigationMenuPortalMisuseGuard, typeof RdxNavigationMenuBackdrop, typeof RdxNavigationMenuPositioner, typeof RdxNavigationMenuPopup, typeof RdxNavigationMenuArrow, typeof RdxNavigationMenuViewport], [typeof RdxNavigationMenuRoot, typeof RdxNavigationMenuList, typeof RdxNavigationMenuItem, typeof RdxNavigationMenuTrigger, typeof RdxNavigationMenuIcon, typeof RdxNavigationMenuContent, typeof RdxNavigationMenuLink, typeof RdxNavigationMenuPortal, typeof RdxNavigationMenuPortalMisuseGuard, typeof RdxNavigationMenuBackdrop, typeof RdxNavigationMenuPositioner, typeof RdxNavigationMenuPopup, typeof RdxNavigationMenuArrow, typeof RdxNavigationMenuViewport]>;

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

@@ -311,7 +311,7 @@ declare class RdxPopoverPopup {
     readonly closeAutoFocus: _angular_core.OutputRef<Event>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverPopup, "[rdxPopoverPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverPopup, "[rdxPopoverPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: { "initialFocus": "initialFocus"; "returnFocus": "finalFocus"; }; outputs: {}; }]>;
 }
 
 /**
@@ -332,10 +332,12 @@ declare class RdxPopoverArrow {
  */
 declare class RdxPopoverTitle {
     private readonly rootContext;
-    readonly id: string;
+    private readonly generatedId;
+    readonly idInput: _angular_core.InputSignal<string | undefined>;
+    readonly id: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverTitle, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverTitle, "[rdxPopoverTitle]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverTitle, "[rdxPopoverTitle]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -343,10 +345,12 @@ declare class RdxPopoverTitle {
  */
 declare class RdxPopoverDescription {
     private readonly rootContext;
-    readonly id: string;
+    private readonly generatedId;
+    readonly idInput: _angular_core.InputSignal<string | undefined>;
+    readonly id: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverDescription, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverDescription, "[rdxPopoverDescription]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverDescription, "[rdxPopoverDescription]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

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

@@ -169,6 +169,7 @@ declare class RdxPopperContentWrapper {
     private readonly detectOverflowOptions;
     private readonly resolvedAnchor;
     private readonly position;
+    private positionParams;
     /**
      * The last successfully computed position, retained while a new one is being computed.
      *

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

@@ -2,10 +2,10 @@ import * as _angular_core from '@angular/core';
 import { ModelSignal, InputSignal, InputSignalWithTransform, Signal, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { BooleanInput, RdxFormValueControl, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import { Orientation } from '@radix-ng/primitives/roving-focus';
+import * as i1 from '@radix-ng/primitives/composite';
 import * as i1$1 from '@radix-ng/primitives/visually-hidden';
 
+type RdxRadioValueChangeReason = 'none';
 interface RadioGroupProps {
     value: ModelSignal<string | null>;
     defaultValue: InputSignal<string | undefined>;
@@ -14,23 +14,23 @@ interface RadioGroupProps {
     disabled: InputSignalWithTransform<boolean, BooleanInput>;
     readonly: InputSignalWithTransform<boolean, BooleanInput>;
     required: InputSignalWithTransform<boolean, BooleanInput>;
-    orientation: InputSignal<Orientation | undefined>;
     disabledState: Signal<boolean>;
 }
 interface RadioGroupDirective extends RadioGroupProps {
-    select(value: string | null, event?: Event, reason?: string): void;
+    select(value: string | null, event?: Event, reason?: RdxRadioValueChangeReason): void;
     onTouched(): void;
     setArrowNavigation(value: boolean): void;
     isArrowNavigation(): boolean;
 }
 
-type RdxRadioValueChangeReason = 'trigger-press' | 'keyboard' | 'focus' | 'none';
 type RdxRadioValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxRadioValueChangeReason>;
 interface RdxRadioValueChangeEvent {
     value: string;
     eventDetails: RdxRadioValueChangeEventDetails;
 }
 declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirective, ControlValueAccessor, RdxFormValueControl<string | null> {
+    private readonly elementRef;
+    private readonly compositeRoot;
     readonly value: _angular_core.ModelSignal<string | null>;
     readonly defaultValue: _angular_core.InputSignal<string | undefined>;
     readonly name: _angular_core.InputSignal<string | undefined>;
@@ -38,7 +38,6 @@ declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirec
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    readonly orientation: _angular_core.InputSignal<Orientation | undefined>;
     /**
      * Event handler called when the value changes.
      */
@@ -46,6 +45,9 @@ declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirec
     private readonly disable;
     readonly disabledState: _angular_core.Signal<boolean>;
     private readonly arrowNavigation;
+    private readonly itemMetadata;
+    private readonly disabledIndices;
+    private readonly activeIndex;
     /**
      * The callback function to call when the value of the radio group changes.
      */
@@ -86,7 +88,7 @@ declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirec
     isArrowNavigation(): boolean;
     protected onKeydown(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxRadioGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioRoot]", ["rdxRadioRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioRoot]", ["rdxRadioRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
 }
 
 declare const RdxRadioItemToken: InjectionToken<RdxRadioItemDirective>;
@@ -95,7 +97,7 @@ declare class RdxRadioItemDirective {
     private readonly radioGroup;
     private readonly elementRef;
     private readonly renderer;
-    private readonly rovingFocusItem;
+    private readonly compositeItem;
     private readonly destroyRef;
     private readonly inputElement;
     private previousCheckedState;
@@ -126,7 +128,7 @@ declare class RdxRadioItemDirective {
     private setOptionalAttribute;
     private setBooleanAttribute;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxRadioItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[rdxRadioItem]", ["rdxRadioItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "tabStopId": "id"; "focusable": "focusable"; "active": "active"; "allowShiftKey": "allowShiftKey"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[rdxRadioItem]", ["rdxRadioItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxRadioIndicatorDirective {

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

@@ -42,6 +42,7 @@ interface ScrollAreaRootContext {
         yStart: number;
         yEnd: number;
     }>;
+    readonly disableStyleElements: Signal<boolean>;
     readonly hovering: Signal<boolean>;
     readonly scrollingX: Signal<boolean>;
     readonly scrollingY: Signal<boolean>;
@@ -90,6 +91,7 @@ declare class RdxScrollAreaRoot {
      * Accepts a single number for all edges or an object to configure them individually.
      */
     readonly overflowEdgeThreshold: _angular_core.InputSignal<OverflowEdgeThreshold>;
+    readonly disableStyleElements: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     readonly normalizedThreshold: Signal<{
         xStart: number;
         xEnd: number;
@@ -135,7 +137,7 @@ declare class RdxScrollAreaRoot {
     onTouchModalityChange(event: PointerEvent): void;
     onPointerEnterOrMove(event: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxScrollAreaRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaRoot, "[rdxScrollAreaRoot]", ["rdxScrollAreaRoot"], { "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "overflowEdgeThreshold": { "alias": "overflowEdgeThreshold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxScrollAreaRoot, "[rdxScrollAreaRoot]", ["rdxScrollAreaRoot"], { "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "overflowEdgeThreshold": { "alias": "overflowEdgeThreshold"; "required": false; "isSignal": true; }; "disableStyleElements": { "alias": "disableStyleElements"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface ScrollAreaViewportContext {
@@ -155,6 +157,7 @@ declare class RdxScrollAreaViewport {
     private readonly element;
     private readonly destroyRef;
     private readonly isBrowser;
+    private readonly cspNonce;
     private programmaticScroll;
     private lastMeasuredMetrics;
     private scrollEndTimer;

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

@@ -5,14 +5,14 @@ import { AcceptableValue, RdxCancelableChangeEventDetails, RdxFloatingRootContex
 import * as _radix_ng_primitives_select from '@radix-ng/primitives/select';
 import * as _radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/floating-focus-manager';
 import { RdxInteractionType } from '@radix-ng/primitives/floating-focus-manager';
-import * as i1 from '@radix-ng/primitives/collection';
-import { RdxCollectionItem } from '@radix-ng/primitives/collection';
+import * as i1 from '@radix-ng/primitives/composite';
+import { RdxCompositeItemRegistration } from '@radix-ng/primitives/composite';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
 import * as i1$1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_types_radix_ng_primitives_floating_focus_manager from '@radix-ng/primitives/types/radix-ng-primitives-floating-focus-manager';
 import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
-import * as _radix_ng_primitives_types_radix_ng_primitives_collection from '@radix-ng/primitives/types/radix-ng-primitives-collection';
+import * as _radix_ng_primitives_types_radix_ng_primitives_composite from '@radix-ng/primitives/types/radix-ng-primitives-composite';
 import * as i1$2 from '@radix-ng/primitives/portal';
 
 declare class RdxSelectGroupLabel {
@@ -107,7 +107,7 @@ type SelectEvent = CustomEvent<{
 declare class RdxSelectItem {
     private readonly rootContext;
     private readonly contentContext;
-    private readonly collectionItem;
+    private readonly listItem;
     private readonly currentElement;
     readonly value: _angular_core.InputSignal<any>;
     readonly textValue: _angular_core.InputSignal<string>;
@@ -121,12 +121,13 @@ declare class RdxSelectItem {
     readonly textId: string;
     private readonly afterNextRender;
     private SELECT_SELECT;
+    constructor();
     onPointerUp(event: PointerEvent | KeyboardEvent): void;
     onPointerLeave(event: Event): void;
     onPointerMove(event: Event): void;
     handleKeyDown(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectItem, "[rdxSelectItem]", ["rdxSelectItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "textValue": { "alias": "textValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCollectionItem; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectItem, "[rdxSelectItem]", ["rdxSelectItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "textValue": { "alias": "textValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxSelectItemIndicator {
@@ -180,9 +181,10 @@ declare class RdxSelectItemText {
         isPositioned: _angular_core.WritableSignal<boolean>;
         selectedItem: _angular_core.WritableSignal<HTMLElement | undefined>;
         selectedItemText: _angular_core.WritableSignal<HTMLElement | undefined>;
-        highlightedItem: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_collection.RdxCollectionItem<unknown> | null>;
-        isHighlighted: (item: _radix_ng_primitives_types_radix_ng_primitives_collection.RdxCollectionItem) => boolean;
-        highlightItem: (item: _radix_ng_primitives_types_radix_ng_primitives_collection.RdxCollectionItem) => void;
+        items: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_composite.RdxCompositeItemRegistration<_radix_ng_primitives_select.RdxSelectItemMetadata>[]>;
+        highlightedItem: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_composite.RdxCompositeItemRegistration<_radix_ng_primitives_select.RdxSelectItemMetadata> | null>;
+        isHighlighted: (element: HTMLElement) => boolean;
+        highlightItem: (element: HTMLElement) => void;
         isKeyboardActive: () => boolean;
         setKeyboardActive: (value: boolean) => void;
         onViewportChange: (node: any) => void;
@@ -217,15 +219,31 @@ declare class RdxSelectList {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectList, "[rdxSelectList]", never, {}, {}, never, never, true, never>;
 }
 
+declare const OPEN_KEYS: string[];
+declare const SELECTION_KEYS: string[];
+declare const CONTENT_MARGIN = 10;
+interface RdxSelectItemMetadata {
+    [key: string]: unknown;
+    value: any;
+    disabled: boolean;
+    textValue?: string;
+}
+declare function valueComparator<T>(value: T | T[] | undefined, currentValue: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
+declare function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
+declare function shouldShowPlaceholder(value?: AcceptableValue | AcceptableValue[]): boolean;
+declare function focusFirst(candidates: HTMLElement[]): void;
+
+type RdxSelectCompositeItem = RdxCompositeItemRegistration<RdxSelectItemMetadata>;
 declare const context$1: () => {
     content: _angular_core.WritableSignal<HTMLElement | null>;
     viewport: _angular_core.WritableSignal<HTMLElement | undefined>;
     isPositioned: _angular_core.WritableSignal<boolean>;
     selectedItem: _angular_core.WritableSignal<HTMLElement | undefined>;
     selectedItemText: _angular_core.WritableSignal<HTMLElement | undefined>;
-    highlightedItem: Signal<RdxCollectionItem<unknown> | null>;
-    isHighlighted: (item: RdxCollectionItem) => boolean;
-    highlightItem: (item: RdxCollectionItem) => void;
+    items: Signal<RdxSelectCompositeItem[]>;
+    highlightedItem: Signal<RdxSelectCompositeItem | null>;
+    isHighlighted: (element: HTMLElement) => boolean;
+    highlightItem: (element: HTMLElement) => void;
     isKeyboardActive: () => boolean;
     setKeyboardActive: (value: boolean) => void;
     onViewportChange: (node: any) => void;
@@ -240,9 +258,10 @@ declare const injectSelectPopupContext: _radix_ng_primitives_core.InjectContext<
     isPositioned: _angular_core.WritableSignal<boolean>;
     selectedItem: _angular_core.WritableSignal<HTMLElement | undefined>;
     selectedItemText: _angular_core.WritableSignal<HTMLElement | undefined>;
-    highlightedItem: Signal<RdxCollectionItem<unknown> | null>;
-    isHighlighted: (item: RdxCollectionItem) => boolean;
-    highlightItem: (item: RdxCollectionItem) => void;
+    items: Signal<RdxSelectCompositeItem[]>;
+    highlightedItem: Signal<RdxSelectCompositeItem | null>;
+    isHighlighted: (element: HTMLElement) => boolean;
+    highlightItem: (element: HTMLElement) => void;
     isKeyboardActive: () => boolean;
     setKeyboardActive: (value: boolean) => void;
     onViewportChange: (node: any) => void;
@@ -256,9 +275,10 @@ declare const provideSelectPopupContext: (useFactory: () => {
     isPositioned: _angular_core.WritableSignal<boolean>;
     selectedItem: _angular_core.WritableSignal<HTMLElement | undefined>;
     selectedItemText: _angular_core.WritableSignal<HTMLElement | undefined>;
-    highlightedItem: Signal<RdxCollectionItem<unknown> | null>;
-    isHighlighted: (item: RdxCollectionItem) => boolean;
-    highlightItem: (item: RdxCollectionItem) => void;
+    items: Signal<RdxSelectCompositeItem[]>;
+    highlightedItem: Signal<RdxSelectCompositeItem | null>;
+    isHighlighted: (element: HTMLElement) => boolean;
+    highlightItem: (element: HTMLElement) => void;
     isKeyboardActive: () => boolean;
     setKeyboardActive: (value: boolean) => void;
     onViewportChange: (node: any) => void;
@@ -294,7 +314,7 @@ declare class RdxSelectPopup {
     private readonly floatingContext;
     private readonly registration;
     private readonly currentElement;
-    private readonly collection;
+    private readonly compositeList;
     private readonly injector;
     readonly rootContext: {
         triggerElement: _angular_core.WritableSignal<HTMLElement | null>;
@@ -329,22 +349,23 @@ declare class RdxSelectPopup {
     };
     /**
      * The collected items (DOM order). Exposed so the `item-aligned` positioner — now the popup's
-     * **ancestor** — can read them without injecting {@link RdxCollectionProvider} (which the popup
-     * provides as a descendant, so an upward `inject` would not find it).
+     * **ancestor** — can read them without injecting the composite list (which the popup provides as
+     * a descendant, so an upward `inject` would not find it).
      */
-    readonly items: Signal<readonly RdxCollectionItem<any>[]>;
+    readonly items: Signal<RdxSelectCompositeItem[]>;
     /**
      * Highlight-model navigation over the collected items (DOM order). `loop` is disabled so arrow
      * navigation stops at the first / last item instead of wrapping around — matching native
      * `<select>` behavior.
      */
-    readonly highlight: _radix_ng_primitives_core.ListHighlight<RdxCollectionItem<unknown>>;
+    readonly highlight: _radix_ng_primitives_core.ListHighlight<RdxSelectCompositeItem>;
     readonly selectedItem: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly selectedItemText: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly firstValidItemFoundRef: _angular_core.WritableSignal<boolean>;
     readonly viewport: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly isPositioned: _angular_core.WritableSignal<boolean>;
     private keyboardActive;
+    private hasHighlightedOpen;
     /**
      * Event handler called when the escape key is down.
      * Can be prevented.
@@ -365,12 +386,13 @@ declare class RdxSelectPopup {
     constructor();
     /** Highlights the selected item (or the first enabled one) when the popup opens. */
     highlightSelectedItem(): void;
+    private highlightSelectedItemAfterPositioned;
     private scrollSelectedIntoView;
     setKeyboardActive(value: boolean): void;
     isKeyboardActive(): boolean;
     handleKeyDown(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPopup, "[rdxSelectPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: { "returnFocus": "finalFocus"; }; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof i1.RdxCollectionProvider; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPopup, "[rdxSelectPopup]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: { "returnFocus": "finalFocus"; }; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof i1.RdxCompositeList; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -688,15 +710,7 @@ declare class RdxSelectValue {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectValue, "span[rdxSelectValue]", ["rdxSelectedValue"], { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const OPEN_KEYS: string[];
-declare const SELECTION_KEYS: string[];
-declare const CONTENT_MARGIN = 10;
-declare function valueComparator<T>(value: T | T[] | undefined, currentValue: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
-declare function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
-declare function shouldShowPlaceholder(value?: AcceptableValue | AcceptableValue[]): boolean;
-declare function focusFirst(candidates: HTMLElement[]): void;
-
 declare const _importsSelect: (typeof RdxSelectGroupLabel)[];
 
 export { CONTENT_MARGIN, OPEN_KEYS, RDX_SELECT_POSITIONER_TOKEN, RdxSelectBackdrop, RdxSelectGroup, RdxSelectGroupLabel, RdxSelectIcon, RdxSelectItem, RdxSelectItemIndicator, RdxSelectItemText, RdxSelectList, RdxSelectPopup, RdxSelectPortal, RdxSelectPortalMisuseGuard, RdxSelectPositioner, RdxSelectRoot, RdxSelectSeparator, RdxSelectTrigger, RdxSelectValue, SELECTION_KEYS, _importsSelect, compare, focusFirst, injectSelectItemContext, injectSelectPopupContext, injectSelectRootContext, provideSelectItemContext, provideSelectPopupContext, provideSelectRootContext, shouldShowPlaceholder, valueComparator };
-export type { RdxPositionerImpl, RdxSelectItemContext, RdxSelectOpenChangeEvent, RdxSelectOpenChangeEventDetails, RdxSelectOpenChangeReason, RdxSelectOpenMethod, RdxSelectPopupContext, RdxSelectRootContext, RdxSelectValueChangeEvent, RdxSelectValueChangeEventDetails, RdxSelectValueChangeReason, SelectEvent, SelectOption };
+export type { RdxPositionerImpl, RdxSelectItemContext, RdxSelectItemMetadata, RdxSelectOpenChangeEvent, RdxSelectOpenChangeEventDetails, RdxSelectOpenChangeReason, RdxSelectOpenMethod, RdxSelectPopupContext, RdxSelectRootContext, RdxSelectValueChangeEvent, RdxSelectValueChangeEventDetails, RdxSelectValueChangeReason, SelectEvent, SelectOption };