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

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

@@ -198,6 +198,8 @@ interface RdxDrawerRootContext {
     frontmostHeight: Signal<number>;
     /** Reports the popup's measured size (px) so the provider can expose it. */
     reportPopupHeight: (height: number) => void;
+    /** Whether the drawer is currently open. */
+    open: Signal<boolean>;
 }
 declare const injectRdxDrawerRootContext: _radix_ng_primitives_core.InjectContext<RdxDrawerRootContext>;
 declare const provideRdxDrawerRootContext: (useFactory: () => RdxDrawerRootContext) => i0.Provider;
@@ -334,6 +336,42 @@ declare class RdxDrawerViewport {
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerViewport, "[rdxDrawerViewport]", ["rdxDrawerViewport"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogViewport; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Provides mobile virtual-keyboard handling for bottom-sheet drawers with form fields.
+ *
+ * Put it on the drawer viewport that contains the popup. The directive writes
+ * `--drawer-keyboard-inset` to the host, keeps the focused keyboard input visible when
+ * `visualViewport` shrinks, adds temporary scroll slack to the nearest drawer scroller, and uses
+ * synchronous tap-to-focus on touch devices so iOS opens the software keyboard reliably.
+ */
+declare class RdxDrawerVirtualKeyboardProvider {
+    private readonly drawerContext;
+    private readonly elementRef;
+    private readonly destroyRef;
+    private readonly element;
+    private pendingKeyboardFocusMoved;
+    private keyboardTouchStart;
+    private focusedKeyboardTarget;
+    private keyboardScrollAdjustment;
+    private keyboardFocusFrame;
+    constructor();
+    protected onTouchStart(event: TouchEvent): void;
+    protected onTouchMove(event: TouchEvent): void;
+    protected onTouchEnd(event: TouchEvent): void;
+    protected resetTouchTrackingState(): void;
+    private captureFocusedKeyboardTarget;
+    private alignFocusedKeyboardTarget;
+    private scheduleKeyboardFocusAlignment;
+    private cancelKeyboardFocusFrame;
+    private clearFocusedKeyboardTarget;
+    private setDrawerKeyboardInset;
+    private resetDrawerKeyboardInset;
+    private setKeyboardScrollSlack;
+    private restoreKeyboardScrollAdjustment;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerVirtualKeyboardProvider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerVirtualKeyboardProvider, "[rdxDrawerVirtualKeyboardProvider]", ["rdxDrawerVirtualKeyboardProvider"], {}, {}, never, never, true, never>;
+}
+
 /**
  * A container for the drawer contents.
  *
@@ -445,9 +483,9 @@ declare function createRdxDrawerHandle<Payload = unknown>(): RdxDrawerHandle<Pay
 declare const drawerImports: (typeof RdxDrawerProviderDirective)[];
 declare class RdxDrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDrawerModule, never, [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground], [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDrawerModule, never, [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerVirtualKeyboardProvider, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground], [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortal, typeof RdxDrawerPortalMisuseGuard, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerVirtualKeyboardProvider, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RdxDrawerModule>;
 }
 
-export { RdxDrawerBackdrop, RdxDrawerClose, RdxDrawerContent, RdxDrawerDescription, RdxDrawerHandle, RdxDrawerIndent, RdxDrawerIndentBackground, RdxDrawerModule, RdxDrawerPopup, RdxDrawerPortal, RdxDrawerPortalMisuseGuard, RdxDrawerProvider, RdxDrawerProviderDirective, RdxDrawerRoot, RdxDrawerSwipeArea, RdxDrawerTitle, RdxDrawerTrigger, RdxDrawerViewport, buildSnapEntries, createRdxDrawerHandle, dismissUnitVector, drawerImports, injectRdxDrawerRootContext, provideRdxDrawerProvider, provideRdxDrawerRootContext, resolveSnapTarget, snapPointReveal, useDrawerSwipe };
+export { RdxDrawerBackdrop, RdxDrawerClose, RdxDrawerContent, RdxDrawerDescription, RdxDrawerHandle, RdxDrawerIndent, RdxDrawerIndentBackground, RdxDrawerModule, RdxDrawerPopup, RdxDrawerPortal, RdxDrawerPortalMisuseGuard, RdxDrawerProvider, RdxDrawerProviderDirective, RdxDrawerRoot, RdxDrawerSwipeArea, RdxDrawerTitle, RdxDrawerTrigger, RdxDrawerViewport, RdxDrawerVirtualKeyboardProvider, buildSnapEntries, createRdxDrawerHandle, dismissUnitVector, drawerImports, injectRdxDrawerRootContext, provideRdxDrawerProvider, provideRdxDrawerRootContext, resolveSnapTarget, snapPointReveal, useDrawerSwipe };
 export type { RdxDrawerRegistration, RdxDrawerRelease, RdxDrawerRootContext, RdxDrawerSnapEntry, RdxDrawerSnapPoint, RdxDrawerSnapResolveOptions, RdxDrawerSnapTarget, RdxDrawerSwipeConfig, RdxDrawerSwipeDirection };

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

@@ -7,7 +7,8 @@ import { RdxInteractionType } from '@radix-ng/primitives/floating-focus-manager'
 import * as i1 from '@radix-ng/primitives/popper';
 import { RdxPopperContentWrapper } from '@radix-ng/primitives/popper';
 import * as _radix_ng_primitives_menu from '@radix-ng/primitives/menu';
-import * as i1$1 from '@radix-ng/primitives/portal';
+import * as i1$1 from '@radix-ng/primitives/composite';
+import * as i1$2 from '@radix-ng/primitives/portal';
 import { RdxOutsidePressDomEvent } from '@radix-ng/primitives/dismissable-layer';
 
 type RdxMenuTransitionStatus = 'starting' | 'ending' | undefined;
@@ -47,6 +48,7 @@ interface RdxMenuOpenChange {
 interface RdxMenuRootContext {
     isOpen: Signal<boolean>;
     present: Signal<boolean>;
+    activeIndex: Signal<number | null>;
     disabled: Signal<boolean>;
     modal: Signal<boolean>;
     loopFocus: Signal<boolean>;
@@ -74,6 +76,7 @@ interface RdxMenuRootContext {
     beforeContentFocusGuard: Signal<HTMLElement | null>;
     transitionStatus: Signal<RdxMenuTransitionStatus>;
     close: (reason?: RdxMenuOpenChangeReason, event?: Event) => void;
+    setActiveIndex: (index: number | null) => void;
     /** Close this menu and every ancestor — used by item selection (the whole menu dismisses). */
     closeEntireMenu: (reason?: RdxMenuOpenChangeReason, event?: Event) => void;
     toggle: (reason?: RdxMenuOpenChangeReason, event?: Event) => void;
@@ -135,7 +138,7 @@ declare const provideRdxMenuRootContext: (useFactory: () => RdxMenuRootContext)
  */
 declare class RdxMenuRoot {
     private readonly popper;
-    private readonly parentRoot;
+    readonly parentRoot: RdxMenuRoot | null;
     private readonly providedDirection;
     /**
      * The shared per-popup floating context (ADR 0015 §1) — `open` mirrors this menu's open state, the
@@ -178,6 +181,7 @@ declare class RdxMenuRoot {
     readonly popupElement: _angular_core.WritableSignal<HTMLElement | undefined>;
     readonly beforeContentFocusGuard: _angular_core.WritableSignal<HTMLElement | null>;
     readonly transitionStatus: Signal<_radix_ng_primitives_core.RdxTransitionStatus>;
+    readonly activeIndex: _angular_core.WritableSignal<number | null>;
     /** Whether the popup grabs focus when it opens. Set false for menubar hover-switching. */
     readonly autoFocus: _angular_core.WritableSignal<RdxMenuAutoFocus>;
     readonly isSubmenu: _angular_core.WritableSignal<boolean>;
@@ -209,6 +213,7 @@ declare class RdxMenuRoot {
     close(reason?: RdxMenuOpenChangeReason, event?: Event): void;
     toggle(reason?: RdxMenuOpenChangeReason, event?: Event): void;
     markAsContextMenu(): void;
+    setActiveIndex(index: number | null): void;
     setAllowMouseUpTrigger(value: boolean): void;
     /**
      * Close this menu **and every ancestor menu** in the chain. Selecting an item dismisses the whole
@@ -226,6 +231,7 @@ declare class RdxMenuRoot {
     markAsSubmenu(): void;
     closeParent(): void;
     private createOpenChangeEvent;
+    private focusOpenPopup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuRoot, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuRoot, "[rdxMenuRoot],[rdxMenuSubmenuRoot]", ["rdxMenuRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "highlightItemOnHover": { "alias": "highlightItemOnHover"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "closeParentOnEsc": { "alias": "closeParentOnEsc"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, [{ directive: typeof i1.RdxPopper; inputs: {}; outputs: {}; }]>;
 }
@@ -294,6 +300,8 @@ declare class RdxMenuTrigger {
 declare class RdxMenuSubTrigger {
     protected readonly submenuContext: _radix_ng_primitives_menu.RdxMenuRootContext;
     private readonly submenuRoot;
+    protected readonly parentMenuRoot: RdxMenuRoot | null;
+    private readonly listItem;
     private readonly elementRef;
     private readonly destroyRef;
     private readonly isBrowser;
@@ -317,7 +325,7 @@ declare class RdxMenuSubTrigger {
     readonly closeDelay: _angular_core.InputSignalWithTransform<number | undefined, NumberInput>;
     /** Explicit typeahead label. When set, overrides textContent for character search. */
     readonly label: _angular_core.InputSignal<string | undefined>;
-    /** Highlighted when focused OR while the submenu is open. */
+    /** Highlighted when active in the parent menu or while the submenu is open. */
     protected readonly highlighted: _angular_core.Signal<boolean>;
     protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
     protected readonly nativeButtonState: _angular_core.Signal<boolean>;
@@ -335,8 +343,10 @@ declare class RdxMenuSubTrigger {
     private closeSiblingSubmenus;
     private clearSiblingHighlights;
     private focusFirstSubmenuItem;
+    private setParentActiveIndex;
+    private clearParentActiveIndex;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuSubTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuSubTrigger, "[rdxMenuSubTrigger]", ["rdxMenuSubTrigger"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxPopperAnchor; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuSubTrigger, "[rdxMenuSubTrigger]", ["rdxMenuSubTrigger"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxPopperAnchor; inputs: {}; outputs: {}; }, { directive: typeof i1$1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -350,7 +360,7 @@ declare class RdxMenuSubTrigger {
  */
 declare class RdxMenuPortal {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuPortal, "ng-template[rdxMenuPortal]", ["rdxMenuPortal"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuPortal, "ng-template[rdxMenuPortal]", ["rdxMenuPortal"], {}, {}, never, never, true, [{ directive: typeof i1$2.RdxPortalPresence; inputs: { "container": "container"; }; outputs: {}; }]>;
 }
 /**
  * Dev-mode guard: `rdxMenuPortal` is a structural directive. The old `<div rdxMenuPortal>` markup
@@ -386,11 +396,12 @@ declare class RdxMenuPopup {
     private readonly registration;
     private readonly focusManager;
     private readonly focusScope;
+    private readonly compositeList;
     private readonly wrapper;
     private readonly elementRef;
     private search;
     private searchTimer;
-    protected readonly align: _angular_core.Signal<"end" | "start" | "center" | undefined>;
+    protected readonly align: _angular_core.Signal<"center" | "end" | "start" | undefined>;
     protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
     /**
      * Event handler called when the escape key is pressed. Can be prevented.
@@ -421,8 +432,11 @@ declare class RdxMenuPopup {
     protected handleKeydown(event: KeyboardEvent): void;
     private scheduleSubmenuKeyboardFocus;
     private applySubmenuKeyboardFocus;
+    private menuItems;
+    private currentItemIndex;
+    private focusMenuItem;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuPopup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuPopup, "[rdxMenuPopup]", ["rdxMenuPopup"], {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1.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<RdxMenuPopup, "[rdxMenuPopup]", ["rdxMenuPopup"], {}, { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }, never, never, true, [{ directive: typeof i1.RdxPopperContent; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_core.RdxFloatingNodeRegistration; inputs: {}; outputs: {}; }, { directive: typeof _radix_ng_primitives_floating_focus_manager.RdxFloatingFocusManager; inputs: {}; outputs: {}; }, { directive: typeof i1$1.RdxCompositeList; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -476,7 +490,7 @@ declare class RdxMenuArrow {
     protected readonly rootContext: _radix_ng_primitives_menu.RdxMenuRootContext;
     private readonly wrapper;
     protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
-    protected readonly align: _angular_core.Signal<"end" | "start" | "center" | undefined>;
+    protected readonly align: _angular_core.Signal<"center" | "end" | "start" | undefined>;
     protected readonly uncentered: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuArrow, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuArrow, "[rdxMenuArrow]", ["rdxMenuArrow"], {}, {}, never, never, true, [{ directive: typeof i1.RdxPopperArrow; inputs: {}; outputs: {}; }]>;
@@ -486,7 +500,8 @@ declare class RdxMenuArrow {
  * An individual menu item.
  */
 declare class RdxMenuItem {
-    private readonly rootContext;
+    protected readonly rootContext: _radix_ng_primitives_menu.RdxMenuRootContext | null;
+    private readonly listItem;
     private readonly elementRef;
     private readonly isFocused;
     /** Whether this item is disabled. */
@@ -499,6 +514,7 @@ declare class RdxMenuItem {
     readonly onSelect: _angular_core.OutputEmitterRef<void>;
     protected readonly highlighted: _angular_core.Signal<boolean>;
     protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    constructor();
     onFocus(): void;
     onBlur(): void;
     onPointerMove(event: PointerEvent): void;
@@ -506,15 +522,18 @@ declare class RdxMenuItem {
     onItemClick(): void;
     onMouseUp(event: MouseEvent): void;
     protected onActivate(event: Event): void;
+    private setActiveIndex;
+    private clearActiveIndex;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuItem, "[rdxMenuItem]", ["rdxMenuItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuItem, "[rdxMenuItem]", ["rdxMenuItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1$1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
  * A menu item that renders as a link.
  */
 declare class RdxMenuLinkItem {
-    private readonly rootContext;
+    protected readonly rootContext: _radix_ng_primitives_menu.RdxMenuRootContext | null;
+    private readonly listItem;
     private readonly elementRef;
     private readonly isFocused;
     /** Whether this item is disabled. */
@@ -527,6 +546,7 @@ declare class RdxMenuLinkItem {
     readonly onSelect: _angular_core.OutputEmitterRef<void>;
     protected readonly highlighted: _angular_core.Signal<boolean>;
     protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    constructor();
     onFocus(): void;
     onBlur(): void;
     onPointerMove(event: PointerEvent): void;
@@ -534,8 +554,10 @@ declare class RdxMenuLinkItem {
     onItemClick(event: MouseEvent): void;
     onMouseUp(event: MouseEvent): void;
     protected onActivate(event: Event): void;
+    private setActiveIndex;
+    private clearActiveIndex;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuLinkItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuLinkItem, "a[rdxMenuLinkItem]", ["rdxMenuLinkItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuLinkItem, "a[rdxMenuLinkItem]", ["rdxMenuLinkItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1$1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -579,7 +601,8 @@ declare const provideRdxMenuCheckboxItemContext: (useFactory: () => RdxMenuCheck
  * A menu item that can be checked or unchecked.
  */
 declare class RdxMenuCheckboxItem {
-    private readonly rootContext;
+    protected readonly rootContext: _radix_ng_primitives_menu.RdxMenuRootContext | null;
+    private readonly listItem;
     private readonly elementRef;
     private readonly isFocused;
     /** Whether this item is disabled. */
@@ -596,6 +619,7 @@ declare class RdxMenuCheckboxItem {
     protected readonly effectiveDisabled: Signal<boolean>;
     protected readonly isIndeterminate: typeof isIndeterminate;
     protected readonly getCheckedState: typeof getCheckedState;
+    constructor();
     onFocus(): void;
     onBlur(): void;
     onPointerMove(event: PointerEvent): void;
@@ -604,8 +628,10 @@ declare class RdxMenuCheckboxItem {
     onMouseUp(event: MouseEvent): void;
     protected onActivate(event: Event): void;
     private toggleChecked;
+    private setActiveIndex;
+    private clearActiveIndex;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuCheckboxItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuCheckboxItem, "[rdxMenuCheckboxItem]", ["rdxMenuCheckboxItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuCheckboxItem, "[rdxMenuCheckboxItem]", ["rdxMenuCheckboxItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1$1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -662,8 +688,9 @@ declare const provideRdxMenuRadioItemContext: (useFactory: () => RdxMenuRadioIte
  * A radio item within a menu radio group.
  */
 declare class RdxMenuRadioItem<T = unknown> {
-    private readonly rootContext;
+    protected readonly rootContext: _radix_ng_primitives_menu.RdxMenuRootContext | null;
     private readonly radioGroupContext;
+    private readonly listItem;
     private readonly elementRef;
     private readonly isFocused;
     /** The value of this radio item. */
@@ -680,6 +707,7 @@ declare class RdxMenuRadioItem<T = unknown> {
     protected readonly highlighted: Signal<boolean>;
     protected readonly effectiveDisabled: Signal<boolean>;
     protected readonly getCheckedState: typeof getCheckedState;
+    constructor();
     onFocus(): void;
     onBlur(): void;
     onPointerMove(event: PointerEvent): void;
@@ -688,8 +716,10 @@ declare class RdxMenuRadioItem<T = unknown> {
     onMouseUp(event: MouseEvent): void;
     protected onActivate(event: Event): void;
     private selectItem;
+    private setActiveIndex;
+    private clearActiveIndex;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenuRadioItem<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuRadioItem<any>, "[rdxMenuRadioItem]", ["rdxMenuRadioItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenuRadioItem<any>, "[rdxMenuRadioItem]", ["rdxMenuRadioItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, [{ directive: typeof i1$1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**

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

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { BooleanInput } from '@radix-ng/primitives/core';
+import * as i1 from '@radix-ng/primitives/composite';
 
 type RdxMenubarOrientation = 'horizontal' | 'vertical';
 interface RdxMenubarContext {
@@ -22,9 +23,13 @@ declare const provideRdxMenubarContext: (useFactory: () => RdxMenubarContext) =>
  * Coordinates open/close state across multiple menus and provides arrow-key navigation.
  */
 declare class RdxMenubarRoot {
+    private readonly elementRef;
+    private readonly compositeRoot;
+    private readonly compositeList;
     private readonly menuRoots;
     private readonly ids;
     private items;
+    private readonly itemsVersion;
     /** Whether every menubar trigger is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /** Whether arrow-key navigation wraps at the first/last trigger. */
@@ -46,15 +51,17 @@ declare class RdxMenubarRoot {
     private handleTriggerArrow;
     private handleTriggerBoundary;
     focusAdjacent(currentId: string, offset: 1 | -1, openOnMove: boolean): void;
-    protected handleArrowLeft(event: Event): void;
-    protected handleArrowRight(event: Event): void;
-    private handleOpenMenuNavigation;
     private focusItem;
-    private updateTriggerTabStops;
+    protected handleFocusIn(event: FocusEvent): void;
+    private highlightItem;
     private enabledItems;
     private hasOpenMenu;
+    private sortItems;
+    private markItemsChanged;
+    private syncDisabledIndices;
+    private syncTabIndices;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxMenubarRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenubarRoot, "[rdxMenubarRoot]", ["rdxMenubarRoot"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, ["menuRoots"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxMenubarRoot, "[rdxMenubarRoot]", ["rdxMenubarRoot"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, ["menuRoots"], never, true, [{ directive: typeof i1.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxMenubarModule {