@fluentui-react-native/menu 1.14.42 → 1.15.0

package/lib/MenuItem/MenuItemTokens.macos.js

@@ -1,37 +1,37 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuItemTokens = (t) => ({
-    backgroundColor: t.colors.transparentBackground,
-    borderRadius: 5,
-    checkmarkSize: 16,
-    color: t.colors.neutralForeground1,
-    fontFamily: t.typography.families.primary,
-    fontSize: 13,
-    fontWeight: globalTokens.font.weight.regular,
-    gap: globalTokens.size40,
-    iconColor: t.colors.neutralForeground1,
-    iconSize: 16,
-    paddingHorizontal: 5,
-    paddingVertical: 3,
-    submenuIndicatorColor: t.colors.neutralForeground1,
-    submenuIndicatorPadding: globalTokens.sizeNone,
-    submenuIndicatorSize: 16,
-    focused: {
-        backgroundColor: t.colors.menuItemBackgroundHovered,
-        color: t.colors.menuItemTextHovered,
-        iconColor: t.colors.menuItemTextHovered,
-        submenuIndicatorColor: t.colors.menuItemTextHovered,
-    },
-    pressed: {
-        backgroundColor: t.colors.menuItemBackgroundPressed,
-        color: t.colors.menuItemTextHovered,
-        iconColor: t.colors.menuItemTextHovered,
-        submenuIndicatorColor: t.colors.menuItemTextHovered,
-    },
-    disabled: {
-        backgroundColor: t.colors.menuBackground,
-        color: t.colors.disabledText,
-        iconColor: t.colors.disabledText,
-        submenuIndicatorColor: t.colors.disabledText,
-    },
+  backgroundColor: t.colors.transparentBackground,
+  borderRadius: 5, // hardcoded for now to match NSMenu
+  checkmarkSize: 16,
+  color: t.colors.neutralForeground1,
+  fontFamily: t.typography.families.primary,
+  fontSize: 13, // aligning with NSMenu font size
+  fontWeight: globalTokens.font.weight.regular,
+  gap: globalTokens.size40,
+  iconColor: t.colors.neutralForeground1,
+  iconSize: 16,
+  paddingHorizontal: 5, // hardcoded for now to match NSMenu
+  paddingVertical: 3, // hardcoded for now to match NSMenu
+  submenuIndicatorColor: t.colors.neutralForeground1,
+  submenuIndicatorPadding: globalTokens.sizeNone,
+  submenuIndicatorSize: 16,
+  focused: {
+    backgroundColor: t.colors.menuItemBackgroundHovered,
+    color: t.colors.menuItemTextHovered,
+    iconColor: t.colors.menuItemTextHovered,
+    submenuIndicatorColor: t.colors.menuItemTextHovered,
+  },
+  pressed: {
+    backgroundColor: t.colors.menuItemBackgroundPressed,
+    color: t.colors.menuItemTextHovered,
+    iconColor: t.colors.menuItemTextHovered,
+    submenuIndicatorColor: t.colors.menuItemTextHovered,
+  },
+  disabled: {
+    backgroundColor: t.colors.menuBackground,
+    color: t.colors.disabledText,
+    iconColor: t.colors.disabledText,
+    submenuIndicatorColor: t.colors.disabledText,
+  },
 });
-//# sourceMappingURL=MenuItemTokens.macos.js.map
+//# sourceMappingURL=MenuItemTokens.macos.js.map

package/lib/MenuItem/MenuItemTokens.macos.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemTokens.macos.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,QAAQ;IAC9C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACpD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACpD;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAC5B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAChC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;KAC7C;CACF,CAAC,CAAC"}
+{"version":3,"file":"MenuItemTokens.macos.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,CAAQ,EAAkB,EAAE,CAAC,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,YAAY,EAAE,CAAC,EAAE,oCAAoC;IACrD,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,EAAE,EAAE,iCAAiC;IAC/C,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,iBAAiB,EAAE,CAAC,EAAE,oCAAoC;IAC1D,eAAe,EAAE,CAAC,EAAE,oCAAoC;IACxD,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,QAAQ;IAC9C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACpD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACpD;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAC5B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAChC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;KAC7C;CACF,CAAC,CAAC"}

package/lib/MenuItem/MenuItemTokens.win32.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuItemTokens } from './MenuItem.types';
 export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
-//# sourceMappingURL=MenuItemTokens.win32.d.ts.map
+//# sourceMappingURL=MenuItemTokens.win32.d.ts.map

package/lib/MenuItem/MenuItemTokens.win32.js

@@ -1,40 +1,40 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuItemTokens = (t) => ({
+  backgroundColor: t.colors.neutralBackground1,
+  borderRadius: globalTokens.corner.radiusNone,
+  checkmarkSize: 16,
+  color: t.colors.neutralForeground1,
+  fontFamily: t.typography.families.primary,
+  fontSize: globalTokens.font.size200,
+  fontWeight: globalTokens.font.weight.regular,
+  gap: globalTokens.size40,
+  iconColor: t.colors.neutralForeground1,
+  iconSize: 16,
+  minHeight: 24,
+  minWidth: 128,
+  maxWidth: 300,
+  padding: globalTokens.size40,
+  paddingHorizontal: globalTokens.size80,
+  submenuIndicatorColor: t.colors.neutralForeground1,
+  submenuIndicatorPadding: globalTokens.size20,
+  submenuIndicatorSize: 16,
+  pressed: {
+    backgroundColor: t.colors.neutralBackground1Pressed,
+    color: t.colors.neutralForeground1Pressed,
+    iconColor: t.colors.neutralForeground1Pressed,
+    submenuIndicatorColor: t.colors.neutralForeground1Pressed,
+  },
+  disabled: {
     backgroundColor: t.colors.neutralBackground1,
-    borderRadius: globalTokens.corner.radiusNone,
-    checkmarkSize: 16,
-    color: t.colors.neutralForeground1,
-    fontFamily: t.typography.families.primary,
-    fontSize: globalTokens.font.size200,
-    fontWeight: globalTokens.font.weight.regular,
-    gap: globalTokens.size40,
-    iconColor: t.colors.neutralForeground1,
-    iconSize: 16,
-    minHeight: 24,
-    minWidth: 128,
-    maxWidth: 300,
-    padding: globalTokens.size40,
-    paddingHorizontal: globalTokens.size80,
-    submenuIndicatorColor: t.colors.neutralForeground1,
-    submenuIndicatorPadding: globalTokens.size20,
-    submenuIndicatorSize: 16,
-    pressed: {
-        backgroundColor: t.colors.neutralBackground1Pressed,
-        color: t.colors.neutralForeground1Pressed,
-        iconColor: t.colors.neutralForeground1Pressed,
-        submenuIndicatorColor: t.colors.neutralForeground1Pressed,
-    },
-    disabled: {
-        backgroundColor: t.colors.neutralBackground1,
-        color: t.colors.neutralForegroundDisabled,
-        iconColor: t.colors.neutralForegroundDisabled,
-        submenuIndicatorColor: t.colors.neutralForegroundDisabled,
-    },
-    focused: {
-        backgroundColor: t.colors.neutralBackground1Hover,
-        color: t.colors.neutralForeground1Hover,
-        iconColor: t.colors.neutralForeground1Hover,
-        submenuIndicatorColor: t.colors.neutralForeground1Hover,
-    },
+    color: t.colors.neutralForegroundDisabled,
+    iconColor: t.colors.neutralForegroundDisabled,
+    submenuIndicatorColor: t.colors.neutralForegroundDisabled,
+  },
+  focused: {
+    backgroundColor: t.colors.neutralBackground1Hover,
+    color: t.colors.neutralForeground1Hover,
+    iconColor: t.colors.neutralForeground1Hover,
+    submenuIndicatorColor: t.colors.neutralForeground1Hover,
+  },
 });
-//# sourceMappingURL=MenuItemTokens.win32.js.map
+//# sourceMappingURL=MenuItemTokens.win32.js.map

package/lib/MenuItem/index.d.ts

@@ -2,4 +2,4 @@ export { MenuItem } from './MenuItem';
 export { menuItemName } from './MenuItem.types';
 export type { MenuItemProps, MenuItemState, MenuItemInfo, MenuItemTokens, MenuItemSlotProps, MenuItemType } from './MenuItem.types';
 export { useMenuItem } from './useMenuItem';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuItem/index.js

@@ -1,4 +1,4 @@
 export { MenuItem } from './MenuItem';
 export { menuItemName } from './MenuItem.types';
 export { useMenuItem } from './useMenuItem';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuItem/useMenuItem.d.ts

@@ -4,4 +4,4 @@ export declare const triggerKeys: string[];
 export declare const submenuTriggerKeys: string[];
 export declare const useMenuItem: (props: MenuItemProps) => MenuItemInfo;
 export declare const useHoverFocusEffect: (hovered: boolean, componentRef: React.MutableRefObject<any>) => void;
-//# sourceMappingURL=useMenuItem.d.ts.map
+//# sourceMappingURL=useMenuItem.d.ts.map

package/lib/MenuItem/useMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMpE,eAAO,MAAM,WAAW,UAAiB,CAAC;AAC1C,eAAO,MAAM,kBAAkB,UAA8C,CAAC;AAE9E,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,YAkHlD,CAAC;AAUF,eAAO,MAAM,mBAAmB,YAAa,OAAO,gBAAgB,MAAM,gBAAgB,CAAC,GAAG,CAAC,SAQ9F,CAAC"}
+{"version":3,"file":"useMenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMpE,eAAO,MAAM,WAAW,UAAiB,CAAC;AAC1C,eAAO,MAAM,kBAAkB,UAA8C,CAAC;AAE9E,eAAO,MAAM,WAAW,wCAkHvB,CAAC;AAUF,eAAO,MAAM,mBAAmB,uEAQ/B,CAAC"}

package/lib/MenuItem/useMenuItem.js

@@ -9,110 +9,120 @@ import { useMenuItemTracking } from '../MenuList/useMenuList';
 export const triggerKeys = [' ', 'Enter'];
 export const submenuTriggerKeys = ['ArrowLeft', 'ArrowRight', ...triggerKeys];
 export const useMenuItem = (props) => {
-    // attach the pressable state handlers
-    const defaultComponentRef = React.useRef(null);
-    const { accessible, onClick, accessibilityState, componentRef = defaultComponentRef, disabled = false, persistOnClick, ...rest } = props;
-    const { isSubmenu, persistOnItemClick, setOpen } = useMenuContext();
-    const { hasCheckmarks, hasIcons, hasTooltips, onArrowClose } = useMenuListContext();
-    const isTrigger = useMenuTriggerContext();
-    const shouldPersist = persistOnClick ?? persistOnItemClick;
-    const hasSubmenu = isSubmenu && isTrigger;
-    const onInvoke = React.useCallback((e) => {
-        const isRtl = I18nManager.isRTL;
-        const isArrowKey = isKeyPressEvent(e) && (e.nativeEvent.key === 'ArrowLeft' || e.nativeEvent.key === 'ArrowRight');
-        const isArrowOpen = hasSubmenu &&
-            isKeyPressEvent(e) &&
-            ((isRtl && e.nativeEvent.key === 'ArrowLeft') || (!isRtl && e.nativeEvent.key === 'ArrowRight'));
-        if (!disabled && (!isArrowKey || isArrowOpen)) {
-            componentRef?.current?.blur();
-            onClick?.(e);
-            // For RN, ENTER / SPACE keypresses are handled by both the `onKey` event handlers and `onPress` handler. Because we
-            // pass this callback into both `onKeyDown` and `onPress` props, we need to mark the event as handled for ENTER / SPACE
-            // key presses so that we don't have duplicate `onClick` calls.
-            e.preventDefault();
-        }
-        if (!hasSubmenu && !isArrowKey && !shouldPersist) {
-            setOpen(e, false /*isOpen*/, true /*bubble*/);
-        }
-        const isArrowClose = isKeyPressEvent(e) && ((isRtl && e.nativeEvent.key === 'ArrowRight') || (!isRtl && e.nativeEvent.key === 'ArrowLeft'));
-        if (isArrowClose) {
-            onArrowClose?.(e);
-        }
-    }, [componentRef, disabled, hasSubmenu, onArrowClose, onClick, setOpen, shouldPersist]);
-    const pressable = usePressableState({ ...rest, onPress: onInvoke });
-    const itemRef = useViewCommandFocus(componentRef);
-    const keys = disabled ? [] : isSubmenu ? submenuTriggerKeys : triggerKeys;
-    // Explicitly override onKeyDown to override the native behavior of moving focus with arrow keys.
-    const onKeyDownProps = useKeyDownProps(onInvoke, ...keys);
-    useHoverFocusEffect(pressable.state.hovered, componentRef);
-    const [enableFocusRing, setEnableFocusRing] = React.useState(!pressable.state.hovered);
-    const onHoverIn = React.useCallback((e) => {
-        pressable.props.onHoverIn(e);
-        // when it's a hover focus, set enableFocusRing explicitly to false
-        if (!pressable.state.focused) {
-            setEnableFocusRing(false);
-        }
-    }, [pressable]);
-    const onFocus = React.useCallback((e) => {
-        pressable.props.onFocus(e);
-        // when it's not a hover focus, set enableFocusRing explicitly to true
-        if (!pressable.state.focused) {
-            setEnableFocusRing(true);
-        }
-    }, [pressable]);
-    // Track the ref and disabled props on this menu item so the MenuList can handle Home and End keypresses.
-    useMenuItemTracking(componentRef, disabled);
-    return {
-        props: {
-            ...pressable.props,
-            onHoverIn: Platform.select({
-                macos: pressable.props.onHoverIn,
-                default: onHoverIn, // win32
-            }),
-            onFocus: Platform.select({
-                macos: pressable.props.onFocus,
-                default: onFocus, // win32
-            }),
-            accessible: accessible ?? true,
-            accessibilityRole: 'menuitem',
-            onAccessibilityTap: props.onAccessibilityTap || onInvoke,
-            accessibilityState: getAccessibilityState(disabled, accessibilityState),
-            disabled,
-            enableFocusRing: Platform.select({
-                macos: false,
-                default: enableFocusRing, // win32
-            }),
-            focusable: Platform.select({
-                macos: !disabled,
-                default: true, // win32
-            }),
-            ref: itemRef,
-            ...onKeyDownProps,
-        },
-        state: {
-            ...pressable.state,
-            hasSubmenu,
-            hasIcons,
-            hasCheckmarks,
-            hasTooltips,
-        },
-    };
+  // attach the pressable state handlers
+  const defaultComponentRef = React.useRef(null);
+  const { accessible, onClick, accessibilityState, componentRef = defaultComponentRef, disabled = false, persistOnClick, ...rest } = props;
+  const { isSubmenu, persistOnItemClick, setOpen } = useMenuContext();
+  const { hasCheckmarks, hasIcons, hasTooltips, onArrowClose } = useMenuListContext();
+  const isTrigger = useMenuTriggerContext();
+  const shouldPersist = persistOnClick ?? persistOnItemClick;
+  const hasSubmenu = isSubmenu && isTrigger;
+  const onInvoke = React.useCallback(
+    (e) => {
+      const isRtl = I18nManager.isRTL;
+      const isArrowKey = isKeyPressEvent(e) && (e.nativeEvent.key === 'ArrowLeft' || e.nativeEvent.key === 'ArrowRight');
+      const isArrowOpen =
+        hasSubmenu &&
+        isKeyPressEvent(e) &&
+        ((isRtl && e.nativeEvent.key === 'ArrowLeft') || (!isRtl && e.nativeEvent.key === 'ArrowRight'));
+      if (!disabled && (!isArrowKey || isArrowOpen)) {
+        componentRef?.current?.blur();
+        onClick?.(e);
+        // For RN, ENTER / SPACE keypresses are handled by both the `onKey` event handlers and `onPress` handler. Because we
+        // pass this callback into both `onKeyDown` and `onPress` props, we need to mark the event as handled for ENTER / SPACE
+        // key presses so that we don't have duplicate `onClick` calls.
+        e.preventDefault();
+      }
+      if (!hasSubmenu && !isArrowKey && !shouldPersist) {
+        setOpen(e, false /*isOpen*/, true /*bubble*/);
+      }
+      const isArrowClose =
+        isKeyPressEvent(e) && ((isRtl && e.nativeEvent.key === 'ArrowRight') || (!isRtl && e.nativeEvent.key === 'ArrowLeft'));
+      if (isArrowClose) {
+        onArrowClose?.(e);
+      }
+    },
+    [componentRef, disabled, hasSubmenu, onArrowClose, onClick, setOpen, shouldPersist],
+  );
+  const pressable = usePressableState({ ...rest, onPress: onInvoke });
+  const itemRef = useViewCommandFocus(componentRef);
+  const keys = disabled ? [] : isSubmenu ? submenuTriggerKeys : triggerKeys;
+  // Explicitly override onKeyDown to override the native behavior of moving focus with arrow keys.
+  const onKeyDownProps = useKeyDownProps(onInvoke, ...keys);
+  useHoverFocusEffect(pressable.state.hovered, componentRef);
+  const [enableFocusRing, setEnableFocusRing] = React.useState(!pressable.state.hovered);
+  const onHoverIn = React.useCallback(
+    (e) => {
+      pressable.props.onHoverIn(e);
+      // when it's a hover focus, set enableFocusRing explicitly to false
+      if (!pressable.state.focused) {
+        setEnableFocusRing(false);
+      }
+    },
+    [pressable],
+  );
+  const onFocus = React.useCallback(
+    (e) => {
+      pressable.props.onFocus(e);
+      // when it's not a hover focus, set enableFocusRing explicitly to true
+      if (!pressable.state.focused) {
+        setEnableFocusRing(true);
+      }
+    },
+    [pressable],
+  );
+  // Track the ref and disabled props on this menu item so the MenuList can handle Home and End keypresses.
+  useMenuItemTracking(componentRef, disabled);
+  return {
+    props: {
+      ...pressable.props,
+      onHoverIn: Platform.select({
+        macos: pressable.props.onHoverIn,
+        default: onHoverIn, // win32
+      }),
+      onFocus: Platform.select({
+        macos: pressable.props.onFocus,
+        default: onFocus, // win32
+      }),
+      accessible: accessible ?? true,
+      accessibilityRole: 'menuitem',
+      onAccessibilityTap: props.onAccessibilityTap || onInvoke,
+      accessibilityState: getAccessibilityState(disabled, accessibilityState),
+      disabled,
+      enableFocusRing: Platform.select({
+        macos: false,
+        default: enableFocusRing, // win32
+      }),
+      focusable: Platform.select({
+        macos: !disabled,
+        default: true, // win32
+      }),
+      ref: itemRef,
+      ...onKeyDownProps,
+    },
+    state: {
+      ...pressable.state,
+      hasSubmenu,
+      hasIcons,
+      hasCheckmarks,
+      hasTooltips,
+    },
+  };
 };
 const getAccessibilityState = memoize(getAccessibilityStateWorker);
 function getAccessibilityStateWorker(disabled, accessibilityState) {
-    if (accessibilityState) {
-        return { disabled, ...accessibilityState };
-    }
-    return { disabled };
+  if (accessibilityState) {
+    return { disabled, ...accessibilityState };
+  }
+  return { disabled };
 }
 export const useHoverFocusEffect = (hovered, componentRef) => {
-    React.useLayoutEffect(() => {
-        if (hovered) {
-            componentRef?.current?.focus();
-        }
-        else {
-            componentRef?.current?.blur();
-        }
-    }, [hovered, componentRef]);
+  React.useLayoutEffect(() => {
+    if (hovered) {
+      componentRef?.current?.focus();
+    } else {
+      componentRef?.current?.blur();
+    }
+  }, [hovered, componentRef]);
 };
-//# sourceMappingURL=useMenuItem.js.map
+//# sourceMappingURL=useMenuItem.js.map

package/lib/MenuItem/useMenuItem.js.map

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

package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts

@@ -1,8 +1,13 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
-import React from 'react';
-import type { Slots } from '@fluentui-react-native/framework';
+import type { Slots, FinalRender } from '@fluentui-react-native/framework';
 import type { MenuItemCheckboxProps, MenuItemCheckboxSlotProps, MenuItemCheckboxInfo } from './MenuItemCheckbox.types';
-export declare const MenuItemCheckbox: import("@fluentui-react-native/framework").ComposableComponent<MenuItemCheckboxProps, MenuItemCheckboxSlotProps, import("./MenuItemCheckbox.types").MenuItemCheckboxTokens, import("@fluentui-react-native/framework").ObjectBase>;
-export declare const menuItemFinalRender: (menuItem: MenuItemCheckboxInfo, Slots: Slots<MenuItemCheckboxSlotProps>) => React.FunctionComponent<MenuItemCheckboxProps>;
-//# sourceMappingURL=MenuItemCheckbox.d.ts.map
+export declare const MenuItemCheckbox: import('@fluentui-react-native/framework').ComposableComponent<
+  MenuItemCheckboxProps,
+  MenuItemCheckboxSlotProps,
+  import('./MenuItemCheckbox.types').MenuItemCheckboxTokens,
+  import('@fluentui-react-native/framework-base').ObjectBase
+>;
+export declare const menuItemFinalRender: (
+  menuItem: MenuItemCheckboxInfo,
+  Slots: Slots<MenuItemCheckboxSlotProps>,
+) => FinalRender<MenuItemCheckboxProps>;
+//# sourceMappingURL=MenuItemCheckbox.d.ts.map

package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemCheckbox.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAY,MAAM,kCAAkC,CAAC;AAOxE,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EAErB,MAAM,0BAA0B,CAAC;AAKlC,eAAO,MAAM,gBAAgB,oOAkB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,aACpB,oBAAoB,8CAE7B,MAAM,iBAAiB,CAAC,qBAAqB,CAwC/C,CAAC"}
+{"version":3,"file":"MenuItemCheckbox.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAY,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAOrF,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EAErB,MAAM,0BAA0B,CAAC;AAKlC,eAAO,MAAM,gBAAgB,yOAkB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,iHA2C/B,CAAC"}

package/lib/MenuItemCheckbox/MenuItemCheckbox.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
 import { Image, Platform, Pressable, View } from 'react-native';
-import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, mergeProps } from '@fluentui-react-native/framework';
 import { IconV1 as Icon } from '@fluentui-react-native/icon';
 import { TextV1 as Text } from '@fluentui-react-native/text';
 import { SvgXml } from 'react-native-svg';
@@ -8,43 +9,65 @@ import { menuItemCheckboxName } from './MenuItemCheckbox.types';
 import { useMenuItemCheckbox } from './useMenuItemCheckbox';
 import { getAccessibilityLabel, getTooltip } from '../MenuItem/MenuItem';
 export const MenuItemCheckbox = compose({
-    displayName: menuItemCheckboxName,
-    ...stylingSettings,
-    slots: {
-        root: Pressable,
-        ...(Platform.OS === 'android' && { checkbox: Pressable }),
-        checkmark: SvgXml,
-        content: Text,
-        iconPlaceholder: View,
-        imgIcon: Image,
-        fontOrSvgIcon: Icon,
-    },
-    useRender: (userProps, useSlots) => {
-        const menuItem = useMenuItemCheckbox(userProps);
-        const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
-        return menuItemFinalRender(menuItem, Slots);
-    },
+  displayName: menuItemCheckboxName,
+  ...stylingSettings,
+  slots: {
+    root: Pressable,
+    ...(Platform.OS === 'android' && { checkbox: Pressable }),
+    checkmark: SvgXml,
+    content: Text,
+    iconPlaceholder: View,
+    imgIcon: Image,
+    fontOrSvgIcon: Icon,
+  },
+  useRender: (userProps, useSlots) => {
+    const menuItem = useMenuItemCheckbox(userProps);
+    const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
+    return menuItemFinalRender(menuItem, Slots);
+  },
 });
 export const menuItemFinalRender = (menuItem, Slots) => {
-    return (final, children) => {
-        const { accessibilityLabel, icon, tooltip, ...mergedProps } = mergeProps(menuItem.props, final);
-        const checkmarkXml = `
+  return (final, ...children) => {
+    const { accessibilityLabel, icon, tooltip, ...mergedProps } = mergeProps(menuItem.props, final);
+    const checkmarkXml = `
     <svg>
       <path fill='currentColor' d='M9.85355 3.14645C10.0488 3.34171 10.0488 3.65829 9.85355 3.85355L5.35355 8.35355C5.15829 8.54882 4.84171 8.54882 4.64645 8.35355L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L5 7.29289L9.14645 3.14645C9.34171 2.95118 9.65829 2.95118 9.85355 3.14645Z' />
     </svg>`;
-        const androidCheckmarkPath = `
+    const androidCheckmarkPath = `
     <svg>
       <path fill='currentColor' d='M9.76497 3.20474C10.0661 3.48915 10.0797 3.96383 9.79526 4.26497L5.54526 8.76497C5.40613 8.91228 5.21332 8.99703 5.01071 8.99993C4.8081 9.00282 4.61295 8.92361 4.46967 8.78033L2.21967 6.53033C1.92678 6.23744 1.92678 5.76257 2.21967 5.46967C2.51256 5.17678 2.98744 5.17678 3.28033 5.46967L4.98463 7.17397L8.70474 3.23503C8.98915 2.9339 9.46383 2.92033 9.76497 3.20474Z' />
     </svg>`;
-        const label = getAccessibilityLabel(accessibilityLabel, children[0]);
-        const tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
-        return (withSlots(Slots.root, { ...mergedProps, accessibilityLabel: label },
-            Platform.OS === 'android' ? (withSlots(Slots.checkbox, { onPress: mergedProps.onPress, accessible: false, focusable: false },
-                withSlots(Slots.checkmark, { xml: androidCheckmarkPath }))) : (withSlots(Slots.checkmark, { accessible: false, xml: checkmarkXml })),
-            (icon || menuItem.state.hasIcons) && (withSlots(Slots.iconPlaceholder, { accessible: false },
-                icon && icon.source && withSlots(Slots.imgIcon, { accessible: false, ...icon }),
-                icon && (icon.svgSource || icon.fontSource) && withSlots(Slots.fontOrSvgIcon, { accessible: false, ...icon }))),
-            children && (withSlots(Slots.content, { accessible: false, tooltip: tooltipResult, ...(tooltipResult && { alwaysShowToolTip: true }) }, children))));
-    };
+    const label = getAccessibilityLabel(accessibilityLabel, children[0]);
+    const tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
+    return _jsxs(Slots.root, {
+      ...mergedProps,
+      accessibilityLabel: label,
+      children: [
+        Platform.OS === 'android'
+          ? _jsx(Slots.checkbox, {
+              onPress: mergedProps.onPress,
+              accessible: false,
+              focusable: false,
+              children: _jsx(Slots.checkmark, { xml: androidCheckmarkPath }),
+            })
+          : _jsx(Slots.checkmark, { accessible: false, xml: checkmarkXml }),
+        (icon || menuItem.state.hasIcons) &&
+          _jsxs(Slots.iconPlaceholder, {
+            accessible: false,
+            children: [
+              icon && icon.source && _jsx(Slots.imgIcon, { accessible: false, ...icon }),
+              icon && (icon.svgSource || icon.fontSource) && _jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon }),
+            ],
+          }),
+        children &&
+          _jsx(Slots.content, {
+            accessible: false,
+            tooltip: tooltipResult,
+            ...(tooltipResult && { alwaysShowToolTip: true }),
+            children: children,
+          }),
+      ],
+    });
+  };
 };
-//# sourceMappingURL=MenuItemCheckbox.js.map
+//# sourceMappingURL=MenuItemCheckbox.js.map

package/lib/MenuItemCheckbox/MenuItemCheckbox.js.map

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

package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts

@@ -2,4 +2,4 @@ import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuItemCheckboxProps, MenuItemCheckboxTokens, MenuItemCheckboxSlotProps } from './MenuItemCheckbox.types';
 export declare const menuItemCheckboxStates: (keyof MenuItemCheckboxTokens)[];
 export declare const stylingSettings: UseStylingOptions<MenuItemCheckboxProps, MenuItemCheckboxSlotProps, MenuItemCheckboxTokens>;
-//# sourceMappingURL=MenuItemCheckbox.styling.d.ts.map
+//# sourceMappingURL=MenuItemCheckbox.styling.d.ts.map