@cdx-ui/primitives 0.1.3 → 0.1.4

package/lib/typescript/menu/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,uHA0KpB,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,uHAyLpB,CAAC"}

package/lib/typescript/menu/MenuItemAction.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+import type { IMenuItemActionProps } from './types';
+export interface MenuItemActionProps extends IMenuItemActionProps {
+}
+export declare const MenuItemAction: import("react").ForwardRefExoticComponent<MenuItemActionProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=MenuItemAction.d.ts.map

package/lib/typescript/menu/MenuItemAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemAction.d.ts","sourceRoot":"","sources":["../../../src/menu/MenuItemAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;CAAG;AAEpE,eAAO,MAAM,cAAc,sGA8B1B,CAAC"}

package/lib/typescript/menu/MenuRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuRoot.d.ts","sourceRoot":"","sources":["../../../src/menu/MenuRoot.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAM9C,OAAO,KAAK,EAAE,UAAU,EAAsB,MAAM,SAAS,CAAC;AA8B9D,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGAyIpB,CAAC"}
+{"version":3,"file":"MenuRoot.d.ts","sourceRoot":"","sources":["../../../src/menu/MenuRoot.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAM9C,OAAO,KAAK,EAAE,UAAU,EAAsB,MAAM,SAAS,CAAC;AA8B9D,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGAyJpB,CAAC"}

package/lib/typescript/menu/index.d.ts

@@ -1,4 +1,4 @@
-export type { IMenuCheckboxItemProps, IMenuItemProps, IMenuOverlayRootProps, IMenuPopupProps, IMenuProps, IMenuRadioGroupProps, IMenuRadioItemProps, IMenuTriggerProps, MenuCloseReason, MenuContextValue, MenuItemInteractionState, RegisteredMenuItem, } from './types';
+export type { IMenuCheckboxItemProps, IMenuItemProps, IMenuOverlayRootProps, IMenuPopupProps, IMenuProps, IMenuRadioGroupProps, IMenuRadioItemProps, IMenuItemActionProps, IMenuTriggerProps, MenuCloseReason, MenuContextValue, MenuItemInteractionState, RegisteredMenuItem, } from './types';
 export { useMenuContext, useMenuItemContext, useMenuRadioGroupContext, useOptionalMenuItemContext, } from './context';
 export { MenuPopupProvider, useMenuOverlayContext, useOptionalMenuPopupContext, useOptionalMenuOverlayContext, MenuOverlayProvider, } from './overlayContext';
 export { MenuOverlayRoot, type MenuOverlayRootProps } from './MenuOverlayRoot';
@@ -9,4 +9,5 @@ export { MenuItem, type MenuItemProps } from './MenuItem';
 export { MenuCheckboxItem, type MenuCheckboxItemProps } from './MenuCheckboxItem';
 export { MenuRadioGroup, type MenuRadioGroupProps } from './MenuRadioGroup';
 export { MenuRadioItem, type MenuRadioItemProps } from './MenuRadioItem';
+export { MenuItemAction, type MenuItemActionProps } from './MenuItemAction';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,2BAA2B,EAC3B,6BAA6B,EAC7B,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,2BAA2B,EAC3B,6BAA6B,EAC7B,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/typescript/menu/types.d.ts

@@ -66,6 +66,12 @@ export interface IMenuItemProps extends PressableProps {
 export interface MenuItemInteractionState extends InteractionState {
     highlighted: boolean;
     checked: boolean;
+    itemRole: 'menuitem' | 'menuitemcheckbox' | 'menuitemradio';
+    consumePress: () => void;
+}
+export interface IMenuItemActionProps extends ViewProps {
+    asChild?: boolean;
+    children?: ReactNode;
 }
 export interface IMenuCheckboxItemProps extends Omit<IMenuItemProps, 'children' | 'isChecked' | 'itemRole'> {
     children?: ReactNode;

package/lib/typescript/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/menu/useMenuNavigation.d.ts

@@ -1,16 +1,19 @@
 import type { RegisteredMenuItem } from './types';
+export interface MenuNavigationKeyEvent {
+    key: string;
+    shiftKey?: boolean;
+    target: EventTarget | null;
+    preventDefault: () => void;
+    stopPropagation?: () => void;
+}
 export interface UseMenuNavigationOptions {
     getItems: () => [string, RegisteredMenuItem][];
     focusedItemId: string | undefined;
     setFocusedItemId: (itemId: string | undefined) => void;
     onEscape?: () => void;
-    onTab?: () => void;
+    onTab?: (event: MenuNavigationKeyEvent) => void;
 }
 export declare function useMenuNavigation({ getItems, focusedItemId, setFocusedItemId, onEscape, onTab, }: UseMenuNavigationOptions): {
-    handleKeyDown: (e: {
-        key: string;
-        preventDefault: () => void;
-        stopPropagation?: () => void;
-    }) => void;
+    handleKeyDown: (e: MenuNavigationKeyEvent) => void;
 };
 //# sourceMappingURL=useMenuNavigation.d.ts.map

package/lib/typescript/menu/useMenuNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuNavigation.d.ts","sourceRoot":"","sources":["../../../src/menu/useMenuNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC;IAC/C,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,KAAK,GACN,EAAE,wBAAwB;uBAoBnB;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,IAAI,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE;EA8DhF"}
+{"version":3,"file":"useMenuNavigation.d.ts","sourceRoot":"","sources":["../../../src/menu/useMenuNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC;IAC/C,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,KAAK,GACN,EAAE,wBAAwB;uBAoBnB,sBAAsB;EA8D7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -68,8 +68,8 @@
     "@react-stately/disclosure": "3.1.1",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/formatters": "0.1.3",
-    "@cdx-ui/utils": "0.1.3"
+    "@cdx-ui/formatters": "0.1.4",
+    "@cdx-ui/utils": "0.1.4"
   },
   "devDependencies": {
     "@types/react": "19.1.17",

package/src/drawer/DrawerClose.tsx

@@ -0,0 +1,26 @@
+import { forwardRef, type ComponentRef } from 'react';
+import { Pressable, type PressableProps } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useDrawer } from './context';
+import type { IDrawerCloseProps } from './types';
+
+export interface DrawerCloseProps extends IDrawerCloseProps {}
+
+export const DrawerClose = forwardRef<ComponentRef<typeof Pressable>, DrawerCloseProps>(
+  ({ asChild = false, children, onPress, ...props }, ref) => {
+    const { onOpenChange } = useDrawer();
+
+    const handlePress = composeEventHandlers(onPress, () => onOpenChange(false));
+
+    const Comp = asChild ? Slot : Pressable;
+
+    return (
+      <Comp ref={ref} {...(props as PressableProps)} onPress={handlePress}>
+        {children}
+      </Comp>
+    );
+  },
+);
+
+DrawerClose.displayName = 'DrawerClose';

package/src/drawer/DrawerOverlay.tsx

@@ -0,0 +1,45 @@
+import { forwardRef, useCallback, type ComponentRef } from 'react';
+import { Pressable, type PressableProps } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useDrawer } from './context';
+import type { IDrawerOverlayProps } from './types';
+
+export interface DrawerOverlayProps extends IDrawerOverlayProps {}
+
+export const DrawerOverlay = forwardRef<ComponentRef<typeof Pressable>, DrawerOverlayProps>(
+  ({ asChild = false, forceMount = false, onPress, ...props }, ref) => {
+    const { open, onOpenChange, closeOnBackdropPress } = useDrawer();
+
+    const handlePress = useCallback(
+      (e: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {
+        if (closeOnBackdropPress) {
+          onOpenChange(false);
+        }
+        if (typeof onPress === 'function') {
+          onPress(e);
+        }
+      },
+      [closeOnBackdropPress, onOpenChange, onPress],
+    );
+
+    if (!forceMount && !open) {
+      return null;
+    }
+
+    const Comp = asChild ? Slot : Pressable;
+
+    return (
+      <Comp
+        ref={ref}
+        accessible={false}
+        importantForAccessibility="no-hide-descendants"
+        onPress={handlePress}
+        {...(props as PressableProps)}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'drawer-overlay' }))}
+      />
+    );
+  },
+);
+
+DrawerOverlay.displayName = 'DrawerOverlay';

package/src/drawer/DrawerPortal.tsx

@@ -0,0 +1,25 @@
+import { Portal } from '../portal';
+import { DrawerProvider, useDrawer } from './context';
+import type { IDrawerPortalProps } from './types';
+
+export interface DrawerPortalProps extends IDrawerPortalProps {}
+
+/**
+ * Mounts drawer children into the shared PortalHost. Re-provides DrawerContext
+ * inside the portal boundary (React context does not cross the portal store).
+ */
+export function DrawerPortal({ forceMount = false, hostName, children }: DrawerPortalProps) {
+  const ctx = useDrawer();
+
+  if (!forceMount && !ctx.open) {
+    return null;
+  }
+
+  return (
+    <Portal name={`${ctx.nativeID}-portal`} hostName={hostName}>
+      <DrawerProvider value={ctx}>{children}</DrawerProvider>
+    </Portal>
+  );
+}
+
+DrawerPortal.displayName = 'DrawerPortal';

package/src/drawer/DrawerRoot.tsx

@@ -0,0 +1,70 @@
+import { forwardRef, useCallback, useId, useMemo, type ComponentRef } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { DrawerProvider } from './context';
+import type { IDrawerRootProps } from './types';
+
+export interface DrawerRootProps extends Omit<ViewProps, 'children' | 'role'>, IDrawerRootProps {
+  asChild?: boolean;
+}
+
+export const DrawerRoot = forwardRef<ComponentRef<typeof View>, DrawerRootProps>(
+  (
+    {
+      isOpen: openProp,
+      onOpenChange,
+      defaultOpen = false,
+      closeOnBackdropPress = true,
+      closeOnEscKey = true,
+      asChild,
+      children,
+      ...props
+    },
+    ref,
+  ) => {
+    const [open, setOpenState] = useControllableState<boolean>({
+      prop: openProp,
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+    });
+
+    const setOpen = useCallback(
+      (newOpen: boolean) => {
+        setOpenState(newOpen);
+      },
+      [setOpenState],
+    );
+
+    const id = useId();
+    const nativeID = `drawer-${id}`;
+
+    const contextValue = useMemo(
+      () => ({
+        open: open ?? false,
+        onOpenChange: setOpen,
+        closeOnBackdropPress,
+        closeOnEscKey,
+        nativeID,
+      }),
+      [open, setOpen, closeOnBackdropPress, closeOnEscKey, nativeID],
+    );
+
+    const Comp = asChild ? Slot : View;
+
+    return (
+      <DrawerProvider value={contextValue}>
+        <Comp
+          ref={ref}
+          {...(props as ViewProps)}
+          {...mergeDataAttributes(props, dataAttributes({ state: open ? 'open' : 'closed' }))}
+        >
+          {children}
+        </Comp>
+      </DrawerProvider>
+    );
+  },
+);
+
+DrawerRoot.displayName = 'DrawerRoot';

package/src/drawer/context.tsx

@@ -0,0 +1,4 @@
+import { createContext } from '@cdx-ui/utils';
+import type { IDrawerContextType } from './types';
+
+export const [DrawerProvider, useDrawer] = createContext<IDrawerContextType>('DrawerContext');

package/src/drawer/index.tsx

@@ -0,0 +1,12 @@
+export { DrawerProvider, useDrawer } from './context';
+export { DrawerRoot, type DrawerRootProps } from './DrawerRoot';
+export { DrawerPortal, type DrawerPortalProps } from './DrawerPortal';
+export { DrawerOverlay, type DrawerOverlayProps } from './DrawerOverlay';
+export { DrawerClose, type DrawerCloseProps } from './DrawerClose';
+export type {
+  IDrawerContextType,
+  IDrawerRootProps,
+  IDrawerPortalProps,
+  IDrawerOverlayProps,
+  IDrawerCloseProps,
+} from './types';

package/src/drawer/types.ts

@@ -0,0 +1,36 @@
+import type React from 'react';
+import type { PressableProps } from 'react-native';
+
+export interface IDrawerContextType {
+  readonly open: boolean;
+  readonly onOpenChange: (open: boolean) => void;
+  readonly closeOnBackdropPress: boolean;
+  readonly closeOnEscKey: boolean;
+  readonly nativeID: string;
+}
+
+export interface IDrawerRootProps {
+  /** Controlled open state. Use `defaultOpen` for the uncontrolled variant. */
+  readonly isOpen?: boolean;
+  readonly onOpenChange?: (open: boolean) => void;
+  readonly defaultOpen?: boolean;
+  readonly closeOnBackdropPress?: boolean;
+  readonly closeOnEscKey?: boolean;
+  readonly children: React.ReactNode;
+}
+
+export interface IDrawerPortalProps {
+  readonly forceMount?: boolean;
+  readonly hostName?: string;
+  readonly children: React.ReactNode;
+}
+
+export interface IDrawerOverlayProps extends PressableProps {
+  readonly asChild?: boolean;
+  readonly forceMount?: boolean;
+}
+
+export interface IDrawerCloseProps extends PressableProps {
+  readonly asChild?: boolean;
+  readonly accessibilityLabel?: string;
+}

package/src/index.ts

@@ -4,6 +4,7 @@ export * from './button';
 export * from './chip';
 export * from './checkbox';
 export * from './dialog';
+export * from './drawer';
 export * from './field';
 export * from './form';
 export * from './full-window-overlay';

package/src/menu/MenuItem.tsx

@@ -71,9 +71,20 @@ export const MenuItem = forwardRef<ComponentRef<typeof Pressable>, MenuItemProps
     const mergedRef = mergeRefs(ref, nodeRef);
     const onPressRef = useRef(onPress);
     onPressRef.current = onPress;
+    const actionConsumedRef = useRef(false);
+    const consumePress = useCallback(() => {
+      actionConsumedRef.current = true;
+      queueMicrotask(() => {
+        actionConsumedRef.current = false;
+      });
+    }, []);
 
     const invokePress = useCallback(
       (event: GestureResponderEvent) => {
+        if (actionConsumedRef.current) {
+          actionConsumedRef.current = false;
+          return;
+        }
         if (!disabled) {
           onPressRef.current?.(event);
           if (closeOnSelect) {
@@ -112,6 +123,8 @@ export const MenuItem = forwardRef<ComponentRef<typeof Pressable>, MenuItemProps
         focusVisible: !!(isFocusVisibleProp || isFocusVisible),
         highlighted,
         checked: isChecked,
+        itemRole,
+        consumePress,
       }),
       [
         isHoveredProp,
@@ -125,6 +138,8 @@ export const MenuItem = forwardRef<ComponentRef<typeof Pressable>, MenuItemProps
         isFocusVisible,
         highlighted,
         isChecked,
+        itemRole,
+        consumePress,
       ],
     );
 

package/src/menu/MenuItemAction.tsx

@@ -0,0 +1,42 @@
+import { forwardRef, type ComponentRef } from 'react';
+import { Platform, View } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useOptionalMenuItemContext } from './context';
+import type { IMenuItemActionProps } from './types';
+
+export interface MenuItemActionProps extends IMenuItemActionProps {}
+
+export const MenuItemAction = forwardRef<ComponentRef<typeof View>, MenuItemActionProps>(
+  ({ asChild, children, onTouchStart, ...props }, ref) => {
+    const menuItem = useOptionalMenuItemContext();
+    const Comp = asChild ? Slot : View;
+    const { onClick, ...rest } = props as typeof props & {
+      onClick?: (event: { stopPropagation: () => void }) => void;
+    };
+
+    const isolatePress = () => {
+      menuItem?.consumePress();
+    };
+
+    return (
+      <Comp
+        ref={ref}
+        {...rest}
+        onTouchStart={composeEventHandlers(onTouchStart, isolatePress)}
+        {...(Platform.OS === 'web'
+          ? {
+              onClick: composeEventHandlers(onClick, (event: { stopPropagation: () => void }) => {
+                isolatePress();
+                event.stopPropagation();
+              }),
+            }
+          : {})}
+      >
+        {children}
+      </Comp>
+    );
+  },
+);
+
+MenuItemAction.displayName = 'MenuItemAction';

package/src/menu/MenuRoot.tsx

@@ -14,7 +14,7 @@ import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
 import { MenuProvider } from './context';
 import { useOptionalMenuOverlayContext } from './overlayContext';
 import type { IMenuProps, RegisteredMenuItem } from './types';
-import { useMenuNavigation } from './useMenuNavigation';
+import { useMenuNavigation, type MenuNavigationKeyEvent } from './useMenuNavigation';
 import { useMenuOverlayOpenFocus } from './useMenuOverlayLifecycle';
 
 function getItemsInRenderedOrder(
@@ -100,15 +100,31 @@ export const MenuRoot = forwardRef<ComponentRef<typeof View>, MenuRootProps>(
       onEscape?.();
     }, [overlay, onEscape]);
 
-    const handleTab = useCallback(() => {
-      if (!overlay) {
-        return;
-      }
-      if (Platform.OS === 'web') {
-        (overlay.triggerRef.current as { focus?: () => void } | null)?.focus?.();
-      }
-      overlay.closeMenu('tab');
-    }, [overlay]);
+    const handleTab = useCallback(
+      (event: MenuNavigationKeyEvent) => {
+        if (!overlay) {
+          return;
+        }
+
+        if (Platform.OS === 'web') {
+          const tabbables = getInMenuTabbables(overlay.contentRef.current);
+          const index = resolveTabbableIndex(tabbables, event.target);
+          const nextIndex = index + (event.shiftKey ? -1 : 1);
+          const next = index === -1 ? undefined : tabbables[nextIndex];
+          if (next) {
+            event.preventDefault();
+            next.focus();
+            return;
+          }
+
+          event.preventDefault();
+          (overlay.triggerRef.current as { focus?: () => void } | null)?.focus?.();
+        }
+
+        overlay.closeMenu('tab');
+      },
+      [overlay],
+    );
 
     const { handleKeyDown } = useMenuNavigation({
       getItems,
@@ -188,3 +204,28 @@ export const MenuRoot = forwardRef<ComponentRef<typeof View>, MenuRootProps>(
 );
 
 MenuRoot.displayName = 'MenuRoot';
+
+function getInMenuTabbables(container: unknown): HTMLElement[] {
+  if (typeof HTMLElement === 'undefined' || !(container instanceof HTMLElement)) {
+    return [];
+  }
+
+  return Array.from(
+    container.querySelectorAll<HTMLElement>('button, [href], input, select, textarea, [tabindex]'),
+  ).filter((element) => {
+    if (element.tabIndex < 0) {
+      return false;
+    }
+    if ('disabled' in element && (element as HTMLButtonElement).disabled) {
+      return false;
+    }
+    return element.getAttribute('aria-hidden') !== 'true';
+  });
+}
+
+function resolveTabbableIndex(tabbables: HTMLElement[], target: EventTarget | null): number {
+  if (!(target instanceof HTMLElement)) {
+    return -1;
+  }
+  return tabbables.findIndex((element) => element === target || element.contains(target));
+}

package/src/menu/index.ts

@@ -6,6 +6,7 @@ export type {
   IMenuProps,
   IMenuRadioGroupProps,
   IMenuRadioItemProps,
+  IMenuItemActionProps,
   IMenuTriggerProps,
   MenuCloseReason,
   MenuContextValue,
@@ -34,3 +35,4 @@ export { MenuItem, type MenuItemProps } from './MenuItem';
 export { MenuCheckboxItem, type MenuCheckboxItemProps } from './MenuCheckboxItem';
 export { MenuRadioGroup, type MenuRadioGroupProps } from './MenuRadioGroup';
 export { MenuRadioItem, type MenuRadioItemProps } from './MenuRadioItem';
+export { MenuItemAction, type MenuItemActionProps } from './MenuItemAction';

package/src/menu/types.ts

@@ -72,6 +72,13 @@ export interface IMenuItemProps extends PressableProps {
 export interface MenuItemInteractionState extends InteractionState {
   highlighted: boolean;
   checked: boolean;
+  itemRole: 'menuitem' | 'menuitemcheckbox' | 'menuitemradio';
+  consumePress: () => void;
+}
+
+export interface IMenuItemActionProps extends ViewProps {
+  asChild?: boolean;
+  children?: ReactNode;
 }
 
 export interface IMenuCheckboxItemProps extends Omit<

package/src/menu/useMenuNavigation.ts

@@ -3,12 +3,20 @@ import type { RegisteredMenuItem } from './types';
 
 // Web-only — native platforms rely on OS-managed sequential focus.
 
+export interface MenuNavigationKeyEvent {
+  key: string;
+  shiftKey?: boolean;
+  target: EventTarget | null;
+  preventDefault: () => void;
+  stopPropagation?: () => void;
+}
+
 export interface UseMenuNavigationOptions {
   getItems: () => [string, RegisteredMenuItem][];
   focusedItemId: string | undefined;
   setFocusedItemId: (itemId: string | undefined) => void;
   onEscape?: () => void;
-  onTab?: () => void;
+  onTab?: (event: MenuNavigationKeyEvent) => void;
 }
 
 export function useMenuNavigation({
@@ -37,7 +45,7 @@ export function useMenuNavigation({
   );
 
   const handleKeyDown = useCallback(
-    (e: { key: string; preventDefault: () => void; stopPropagation?: () => void }) => {
+    (e: MenuNavigationKeyEvent) => {
       if (e.key === 'Escape') {
         e.preventDefault();
         e.stopPropagation?.();
@@ -45,7 +53,7 @@ export function useMenuNavigation({
         return;
       }
       if (e.key === 'Tab') {
-        onTabRef.current?.();
+        onTabRef.current?.(e);
         return;
       }