@fluentui-react-native/menu 1.14.41 → 1.15.0

package/lib/Menu/useMenu.js

@@ -8,79 +8,84 @@ import { useMenuContext } from '../context/menuContext';
 // this behavior.
 const delayOpen = 150;
 export const useMenu = (props) => {
-    const triggerRef = React.useRef();
-    const context = useMenuContext();
-    const isSubmenu = context.triggerRef !== null;
-    const isOpenControlled = typeof props.open !== 'undefined';
-    const [open, shouldFocusOnContainer, setOpen] = useMenuOpenState(isOpenControlled, props, context.setOpen);
-    const [checked, onCheckedChange] = useMenuCheckedState(props);
-    // Default behavior for submenu is to open on hover
-    // the ...props line below will override this behavior for a submenu
-    // or apply openOnHover if passed into a root Menu.
-    const openOnHover = isSubmenu;
-    // We need to be able to cancel the timer that gets set on
-    // hover out of the parent popover if the parent popover
-    // is also set to open/close on hover out. Otherwise
-    // the parent menu will close when the timeout passes.
-    const parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
-    return {
-        openOnHover,
-        ...props,
-        open,
-        setOpen,
-        shouldFocusOnContainer,
-        checked,
-        onCheckedChange,
-        triggerRef,
-        isSubmenu,
-        isControlled: isOpenControlled,
-        parentPopoverHoverOutTimer,
-    };
+  const triggerRef = React.useRef(null);
+  const context = useMenuContext();
+  const isSubmenu = context.triggerRef !== null;
+  const isOpenControlled = typeof props.open !== 'undefined';
+  const [open, shouldFocusOnContainer, setOpen] = useMenuOpenState(isOpenControlled, props, context.setOpen);
+  const [checked, onCheckedChange] = useMenuCheckedState(props);
+  // Default behavior for submenu is to open on hover
+  // the ...props line below will override this behavior for a submenu
+  // or apply openOnHover if passed into a root Menu.
+  const openOnHover = isSubmenu;
+  // We need to be able to cancel the timer that gets set on
+  // hover out of the parent popover if the parent popover
+  // is also set to open/close on hover out. Otherwise
+  // the parent menu will close when the timeout passes.
+  const parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
+  return {
+    openOnHover,
+    ...props,
+    open,
+    setOpen,
+    shouldFocusOnContainer,
+    checked,
+    onCheckedChange,
+    triggerRef,
+    isSubmenu,
+    isControlled: isOpenControlled,
+    parentPopoverHoverOutTimer,
+  };
 };
 const useMenuOpenState = (isControlled, props, parentSetOpen) => {
-    const { defaultOpen, onOpenChange, open } = props;
-    const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
-    const [openInternal, setOpenInternal] = React.useState(initialState);
-    const [shouldFocusOnContainer, setShouldFocusOnContainer] = React.useState(undefined);
-    const state = isControlled ? open : openInternal;
-    const lastCloseTimestampRef = React.useRef(-1);
-    const setOpen = React.useCallback((e, isOpen, bubble) => {
-        const openPrev = state;
-        if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
-            setOpenInternal(isOpen);
+  const { defaultOpen, onOpenChange, open } = props;
+  const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
+  const [openInternal, setOpenInternal] = React.useState(initialState);
+  const [shouldFocusOnContainer, setShouldFocusOnContainer] = React.useState(undefined);
+  const state = isControlled ? open : openInternal;
+  const lastCloseTimestampRef = React.useRef(-1);
+  const setOpen = React.useCallback(
+    (e, isOpen, bubble) => {
+      const openPrev = state;
+      if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
+        setOpenInternal(isOpen);
+      }
+      if (isOpen) {
+        if (Platform.OS === 'win32' && isMouseEvent(e)) {
+          setShouldFocusOnContainer(true);
+        } else {
+          setShouldFocusOnContainer(false);
         }
-        if (isOpen) {
-            if (Platform.OS === 'win32' && isMouseEvent(e)) {
-                setShouldFocusOnContainer(true);
-            }
-            else {
-                setShouldFocusOnContainer(false);
-            }
-        }
-        if (!isOpen) {
-            setShouldFocusOnContainer(undefined);
-            lastCloseTimestampRef.current = Date.now();
-        }
-        if (onOpenChange && openPrev !== isOpen) {
-            onOpenChange(e, isOpen);
-        }
-        if (bubble && parentSetOpen) {
-            parentSetOpen(e, isOpen, bubble);
-        }
-    }, [isControlled, state, onOpenChange, setOpenInternal, parentSetOpen]);
-    return [state, shouldFocusOnContainer, setOpen];
+      }
+      if (!isOpen) {
+        setShouldFocusOnContainer(undefined);
+        lastCloseTimestampRef.current = Date.now();
+      }
+      if (onOpenChange && openPrev !== isOpen) {
+        onOpenChange(e, isOpen);
+      }
+      if (bubble && parentSetOpen) {
+        parentSetOpen(e, isOpen, bubble);
+      }
+    },
+    [isControlled, state, onOpenChange, setOpenInternal, parentSetOpen],
+  );
+  return [state, shouldFocusOnContainer, setOpen];
 };
 const useMenuCheckedState = (props) => {
-    const { checked, defaultChecked, onCheckedChange: onCheckedChangeOriginal } = props;
-    const [checkedInternal, setCheckedInternal] = React.useState(defaultChecked ?? checked ?? []);
-    const isControlled = typeof checked !== 'undefined';
-    const state = isControlled ? checked : checkedInternal;
-    const onCheckedChange = React.useCallback((e, checked) => {
-        if (!isControlled) {
-            setCheckedInternal(checked);
-        }
-        onCheckedChangeOriginal?.(e, checked);
-    }, [isControlled, setCheckedInternal, onCheckedChangeOriginal]);
-    return [state, onCheckedChange];
+  const { checked, defaultChecked, onCheckedChange: onCheckedChangeOriginal } = props;
+  const [checkedInternal, setCheckedInternal] = React.useState(defaultChecked ?? checked ?? []);
+  const isControlled = typeof checked !== 'undefined';
+  const state = isControlled ? checked : checkedInternal;
+  const onCheckedChange = React.useCallback(
+    (e, checked) => {
+      if (!isControlled) {
+        setCheckedInternal(checked);
+      }
+      onCheckedChangeOriginal?.(e, checked);
+    },
+    [isControlled, setCheckedInternal, onCheckedChangeOriginal],
+  );
+  return [state, onCheckedChange];
 };
-//# sourceMappingURL=useMenu.js.map
+//# sourceMappingURL=useMenu.js.map

package/lib/Menu/useMenu.js.map

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

package/lib/Menu/useMenuContextValue.d.ts

@@ -1,4 +1,4 @@
 import type { MenuState } from './Menu.types';
 import type { MenuContextValue } from '../context/menuContext';
 export declare const useMenuContextValue: (state: MenuState) => MenuContextValue;
-//# sourceMappingURL=useMenuContextValue.d.ts.map
+//# sourceMappingURL=useMenuContextValue.d.ts.map

package/lib/Menu/useMenuContextValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuContextValue.d.ts","sourceRoot":"","sources":["../../src/Menu/useMenuContextValue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,mBAAmB,UAAW,SAAS,KAAG,gBAItD,CAAC"}
+{"version":3,"file":"useMenuContextValue.d.ts","sourceRoot":"","sources":["../../src/Menu/useMenuContextValue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,mBAAmB,wCAI/B,CAAC"}

package/lib/Menu/useMenuContextValue.js

@@ -1,7 +1,7 @@
 import React from 'react';
 export const useMenuContextValue = (state) => {
-    const [triggerHoverOutTimer, setTriggerHoverOutTimer] = React.useState();
-    const [popoverHoverOutTimer, setPopoverHoverOutTimer] = React.useState();
-    return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
+  const [triggerHoverOutTimer, setTriggerHoverOutTimer] = React.useState();
+  const [popoverHoverOutTimer, setPopoverHoverOutTimer] = React.useState();
+  return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
 };
-//# sourceMappingURL=useMenuContextValue.js.map
+//# sourceMappingURL=useMenuContextValue.js.map

package/lib/Menu/useMenuContextValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuContextValue.js","sourceRoot":"","sources":["../../src/Menu/useMenuContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAgB,EAAoB,EAAE;IACxE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAA8B,CAAC;IACrG,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAkB,CAAC;IACzF,OAAO,EAAE,GAAG,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,CAAC;AACpH,CAAC,CAAC"}
+{"version":3,"file":"useMenuContextValue.js","sourceRoot":"","sources":["../../src/Menu/useMenuContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAgB,EAAoB,EAAE,CAAC;IACzE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAA8B,CAAC;IACrG,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAkB,CAAC;IACzF,OAAO,EAAE,GAAG,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,CAAC;AAAA,CACnH,CAAC"}

package/lib/MenuCallout/MenuCallout.android.d.ts

@@ -1,4 +1,4 @@
 import type { MenuCalloutProps } from './MenuCallout.types';
-export declare const MenuCallout: import("@fluentui-react-native/framework").ComposableFunction<MenuCalloutProps>;
+export declare const MenuCallout: import('@fluentui-react-native/framework-base').FunctionComponent<MenuCalloutProps>;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.android.d.ts.map
+//# sourceMappingURL=MenuCallout.android.d.ts.map

package/lib/MenuCallout/MenuCallout.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.android.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,WAAW,iFA2CtB,CAAC;AAIH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuCallout.android.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,WAAW,qFA4CtB,CAAC;AAIH,eAAe,WAAW,CAAC"}

package/lib/MenuCallout/MenuCallout.android.js

@@ -1,32 +1,49 @@
-import React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
 import { Animated, Modal, TouchableWithoutFeedback, View, StyleSheet, ScrollView } from 'react-native';
-import { stagedComponent } from '@fluentui-react-native/framework';
-import { mergeProps } from '@fluentui-react-native/framework';
+import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 import { menuCalloutName } from './MenuCallout.types';
 import { useMenuContext } from '../context';
 const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
-export const MenuCallout = stagedComponent((props) => {
-    const context = useMenuContext();
-    return (_rest, children) => {
-        const mergedProps = mergeProps(props, _rest);
-        const tokens = props.tokens;
-        return (React.createElement(Modal, { ...mergedProps, visible: context.open, onRequestClose: context.onRequestClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], transparent: true },
-            React.createElement(TouchableWithoutFeedback, { onPress: context.onRequestClose, accessible: false },
-                React.createElement(View, { style: [StyleSheet.absoluteFill] },
-                    React.createElement(Animated.View, { onLayout: context.onMenuLayout, style: [
-                            context.shadowMenuContainerStyle,
-                            {
-                                maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
-                                maxWidth: tokens.maxWidth,
-                                position: 'absolute',
-                                borderRadius: tokens.borderRadius,
-                                elevation: tokens.elevation,
-                                overflow: 'hidden',
-                            },
-                        ] }, context.menuHeight + tokens.minPadding >= tokens.maxHeight ||
-                        context.menuHeight + tokens.minPadding >= mergedProps.maxHeight ? (React.createElement(AnimatedScrollView, { style: [context.animationStarted && context.menuSize] }, children)) : (React.createElement(Animated.View, { style: [context.animationStarted && context.menuSize] }, children)))))));
-    };
+export const MenuCallout = phasedComponent((props) => {
+  const context = useMenuContext();
+  return directComponent((innerProps) => {
+    const { children, ...rest } = mergeProps(props, innerProps);
+    const mergedProps = mergeProps(props, rest);
+    const tokens = props.tokens;
+    return _jsx(Modal, {
+      ...mergedProps,
+      visible: context.open,
+      onRequestClose: context.onRequestClose,
+      supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
+      transparent: true,
+      children: _jsx(TouchableWithoutFeedback, {
+        onPress: context.onRequestClose,
+        accessible: false,
+        children: _jsx(View, {
+          style: [StyleSheet.absoluteFill],
+          children: _jsx(Animated.View, {
+            onLayout: context.onMenuLayout,
+            style: [
+              context.shadowMenuContainerStyle,
+              {
+                maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
+                maxWidth: tokens.maxWidth,
+                position: 'absolute',
+                borderRadius: tokens.borderRadius,
+                elevation: tokens.elevation,
+                overflow: 'hidden',
+              },
+            ],
+            children:
+              context.menuHeight + tokens.minPadding >= tokens.maxHeight || context.menuHeight + tokens.minPadding >= mergedProps.maxHeight
+                ? _jsx(AnimatedScrollView, { style: [context.animationStarted && context.menuSize], children: children })
+                : _jsx(Animated.View, { style: [context.animationStarted && context.menuSize], children: children }),
+          }),
+        }),
+      }),
+    });
+  });
 });
 MenuCallout.displayName = menuCalloutName;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.android.js.map
+//# sourceMappingURL=MenuCallout.android.js.map

package/lib/MenuCallout/MenuCallout.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.android.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvG,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,kBAAkB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,UAAU,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,KAAuB,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,OAAO,CACL,oBAAC,KAAK,OACA,WAAW,EACf,OAAO,EAAE,OAAO,CAAC,IAAI,EACrB,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,qBAAqB,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,EAC7G,WAAW;YAEX,oBAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK;gBAC1E,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC;oBACpC,oBAAC,QAAQ,CAAC,IAAI,IACZ,QAAQ,EAAE,OAAO,CAAC,YAAY,EAC9B,KAAK,EAAE;4BACL,OAAO,CAAC,wBAAwB;4BAChC;gCACE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;gCAC3E,QAAQ,EAAE,MAAM,CAAC,QAAQ;gCACzB,QAAQ,EAAE,UAAU;gCACpB,YAAY,EAAE,MAAM,CAAC,YAAY;gCACjC,SAAS,EAAE,MAAM,CAAC,SAAS;gCAC3B,QAAQ,EAAE,QAAQ;6BACnB;yBACF,IAEA,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,SAAS;wBAC3D,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAChE,oBAAC,kBAAkB,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAsB,CAC3G,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAiB,CACjG,CACa,CACX,CACkB,CACrB,CACT,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuCallout.android.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvG,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAGrG,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,kBAAkB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,UAAU,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,KAAuB,EAAE,EAAE,CAAC;IACtE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,OAAO,eAAe,CAAmB,CAAC,UAA4B,EAAE,EAAE,CAAC;QACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAmB,KAAK,EAAE,UAAU,CAAC,CAAC;QAC9E,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,OAAO,CACL,KAAC,KAAK,OACA,WAAW,EACf,OAAO,EAAE,OAAO,CAAC,IAAI,EACrB,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,qBAAqB,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,EAC7G,WAAW,kBAEX,KAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK,YAC1E,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,YACpC,KAAC,QAAQ,CAAC,IAAI,IACZ,QAAQ,EAAE,OAAO,CAAC,YAAY,EAC9B,KAAK,EAAE;4BACL,OAAO,CAAC,wBAAwB;4BAChC;gCACE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;gCAC3E,QAAQ,EAAE,MAAM,CAAC,QAAQ;gCACzB,QAAQ,EAAE,UAAU;gCACpB,YAAY,EAAE,MAAM,CAAC,YAAY;gCACjC,SAAS,EAAE,MAAM,CAAC,SAAS;gCAC3B,QAAQ,EAAE,QAAQ;6BACnB;yBACF,YAEA,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAK,MAAM,CAAC,SAAoB;4BACvE,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAK,WAAW,CAAC,SAAoB,CAAC,CAAC,CAAC,CAC5E,KAAC,kBAAkB,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAG,QAAQ,GAAsB,CAC3G,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAG,QAAQ,GAAiB,CACjG,GACa,GACX,GACkB,GACrB,CACT,CAAC;IAAA,CACH,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}

package/lib/MenuCallout/MenuCallout.d.ts

@@ -1,4 +1,4 @@
 import type { MenuCalloutProps } from './MenuCallout.types';
-export declare const MenuCallout: import("@fluentui-react-native/framework").ComposableFunction<MenuCalloutProps>;
+export declare const MenuCallout: import('@fluentui-react-native/framework-base').FunctionComponent<MenuCalloutProps>;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.d.ts.map
+//# sourceMappingURL=MenuCallout.d.ts.map

package/lib/MenuCallout/MenuCallout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,iFAMtB,CAAC;AAIH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuCallout.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,qFAOtB,CAAC;AAIH,eAAe,WAAW,CAAC"}

package/lib/MenuCallout/MenuCallout.js

@@ -1,14 +1,14 @@
-import React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
 import { Callout } from '@fluentui-react-native/callout';
-import { stagedComponent } from '@fluentui-react-native/framework';
-import { mergeProps } from '@fluentui-react-native/framework';
+import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 import { menuCalloutName } from './MenuCallout.types';
-export const MenuCallout = stagedComponent((props) => {
-    return (_rest, children) => {
-        const mergedProps = mergeProps(props, _rest);
-        return React.createElement(Callout, { ...mergedProps }, children);
-    };
+export const MenuCallout = phasedComponent((props) => {
+  return directComponent((innerProps) => {
+    const { children, ...rest } = innerProps;
+    const mergedProps = mergeProps(props, rest);
+    return _jsx(Callout, { ...mergedProps, children: children });
+  });
 });
 MenuCallout.displayName = menuCalloutName;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.js.map
+//# sourceMappingURL=MenuCallout.js.map

package/lib/MenuCallout/MenuCallout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,KAAuB,EAAE,EAAE;IACrE,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAE7C,OAAO,oBAAC,OAAO,OAAK,WAAW,IAAG,QAAQ,CAAW,CAAC;IACxD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuCallout.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAGrG,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,KAAuB,EAAE,EAAE,CAAC;IACtE,OAAO,eAAe,CAAmB,CAAC,UAA4B,EAAE,EAAE,CAAC;QACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;QACzC,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAE5C,OAAO,KAAC,OAAO,OAAK,WAAW,YAAG,QAAQ,GAAW,CAAC;IAAA,CACvD,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}

package/lib/MenuCallout/MenuCallout.types.d.ts

@@ -1,19 +1,19 @@
 import type { AnimatableNumericValue } from 'react-native';
 import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
-export declare const menuCalloutName = "MenuCallout";
+export declare const menuCalloutName = 'MenuCallout';
 export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
-    /**
-     * The token for the corner radius for the Modal MenuPopover
-     * @platform android macos
-     */
-    borderRadius?: AnimatableNumericValue;
-    /**
-     * Shadown elevation token for the Modal MenuPopover
-     * @platform android
-     */
-    elevation?: number;
+  /**
+   * The token for the corner radius for the Modal MenuPopover
+   * @platform android macos
+   */
+  borderRadius?: AnimatableNumericValue | string;
+  /**
+   * Shadown elevation token for the Modal MenuPopover
+   * @platform android
+   */
+  elevation?: number;
 };
 export type MenuCalloutProps = ICalloutProps & {
-    tokens: MenuCalloutTokens;
+  tokens: MenuCalloutTokens;
 };
-//# sourceMappingURL=MenuCallout.types.d.ts.map
+//# sourceMappingURL=MenuCallout.types.d.ts.map

package/lib/MenuCallout/MenuCallout.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.types.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GACzB,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;IAEtC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC"}
+{"version":3,"file":"MenuCallout.types.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAC3B,CAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC"}

package/lib/MenuCallout/MenuCallout.types.js

@@ -1,2 +1,2 @@
 export const menuCalloutName = 'MenuCallout';
-//# sourceMappingURL=MenuCallout.types.js.map
+//# sourceMappingURL=MenuCallout.types.js.map

package/lib/MenuCallout/index.d.ts

@@ -1,4 +1,4 @@
 export { MenuCallout } from './MenuCallout';
 export { menuCalloutName } from './MenuCallout.types';
 export type { MenuCalloutProps, MenuCalloutTokens } from './MenuCallout.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuCallout/index.js

@@ -1,3 +1,3 @@
 export { MenuCallout } from './MenuCallout';
 export { menuCalloutName } from './MenuCallout.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuDivider/MenuDivider.d.ts

@@ -1,3 +1,8 @@
 import type { MenuDividerProps } from './MenuDivider.types';
-export declare const MenuDivider: import("@fluentui-react-native/framework").ComposableComponent<MenuDividerProps, import("./MenuDivider.types").MenuDividerSlotProps, import("./MenuDivider.types").MenuDividerTokens, import("@fluentui-react-native/framework").ObjectBase>;
-//# sourceMappingURL=MenuDivider.d.ts.map
+export declare const MenuDivider: import('@fluentui-react-native/framework').ComposableComponent<
+  MenuDividerProps,
+  import('./MenuDivider.types').MenuDividerSlotProps,
+  import('./MenuDivider.types').MenuDividerTokens,
+  import('@fluentui-react-native/framework-base').ObjectBase
+>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/lib/MenuDivider/MenuDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,qBAAqB,CAAC;AAG7E,eAAO,MAAM,WAAW,8OAatB,CAAC"}
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,qBAAqB,CAAC;AAG7E,eAAO,MAAM,WAAW,mPAatB,CAAC"}

package/lib/MenuDivider/MenuDivider.js

@@ -1,20 +1,20 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import { View } from 'react-native';
-import { compose, withSlots } from '@fluentui-react-native/framework';
+import { compose } from '@fluentui-react-native/framework';
 import { stylingSettings } from './MenuDivider.styling';
 import { menuDividerName } from './MenuDivider.types';
 export const MenuDivider = compose({
-    displayName: menuDividerName,
-    ...stylingSettings,
-    slots: {
-        root: View,
-    },
-    useRender: (userProps, useSlots) => {
-        const Slots = useSlots(userProps);
-        return (final) => {
-            return withSlots(Slots.root, { ...final });
-        };
-    },
+  displayName: menuDividerName,
+  ...stylingSettings,
+  slots: {
+    root: View,
+  },
+  useRender: (userProps, useSlots) => {
+    const Slots = useSlots(userProps);
+    return (final) => {
+      return _jsx(Slots.root, { ...final });
+    };
+  },
 });
-//# sourceMappingURL=MenuDivider.js.map
+//# sourceMappingURL=MenuDivider.js.map

package/lib/MenuDivider/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAkB;IAClD,WAAW,EAAE,eAAe;IAC5B,GAAG,eAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;KACX;IACD,SAAS,EAAE,CAAC,SAA2B,EAAE,QAAmC,EAAE,EAAE;QAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,CAAC,KAAuB,EAAE,EAAE;YACjC,OAAO,UAAC,KAAK,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAkB;IAClD,WAAW,EAAE,eAAe;IAC5B,GAAG,eAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;KACX;IACD,SAAS,EAAE,CAAC,SAA2B,EAAE,QAAmC,EAAE,EAAE,CAAC;QAC/E,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,CAAC,KAAuB,EAAE,EAAE,CAAC;YAClC,OAAO,KAAC,KAAK,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QAAA,CAClC,CAAC;IAAA,CACH;CACF,CAAC,CAAC"}

package/lib/MenuDivider/MenuDivider.styling.d.ts

@@ -1,4 +1,4 @@
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps } from './MenuDivider.types';
 export declare const stylingSettings: UseStylingOptions<MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens>;
-//# sourceMappingURL=MenuDivider.styling.d.ts.map
+//# sourceMappingURL=MenuDivider.styling.d.ts.map

package/lib/MenuDivider/MenuDivider.styling.js

@@ -3,20 +3,23 @@ import { buildProps } from '@fluentui-react-native/framework';
 import { menuDividerName } from './MenuDivider.types';
 import { defaultMenuDividerTokens } from './MenuDividerTokens';
 export const stylingSettings = {
-    tokens: [defaultMenuDividerTokens, menuDividerName],
-    tokensThatAreAlsoProps: ['insetSize'],
-    slotProps: {
-        root: buildProps((tokens) => ({
-            style: {
-                height: tokens.height,
-                width: tokens.width,
-                backgroundColor: tokens.backgroundColor,
-                margin: tokens.margin,
-                marginVertical: tokens.marginVertical,
-                display: 'flex',
-                ...(Platform.OS === 'android' && { marginStart: tokens.insetSize }),
-            },
-        }), ['backgroundColor', 'height', 'margin', 'marginVertical', 'width']),
-    },
+  tokens: [defaultMenuDividerTokens, menuDividerName],
+  tokensThatAreAlsoProps: ['insetSize'],
+  slotProps: {
+    root: buildProps(
+      (tokens) => ({
+        style: {
+          height: tokens.height,
+          width: tokens.width,
+          backgroundColor: tokens.backgroundColor,
+          margin: tokens.margin,
+          marginVertical: tokens.marginVertical,
+          display: 'flex',
+          ...(Platform.OS === 'android' && { marginStart: tokens.insetSize }),
+        },
+      }),
+      ['backgroundColor', 'height', 'margin', 'marginVertical', 'width'],
+    ),
+  },
 };
-//# sourceMappingURL=MenuDivider.styling.js.map
+//# sourceMappingURL=MenuDivider.styling.js.map

package/lib/MenuDivider/MenuDivider.types.d.ts

@@ -2,25 +2,25 @@ import type * as React from 'react';
 import type { ViewStyle } from 'react-native';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
-export declare const menuDividerName = "MenuDivider";
+export declare const menuDividerName = 'MenuDivider';
 export declare const MenuDividerInsetSizes: readonly [0, 16, 56, 68, 72, 108];
 export type MenuDividerInsetSize = (typeof MenuDividerInsetSizes)[number];
 export type MenuDividerTokens = IBackgroundColorTokens & {
-    height?: number;
-    margin?: number;
-    marginVertical?: number;
-    width?: ViewStyle['width'];
-    insetSize?: MenuDividerInsetSize;
+  height?: number;
+  margin?: number;
+  marginVertical?: number;
+  width?: ViewStyle['width'];
+  insetSize?: MenuDividerInsetSize;
 };
 export type MenuDividerProps = IViewProps & {
-    insetSize?: MenuDividerInsetSize;
+  insetSize?: MenuDividerInsetSize;
 };
 export interface MenuDividerSlotProps {
-    root: React.PropsWithRef<IViewProps>;
+  root: React.PropsWithRef<IViewProps>;
 }
 export interface MenuDividerType {
-    props: MenuDividerProps;
-    tokens: MenuDividerTokens;
-    slotProps: MenuDividerSlotProps;
+  props: MenuDividerProps;
+  tokens: MenuDividerTokens;
+  slotProps: MenuDividerSlotProps;
 }
-//# sourceMappingURL=MenuDivider.types.d.ts.map
+//# sourceMappingURL=MenuDivider.types.d.ts.map

package/lib/MenuDivider/MenuDivider.types.js

@@ -1,3 +1,3 @@
 export const menuDividerName = 'MenuDivider';
 export const MenuDividerInsetSizes = [0, 16, 56, 68, 72, 108];
-//# sourceMappingURL=MenuDivider.types.js.map
+//# sourceMappingURL=MenuDivider.types.js.map

package/lib/MenuDivider/MenuDividerTokens.android.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 { MenuDividerTokens } from './MenuDivider.types';
 export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
-//# sourceMappingURL=MenuDividerTokens.android.d.ts.map
+//# sourceMappingURL=MenuDividerTokens.android.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.android.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuDividerTokens = (t) => ({
-    backgroundColor: t.colors.neutralStroke2,
-    height: globalTokens.stroke.width10,
-    insetSize: 0,
+  backgroundColor: t.colors.neutralStroke2,
+  height: globalTokens.stroke.width10,
+  insetSize: 0,
 });
-//# sourceMappingURL=MenuDividerTokens.android.js.map
+//# sourceMappingURL=MenuDividerTokens.android.js.map

package/lib/MenuDivider/MenuDividerTokens.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 { MenuDividerTokens } from './MenuDivider.types';
 export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
-//# sourceMappingURL=MenuDividerTokens.d.ts.map
+//# sourceMappingURL=MenuDividerTokens.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuDividerTokens = (t) => ({
-    backgroundColor: t.colors.neutralStroke2,
-    height: globalTokens.stroke.width10,
-    marginVertical: globalTokens.size40,
+  backgroundColor: t.colors.neutralStroke2,
+  height: globalTokens.stroke.width10,
+  marginVertical: globalTokens.size40,
 });
-//# sourceMappingURL=MenuDividerTokens.js.map
+//# sourceMappingURL=MenuDividerTokens.js.map