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

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

@@ -1,65 +1,30 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, OutputRef, ElementRef } from '@angular/core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { AcceptableValue, Direction } from '@radix-ng/primitives/core';
+import { AcceptableValue, Direction, ItemValueComparator } from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_select from '@radix-ng/primitives/select';
-import * as i1 from '@radix-ng/primitives/focus-scope';
-import * as i2 from '@radix-ng/primitives/dismissable-layer';
-import * as i3 from '@radix-ng/primitives/collection';
-import * as _radix_ng_primitives_types_radix_ng_primitives_core from '@radix-ng/primitives/types/radix-ng-primitives-core';
+import * as i1 from '@radix-ng/primitives/collection';
+import { RdxCollectionItem } from '@radix-ng/primitives/collection';
 import * as i1$1 from '@radix-ng/primitives/popper';
+import * as i2 from '@radix-ng/primitives/focus-scope';
+import * as i3 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 _radix_ng_primitives_types_radix_ng_primitives_collection from '@radix-ng/primitives/types/radix-ng-primitives-collection';
 import * as i1$2 from '@radix-ng/primitives/portal';
-import { RdxPortalContainer } from '@radix-ng/primitives/portal';
-import * as i1$3 from '@radix-ng/primitives/presence';
 
-declare class RdxSelectLabel {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectLabel, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectLabel, "[rdxSelectLabel]", never, {}, {}, never, never, true, never>;
+declare class RdxSelectGroupLabel {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectGroupLabel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectGroupLabel, "[rdxSelectGroupLabel]", never, {}, {}, never, never, true, never>;
 }
 
-declare const context$2: () => {
-    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>;
-    onViewportChange: (node: any) => void;
-    onItemLeave: () => void;
-    itemRefCallback: (node: any, value: any, disabled: boolean) => void;
-    itemTextRefCallback: (node: any, value: any, disabled: any) => void;
-};
-type RdxSelectContentContext = ReturnType<typeof context$2>;
-declare const injectSelectContentContext: _radix_ng_primitives_core.InjectContext<{
-    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>;
-    onViewportChange: (node: any) => void;
-    onItemLeave: () => void;
-    itemRefCallback: (node: any, value: any, disabled: boolean) => void;
-    itemTextRefCallback: (node: any, value: any, disabled: any) => void;
-}>;
-declare const provideSelectContentContext: (useFactory: () => {
-    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>;
-    onViewportChange: (node: any) => void;
-    onItemLeave: () => void;
-    itemRefCallback: (node: any, value: any, disabled: boolean) => void;
-    itemTextRefCallback: (node: any, value: any, disabled: any) => void;
-}) => _angular_core.Provider;
-interface RdxPositionerImpl {
-    placed: OutputRef<any>;
-}
-declare const RDX_SELECT_POSITIONER_TOKEN: InjectionToken<RdxPositionerImpl>;
-declare class RdxSelectContent {
-    private readonly dismissableLayer;
-    private readonly currentElement;
-    private readonly collection;
-    readonly rootContext: {
+/**
+ * An overlay rendered beneath the popup in `modal` mode. Place it inside the portal/presence; style
+ * it `position: fixed; inset: 0`. Exposes `data-open` / `data-closed` for animation.
+ *
+ * @group Components
+ */
+declare class RdxSelectBackdrop {
+    protected readonly rootContext: {
         triggerElement: _angular_core.WritableSignal<HTMLElement | null>;
         valueElement: _angular_core.WritableSignal<HTMLElement | null>;
         triggerPointerDownPosRef: _angular_core.WritableSignal<{
@@ -67,42 +32,27 @@ declare class RdxSelectContent {
             y: number;
         } | null>;
         contentId: string;
-        dir: _angular_core.InputSignal<_radix_ng_primitives_core.Direction>;
-        value: _angular_core.ModelSignal<_radix_ng_primitives_core.AcceptableValue | _radix_ng_primitives_core.AcceptableValue[] | undefined>;
+        dir: _angular_core.InputSignal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
+        value: _angular_core.ModelSignal<_radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue | _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue[] | undefined>;
         multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        by: _angular_core.InputSignal<string | ((a: _radix_ng_primitives_core.AcceptableValue, b: _radix_ng_primitives_core.AcceptableValue) => boolean) | undefined>;
+        isItemEqualToValue: _angular_core.InputSignal<_radix_ng_primitives_types_radix_ng_primitives_core.ItemValueComparator<_radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue> | undefined>;
+        itemToStringLabel: _angular_core.InputSignal<((value: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => string) | undefined>;
         open: _angular_core.ModelSignal<boolean>;
         disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        isEmptyModelValue: _angular_core.Signal<boolean>;
+        transitionStatus: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.RdxTransitionStatus>;
+        registerTransitionElement: (element: HTMLElement) => () => void;
         optionsSet: _angular_core.WritableSignal<Set<_radix_ng_primitives_select.SelectOption>>;
         onOptionAdd: (option: any) => void;
         onOptionRemove: (option: any) => void;
-        onValueChange: (value: _radix_ng_primitives_core.AcceptableValue) => void;
+        onValueChange: (value: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => void;
         onTriggerChange: (node: any) => void;
         onValueElementChange: (node: any) => void;
         onOpenChange: (value: any) => void;
     };
-    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>;
-    /**
-     * Event handler called when the escape key is down.
-     * Can be prevented.
-     */
-    readonly escapeKeyDown: OutputRef<KeyboardEvent>;
-    /**
-     * Event handler called when a `pointerdown` event happens outside of the `DismissableLayer`.
-     * Can be prevented.
-     */
-    readonly pointerDownOutside: OutputRef<PointerEvent>;
-    readonly content: _angular_core.WritableSignal<HTMLElement | null>;
-    set positioner(port: RdxPositionerImpl | undefined);
-    constructor();
-    focusSelectedItem(): void;
-    handleKeyDown(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectContent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectContent, "[rdxSelectContent]", never, {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, ["positioner"], never, true, [{ directive: typeof i1.RdxFocusScope; inputs: {}; outputs: {}; }, { directive: typeof i2.RdxDismissableLayer; inputs: {}; outputs: {}; }, { directive: typeof i3.RdxCollectionProvider; inputs: {}; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectBackdrop, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectBackdrop, "[rdxSelectBackdrop]", ["rdxSelectBackdrop"], {}, {}, never, never, true, never>;
 }
 
 declare class RdxSelectGroup {
@@ -111,14 +61,24 @@ declare class RdxSelectGroup {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectGroup, "[rdxSelectGroup]", ["rdxSelectGroup"], {}, {}, never, never, true, never>;
 }
 
-declare const context$1: () => {
+/**
+ * Decorative icon inside the trigger (e.g. a chevron). Hidden from assistive technology.
+ *
+ * @group Components
+ */
+declare class RdxSelectIcon {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectIcon, "[rdxSelectIcon]", ["rdxSelectIcon"], {}, {}, never, never, true, never>;
+}
+
+declare const context$2: () => {
     value: _angular_core.InputSignal<any>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     isSelected: _angular_core.Signal<boolean>;
     textId: string;
     onItemTextChange: (node: any) => void;
 };
-type RdxSelectItemContext = ReturnType<typeof context$1>;
+type RdxSelectItemContext = ReturnType<typeof context$2>;
 declare const injectSelectItemContext: _radix_ng_primitives_core.InjectContext<{
     value: _angular_core.InputSignal<any>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -140,24 +100,26 @@ type SelectEvent = CustomEvent<{
 declare class RdxSelectItem {
     private readonly rootContext;
     private readonly contentContext;
+    private readonly collectionItem;
     private readonly currentElement;
     readonly value: _angular_core.InputSignal<any>;
     readonly textValue: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly textValue$: _angular_core.WritableSignal<string>;
     readonly isSelected: _angular_core.Signal<boolean>;
-    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    /** Highlighted via the highlight model (keyboard / hover), not DOM focus. */
+    readonly isHighlighted: _angular_core.Signal<boolean>;
+    /** Item id, referenced by the popup's `aria-activedescendant`. */
+    readonly id: string;
     readonly textId: string;
     private readonly afterNextRender;
     private SELECT_SELECT;
-    onPointerDown(event: Event): void;
     onPointerUp(event: PointerEvent | KeyboardEvent): void;
     onPointerLeave(event: Event): void;
     onPointerMove(event: Event): void;
     handleKeyDown(event: Event): void;
-    handleSelectCustomEvent(event: PointerEvent | KeyboardEvent): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectItem, "[rdxSelectItem]", never, { "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 i3.RdxCollectionItem; inputs: { "value": "value"; }; 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.RdxCollectionItem; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 declare class RdxSelectItemIndicator {
@@ -185,9 +147,14 @@ declare class RdxSelectItemText {
         dir: _angular_core.InputSignal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<_radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue | _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue[] | undefined>;
         multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        by: _angular_core.InputSignal<string | ((a: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue, b: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => boolean) | undefined>;
+        isItemEqualToValue: _angular_core.InputSignal<_radix_ng_primitives_types_radix_ng_primitives_core.ItemValueComparator<_radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue> | undefined>;
+        itemToStringLabel: _angular_core.InputSignal<((value: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => string) | undefined>;
         open: _angular_core.ModelSignal<boolean>;
         disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        isEmptyModelValue: _angular_core.Signal<boolean>;
+        transitionStatus: _angular_core.Signal<_radix_ng_primitives_types_radix_ng_primitives_core.RdxTransitionStatus>;
+        registerTransitionElement: (element: HTMLElement) => () => void;
         optionsSet: _angular_core.WritableSignal<Set<_radix_ng_primitives_select.SelectOption>>;
         onOptionAdd: (option: any) => void;
         onOptionRemove: (option: any) => void;
@@ -202,6 +169,11 @@ 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;
+        isKeyboardActive: () => boolean;
+        setKeyboardActive: (value: boolean) => void;
         onViewportChange: (node: any) => void;
         onItemLeave: () => void;
         itemRefCallback: (node: any, value: any, disabled: boolean) => void;
@@ -224,8 +196,88 @@ declare class RdxSelectItemText {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectItemText, "[rdxSelectItemText]", never, {}, {}, never, never, true, never>;
 }
 
-declare class RdxSelectPopperPositionContent {
-    protected rootContext: {
+declare class RdxSelectList {
+    private readonly contentContext;
+    private readonly elementRef;
+    private readonly prevScrollTopRef;
+    constructor();
+    handleScroll(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectList, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectList, "[rdxSelectList]", never, {}, {}, never, never, true, never>;
+}
+
+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: _angular_core.Signal<RdxCollectionItem<unknown> | null>;
+    isHighlighted: (item: RdxCollectionItem) => boolean;
+    highlightItem: (item: RdxCollectionItem) => void;
+    isKeyboardActive: () => boolean;
+    setKeyboardActive: (value: boolean) => void;
+    onViewportChange: (node: any) => void;
+    onItemLeave: () => void;
+    itemRefCallback: (node: any, value: any, disabled: boolean) => void;
+    itemTextRefCallback: (node: any, value: any, disabled: any) => void;
+};
+type RdxSelectPopupContext = ReturnType<typeof context$1>;
+declare const injectSelectPopupContext: _radix_ng_primitives_core.InjectContext<{
+    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: _angular_core.Signal<RdxCollectionItem<unknown> | null>;
+    isHighlighted: (item: RdxCollectionItem) => boolean;
+    highlightItem: (item: RdxCollectionItem) => void;
+    isKeyboardActive: () => boolean;
+    setKeyboardActive: (value: boolean) => void;
+    onViewportChange: (node: any) => void;
+    onItemLeave: () => void;
+    itemRefCallback: (node: any, value: any, disabled: boolean) => void;
+    itemTextRefCallback: (node: any, value: any, disabled: any) => void;
+}>;
+declare const provideSelectPopupContext: (useFactory: () => {
+    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: _angular_core.Signal<RdxCollectionItem<unknown> | null>;
+    isHighlighted: (item: RdxCollectionItem) => boolean;
+    highlightItem: (item: RdxCollectionItem) => void;
+    isKeyboardActive: () => boolean;
+    setKeyboardActive: (value: boolean) => void;
+    onViewportChange: (node: any) => void;
+    onItemLeave: () => void;
+    itemRefCallback: (node: any, value: any, disabled: boolean) => void;
+    itemTextRefCallback: (node: any, value: any, disabled: any) => void;
+}) => _angular_core.Provider;
+interface RdxPositionerImpl {
+    placed: OutputRef<any>;
+}
+declare const RDX_SELECT_POSITIONER_TOKEN: InjectionToken<RdxPositionerImpl>;
+/**
+ * The popup listbox. Holds DOM focus while open and navigates with the highlight model
+ * (`aria-activedescendant`) — items are not individually focusable.
+ *
+ * Since ADR 0010 §6 the popup is the **inner** element (the positioner is its ancestor): it carries
+ * `role="listbox"`, the `contentId`, and — via the composed {@link RdxPopperContent} — the
+ * `data-side` / `data-align` attributes and the until-positioned animation guard previously held by
+ * the deleted `rdxSelectPositionerContent`. `RdxPopperContent` also makes the popup the element the
+ * `RdxPopperContentWrapper` ancestor reads its content z-index from. In item-aligned mode there is no
+ * wrapper, so `RdxPopperContent` no-ops.
+ *
+ * @group Components
+ */
+declare class RdxSelectPopup {
+    private readonly dismissableLayer;
+    private readonly currentElement;
+    private readonly collection;
+    private readonly injector;
+    readonly rootContext: {
         triggerElement: _angular_core.WritableSignal<HTMLElement | null>;
         valueElement: _angular_core.WritableSignal<HTMLElement | null>;
         triggerPointerDownPosRef: _angular_core.WritableSignal<{
@@ -233,25 +285,96 @@ declare class RdxSelectPopperPositionContent {
             y: number;
         } | null>;
         contentId: string;
-        dir: _angular_core.InputSignal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
-        value: _angular_core.ModelSignal<_radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue | _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue[] | undefined>;
+        dir: _angular_core.InputSignal<_radix_ng_primitives_core.Direction>;
+        value: _angular_core.ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
         multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        by: _angular_core.InputSignal<string | ((a: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue, b: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => boolean) | undefined>;
+        isItemEqualToValue: _angular_core.InputSignal<_radix_ng_primitives_core.ItemValueComparator<AcceptableValue> | undefined>;
+        itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
         open: _angular_core.ModelSignal<boolean>;
         disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        isEmptyModelValue: _angular_core.Signal<boolean>;
+        transitionStatus: _angular_core.Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+        registerTransitionElement: (element: HTMLElement) => () => void;
         optionsSet: _angular_core.WritableSignal<Set<_radix_ng_primitives_select.SelectOption>>;
         onOptionAdd: (option: any) => void;
         onOptionRemove: (option: any) => void;
-        onValueChange: (value: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => void;
+        onValueChange: (value: AcceptableValue) => void;
         onTriggerChange: (node: any) => void;
         onValueElementChange: (node: any) => void;
         onOpenChange: (value: any) => void;
     };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPopperPositionContent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPopperPositionContent, "[rdxSelectPopperPositionContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }]>;
+    /**
+     * 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).
+     */
+    readonly items: _angular_core.Signal<readonly RdxCollectionItem<any>[]>;
+    /**
+     * 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 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;
+    /**
+     * Event handler called when the escape key is down.
+     * Can be prevented.
+     */
+    readonly escapeKeyDown: OutputRef<KeyboardEvent>;
+    /**
+     * Event handler called when a `pointerdown` event happens outside of the `DismissableLayer`.
+     * Can be prevented.
+     */
+    readonly pointerDownOutside: OutputRef<PointerEvent>;
+    readonly content: _angular_core.WritableSignal<HTMLElement | null>;
+    /**
+     * The positioner — now an **ancestor** element — provides {@link RDX_SELECT_POSITIONER_TOKEN}
+     * (Popper or item-aligned). We react to its `placed` to highlight and scroll the selected item
+     * into view and flag the popup as positioned.
+     */
+    private readonly positioner;
+    constructor();
+    /** Highlights the selected item (or the first enabled one) when the popup opens. */
+    highlightSelectedItem(): void;
+    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 i2.RdxFocusScope; inputs: {}; outputs: {}; }, { directive: typeof i3.RdxDismissableLayer; inputs: {}; outputs: {}; }, { directive: typeof i1.RdxCollectionProvider; inputs: {}; outputs: {}; }]>;
 }
 
-declare class RdxSelectPopperPositionWrapper implements RdxPositionerImpl {
+/**
+ * Structural directive that teleports the select popup into a container (default `document.body`)
+ * while the select is open, and keeps it mounted until any CSS exit `@keyframes` finishes.
+ *
+ * Apply it with the `*` microsyntax on the popup — `<div *rdxSelectPortal rdxSelectPopup>` — or as an
+ * explicit `<ng-template rdxSelectPortal>`. For a custom container use the explicit form with
+ * `[container]`. Unlike the previous attribute portal it no longer parks an empty wrapper `<div>` in
+ * `document.body` while the select is closed.
+ */
+declare class RdxSelectPortal {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPortal, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPortal, "ng-template[rdxSelectPortal]", ["rdxSelectPortal"], {}, {}, never, never, true, [{ directive: typeof i1$2.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
+}
+/**
+ * Dev-mode guard: `rdxSelectPortal` used to be an attribute directive on a `<div>`. It is now
+ * structural, so the old `<div rdxSelectPortal>` markup would silently stop portaling — fail loudly
+ * instead.
+ */
+declare class RdxSelectPortalMisuseGuard {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPortalMisuseGuard, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPortalMisuseGuard, "[rdxSelectPortal]:not(ng-template)", never, {}, {}, never, never, true, never>;
+}
+
+declare class RdxSelectPositioner implements RdxPositionerImpl {
     /**
      * The preferred side of the anchor to render against when open.
      * Will be reversed when collisions occur and avoidCollisions is enabled.
@@ -264,7 +387,7 @@ declare class RdxSelectPopperPositionWrapper implements RdxPositionerImpl {
     /**
      * The preferred alignment against the anchor. May change when collisions occur.
      */
-    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
+    readonly align: _angular_core.InputSignal<"center" | "end" | "start">;
     /**
      * An offset in pixels from the `start` or `end` alignment options.
      */
@@ -306,22 +429,8 @@ declare class RdxSelectPopperPositionWrapper implements RdxPositionerImpl {
      * Emits when the element is placed.
      */
     readonly placed: _angular_core.OutputRef<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPopperPositionWrapper, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPopperPositionWrapper, "[rdxSelectPopperPositionWrapper]", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; "isSignal": true; }; "avoidCollisions": { "alias": "avoidCollisions"; "required": false; "isSignal": true; }; "collisionBoundary": { "alias": "collisionBoundary"; "required": false; "isSignal": true; }; "collisionPadding": { "alias": "collisionPadding"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "hideWhenDetached": { "alias": "hideWhenDetached"; "required": false; "isSignal": true; }; "updatePositionStrategy": { "alias": "updatePositionStrategy"; "required": false; "isSignal": true; }; }, { "placed": "placed"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContentWrapper; inputs: { "side": "side"; "sideOffset": "sideOffset"; "align": "align"; "alignOffset": "alignOffset"; "arrowPadding": "arrowPadding"; "avoidCollisions": "avoidCollisions"; "collisionBoundary": "collisionBoundary"; "collisionPadding": "collisionPadding"; "sticky": "sticky"; "hideWhenDetached": "hideWhenDetached"; "updatePositionStrategy": "updatePositionStrategy"; }; outputs: {}; }]>;
-}
-
-declare class RdxSelectPortal {
-    /**
-     * Optional container to portal the content into. Defaults to `document.body` when not set.
-     */
-    readonly container: _angular_core.InputSignal<RdxPortalContainer | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPortal, "[rdxSelectPortal]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
-}
-
-declare class RdxSelectPortalPresence {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPortalPresence, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPortalPresence, "ng-template[rdxSelectPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1$3.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectPositioner, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectPositioner, "[rdxSelectPositioner]", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; "isSignal": true; }; "avoidCollisions": { "alias": "avoidCollisions"; "required": false; "isSignal": true; }; "collisionBoundary": { "alias": "collisionBoundary"; "required": false; "isSignal": true; }; "collisionPadding": { "alias": "collisionPadding"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "hideWhenDetached": { "alias": "hideWhenDetached"; "required": false; "isSignal": true; }; "updatePositionStrategy": { "alias": "updatePositionStrategy"; "required": false; "isSignal": true; }; }, { "placed": "placed"; }, never, never, true, [{ directive: typeof i1$1.RdxPopperContentWrapper; inputs: { "side": "side"; "sideOffset": "sideOffset"; "align": "align"; "alignOffset": "alignOffset"; "arrowPadding": "arrowPadding"; "avoidCollisions": "avoidCollisions"; "collisionBoundary": "collisionBoundary"; "collisionPadding": "collisionPadding"; "sticky": "sticky"; "hideWhenDetached": "hideWhenDetached"; "updatePositionStrategy": "updatePositionStrategy"; }; outputs: {}; }]>;
 }
 
 interface SelectOption {
@@ -340,9 +449,14 @@ declare const context: () => {
     dir: _angular_core.InputSignal<Direction>;
     value: _angular_core.ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    by: _angular_core.InputSignal<string | ((a: AcceptableValue, b: AcceptableValue) => boolean) | undefined>;
+    isItemEqualToValue: _angular_core.InputSignal<ItemValueComparator<AcceptableValue> | undefined>;
+    itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
     open: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    isEmptyModelValue: _angular_core.Signal<boolean>;
+    transitionStatus: _angular_core.Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+    registerTransitionElement: (element: HTMLElement) => () => void;
     optionsSet: _angular_core.WritableSignal<Set<SelectOption>>;
     onOptionAdd: (option: any) => void;
     onOptionRemove: (option: any) => void;
@@ -363,9 +477,14 @@ declare const injectSelectRootContext: _radix_ng_primitives_core.InjectContext<{
     dir: _angular_core.InputSignal<Direction>;
     value: _angular_core.ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    by: _angular_core.InputSignal<string | ((a: AcceptableValue, b: AcceptableValue) => boolean) | undefined>;
+    isItemEqualToValue: _angular_core.InputSignal<ItemValueComparator<AcceptableValue> | undefined>;
+    itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
     open: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    isEmptyModelValue: _angular_core.Signal<boolean>;
+    transitionStatus: _angular_core.Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+    registerTransitionElement: (element: HTMLElement) => () => void;
     optionsSet: _angular_core.WritableSignal<Set<SelectOption>>;
     onOptionAdd: (option: any) => void;
     onOptionRemove: (option: any) => void;
@@ -385,9 +504,14 @@ declare const provideSelectRootContext: (useFactory: () => {
     dir: _angular_core.InputSignal<Direction>;
     value: _angular_core.ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    by: _angular_core.InputSignal<string | ((a: AcceptableValue, b: AcceptableValue) => boolean) | undefined>;
+    isItemEqualToValue: _angular_core.InputSignal<ItemValueComparator<AcceptableValue> | undefined>;
+    itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
     open: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    isEmptyModelValue: _angular_core.Signal<boolean>;
+    transitionStatus: _angular_core.Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+    registerTransitionElement: (element: HTMLElement) => () => void;
     optionsSet: _angular_core.WritableSignal<Set<SelectOption>>;
     onOptionAdd: (option: any) => void;
     onOptionRemove: (option: any) => void;
@@ -401,10 +525,22 @@ declare class RdxSelectRoot {
     readonly value: _angular_core.ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the popup is modal: locks page scroll and makes outside content inert while open. */
+    readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly dir: _angular_core.InputSignal<Direction>;
-    /** Use this to compare objects by a particular field, or pass your own comparison function for complete control over how objects are compared. */
-    readonly by: _angular_core.InputSignal<string | ((a: AcceptableValue, b: AcceptableValue) => boolean) | undefined>;
+    /** How item values are compared for equality — a function `(a, b) => boolean` or an object key. */
+    readonly isItemEqualToValue: _angular_core.InputSignal<ItemValueComparator<AcceptableValue> | undefined>;
+    /** Converts a value to its display label (used by `RdxSelectValue`). */
+    readonly itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
+    /** Emits after the open/close transition (including any exit animation) finishes. */
+    readonly onOpenChangeComplete: _angular_core.OutputEmitterRef<boolean>;
+    private readonly transition;
+    /** Open/close transition phase, for `data-starting-style` / `data-ending-style`. */
+    readonly transitionStatus: _angular_core.Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+    /** Registers the popup element whose animation determines transition completion. */
+    readonly registerTransitionElement: (element: HTMLElement) => () => void;
     readonly isEmptyModelValue: _angular_core.Signal<boolean>;
+    constructor();
     readonly optionsSet: _angular_core.WritableSignal<Set<SelectOption>>;
     readonly nativeSelectKey: _angular_core.Signal<string>;
     readonly triggerElement: _angular_core.WritableSignal<HTMLElement | null>;
@@ -416,7 +552,17 @@ declare class RdxSelectRoot {
     getOption(value: SelectOption['value']): SelectOption | undefined;
     handleValueChange(value: AcceptableValue): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectRoot, "[rdxSelectRoot]", ["rdxSelectRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "by": { "alias": "by"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "value": "valueChange"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectRoot, "[rdxSelectRoot]", ["rdxSelectRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToStringLabel": { "alias": "itemToStringLabel"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "value": "valueChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * A visual divider between groups of items.
+ *
+ * @group Components
+ */
+declare class RdxSelectSeparator {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectSeparator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectSeparator, "[rdxSelectSeparator]", ["rdxSelectSeparator"], {}, {}, never, never, true, never>;
 }
 
 declare class RdxSelectTrigger {
@@ -428,23 +574,36 @@ declare class RdxSelectTrigger {
             y: number;
         } | null>;
         contentId: string;
-        dir: _angular_core.InputSignal<_radix_ng_primitives_types_radix_ng_primitives_core.Direction>;
-        value: _angular_core.ModelSignal<_radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue | _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue[] | undefined>;
+        dir: _angular_core.InputSignal<_radix_ng_primitives_core.Direction>;
+        value: _angular_core.ModelSignal<_radix_ng_primitives_core.AcceptableValue | _radix_ng_primitives_core.AcceptableValue[] | undefined>;
         multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        by: _angular_core.InputSignal<string | ((a: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue, b: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => boolean) | undefined>;
+        isItemEqualToValue: _angular_core.InputSignal<_radix_ng_primitives_core.ItemValueComparator<_radix_ng_primitives_core.AcceptableValue> | undefined>;
+        itemToStringLabel: _angular_core.InputSignal<((value: _radix_ng_primitives_core.AcceptableValue) => string) | undefined>;
         open: _angular_core.ModelSignal<boolean>;
         disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        isEmptyModelValue: _angular_core.Signal<boolean>;
+        transitionStatus: _angular_core.Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+        registerTransitionElement: (element: HTMLElement) => () => void;
         optionsSet: _angular_core.WritableSignal<Set<_radix_ng_primitives_select.SelectOption>>;
         onOptionAdd: (option: any) => void;
         onOptionRemove: (option: any) => void;
-        onValueChange: (value: _radix_ng_primitives_types_radix_ng_primitives_core.AcceptableValue) => void;
+        onValueChange: (value: _radix_ng_primitives_core.AcceptableValue) => void;
         onTriggerChange: (node: any) => void;
         onValueElementChange: (node: any) => void;
         onOpenChange: (value: any) => void;
     };
     readonly elementRef: ElementRef<HTMLElement>;
+    private readonly fieldRootContext;
+    /** The trigger id; Field labels and descriptions reference it for accessible relationships. */
+    readonly id: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly requiredState: _angular_core.Signal<boolean>;
+    protected readonly filledState: _angular_core.Signal<boolean>;
+    protected readonly focusedState: _angular_core.Signal<boolean>;
+    protected readonly describedBy: _angular_core.Signal<string | undefined>;
     constructor();
     handleOpen(): void;
     handlePointerOpen(event: Event): void;
@@ -452,8 +611,11 @@ declare class RdxSelectTrigger {
     onPointerDown(event: Event): void;
     onPointerUp(event: Event): void;
     onKeydown(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    protected readonly dataAttr: (value: boolean) => "" | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectTrigger, "button[rdxSelectTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperAnchor; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectTrigger, "button[rdxSelectTrigger]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperAnchor; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxSelectValue {
@@ -468,9 +630,14 @@ declare class RdxSelectValue {
         dir: _angular_core.InputSignal<_radix_ng_primitives_core.Direction>;
         value: _angular_core.ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
         multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        by: _angular_core.InputSignal<string | ((a: AcceptableValue, b: AcceptableValue) => boolean) | undefined>;
+        isItemEqualToValue: _angular_core.InputSignal<_radix_ng_primitives_core.ItemValueComparator<AcceptableValue> | undefined>;
+        itemToStringLabel: _angular_core.InputSignal<((value: AcceptableValue) => string) | undefined>;
         open: _angular_core.ModelSignal<boolean>;
         disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+        isEmptyModelValue: _angular_core.Signal<boolean>;
+        transitionStatus: _angular_core.Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+        registerTransitionElement: (element: HTMLElement) => () => void;
         optionsSet: _angular_core.WritableSignal<Set<_radix_ng_primitives_select.SelectOption>>;
         onOptionAdd: (option: any) => void;
         onOptionRemove: (option: any) => void;
@@ -488,16 +655,6 @@ declare class RdxSelectValue {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectValue, "span[rdxSelectValue]", ["rdxSelectedValue"], { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class RdxSelectViewport {
-    private readonly contentContext;
-    private readonly elementRef;
-    private readonly prevScrollTopRef;
-    constructor();
-    handleScroll(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSelectViewport, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSelectViewport, "[rdxSelectViewport]", never, {}, {}, never, never, true, never>;
-}
-
 declare const OPEN_KEYS: string[];
 declare const SELECTION_KEYS: string[];
 declare const CONTENT_MARGIN = 10;
@@ -506,7 +663,7 @@ declare function compare<T>(value?: T, currentValue?: T, comparator?: string | (
 declare function shouldShowPlaceholder(value?: AcceptableValue | AcceptableValue[]): boolean;
 declare function focusFirst(candidates: HTMLElement[]): void;
 
-declare const _importsSelect: (typeof RdxSelectLabel)[];
+declare const _importsSelect: (typeof RdxSelectGroupLabel)[];
 
-export { CONTENT_MARGIN, OPEN_KEYS, RDX_SELECT_POSITIONER_TOKEN, RdxSelectContent, RdxSelectGroup, RdxSelectItem, RdxSelectItemIndicator, RdxSelectItemText, RdxSelectLabel, RdxSelectPopperPositionContent, RdxSelectPopperPositionWrapper, RdxSelectPortal, RdxSelectPortalPresence, RdxSelectRoot, RdxSelectTrigger, RdxSelectValue, RdxSelectViewport, SELECTION_KEYS, _importsSelect, compare, focusFirst, injectSelectContentContext, injectSelectItemContext, injectSelectRootContext, provideSelectContentContext, provideSelectItemContext, provideSelectRootContext, shouldShowPlaceholder, valueComparator };
-export type { RdxPositionerImpl, RdxSelectContentContext, RdxSelectItemContext, RdxSelectRootContext, SelectEvent, SelectOption };
+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, RdxSelectPopupContext, RdxSelectRootContext, SelectEvent, SelectOption };