@fluentui-react-native/menu 1.14.42 → 1.15.0

package/lib-commonjs/Menu/useMenu.js

@@ -1,93 +1,100 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useMenu = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
-const menuContext_1 = require("../context/menuContext");
+const react_1 = __importDefault(require('react'));
+const react_native_1 = require('react-native');
+const interactive_hooks_1 = require('@fluentui-react-native/interactive-hooks');
+const menuContext_1 = require('../context/menuContext');
 // Due to how events get fired we get double notifications
 // for the same event causing us to immediately reopen
 // a menu when we close it. Adding in a delay to prevent
 // this behavior.
 const delayOpen = 150;
 const useMenu = (props) => {
-    const triggerRef = react_1.default.useRef();
-    const context = (0, menuContext_1.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_1.default.useRef(null);
+  const context = (0, menuContext_1.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,
+  };
 };
 exports.useMenu = useMenu;
 const useMenuOpenState = (isControlled, props, parentSetOpen) => {
-    const { defaultOpen, onOpenChange, open } = props;
-    const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
-    const [openInternal, setOpenInternal] = react_1.default.useState(initialState);
-    const [shouldFocusOnContainer, setShouldFocusOnContainer] = react_1.default.useState(undefined);
-    const state = isControlled ? open : openInternal;
-    const lastCloseTimestampRef = react_1.default.useRef(-1);
-    const setOpen = react_1.default.useCallback((e, isOpen, bubble) => {
-        const openPrev = state;
-        if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
-            setOpenInternal(isOpen);
-        }
-        if (isOpen) {
-            if (react_native_1.Platform.OS === 'win32' && (0, interactive_hooks_1.isMouseEvent)(e)) {
-                setShouldFocusOnContainer(true);
-            }
-            else {
-                setShouldFocusOnContainer(false);
-            }
-        }
-        if (!isOpen) {
-            setShouldFocusOnContainer(undefined);
-            lastCloseTimestampRef.current = Date.now();
+  const { defaultOpen, onOpenChange, open } = props;
+  const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
+  const [openInternal, setOpenInternal] = react_1.default.useState(initialState);
+  const [shouldFocusOnContainer, setShouldFocusOnContainer] = react_1.default.useState(undefined);
+  const state = isControlled ? open : openInternal;
+  const lastCloseTimestampRef = react_1.default.useRef(-1);
+  const setOpen = react_1.default.useCallback(
+    (e, isOpen, bubble) => {
+      const openPrev = state;
+      if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
+        setOpenInternal(isOpen);
+      }
+      if (isOpen) {
+        if (react_native_1.Platform.OS === 'win32' && (0, interactive_hooks_1.isMouseEvent)(e)) {
+          setShouldFocusOnContainer(true);
+        } else {
+          setShouldFocusOnContainer(false);
         }
-        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_1.default.useState(defaultChecked ?? checked ?? []);
-    const isControlled = typeof checked !== 'undefined';
-    const state = isControlled ? checked : checkedInternal;
-    const onCheckedChange = react_1.default.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_1.default.useState(defaultChecked ?? checked ?? []);
+  const isControlled = typeof checked !== 'undefined';
+  const state = isControlled ? checked : checkedInternal;
+  const onCheckedChange = react_1.default.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-commonjs/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-commonjs/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-commonjs/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-commonjs/Menu/useMenuContextValue.js

@@ -1,14 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useMenuContextValue = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require('react'));
 const useMenuContextValue = (state) => {
-    const [triggerHoverOutTimer, setTriggerHoverOutTimer] = react_1.default.useState();
-    const [popoverHoverOutTimer, setPopoverHoverOutTimer] = react_1.default.useState();
-    return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
+  const [triggerHoverOutTimer, setTriggerHoverOutTimer] = react_1.default.useState();
+  const [popoverHoverOutTimer, setPopoverHoverOutTimer] = react_1.default.useState();
+  return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
 };
 exports.useMenuContextValue = useMenuContextValue;
-//# sourceMappingURL=useMenuContextValue.js.map
+//# sourceMappingURL=useMenuContextValue.js.map

package/lib-commonjs/Menu/useMenuContextValue.js.map

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

package/lib-commonjs/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-commonjs/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-commonjs/MenuCallout/MenuCallout.android.js

@@ -1,38 +1,55 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MenuCallout = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const framework_2 = require("@fluentui-react-native/framework");
-const MenuCallout_types_1 = require("./MenuCallout.types");
-const context_1 = require("../context");
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_native_1 = require('react-native');
+const framework_base_1 = require('@fluentui-react-native/framework-base');
+const MenuCallout_types_1 = require('./MenuCallout.types');
+const context_1 = require('../context');
 const AnimatedScrollView = react_native_1.Animated.createAnimatedComponent(react_native_1.ScrollView);
-exports.MenuCallout = (0, framework_1.stagedComponent)((props) => {
-    const context = (0, context_1.useMenuContext)();
-    return (_rest, children) => {
-        const mergedProps = (0, framework_2.mergeProps)(props, _rest);
-        const tokens = props.tokens;
-        return (react_1.default.createElement(react_native_1.Modal, { ...mergedProps, visible: context.open, onRequestClose: context.onRequestClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], transparent: true },
-            react_1.default.createElement(react_native_1.TouchableWithoutFeedback, { onPress: context.onRequestClose, accessible: false },
-                react_1.default.createElement(react_native_1.View, { style: [react_native_1.StyleSheet.absoluteFill] },
-                    react_1.default.createElement(react_native_1.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_1.default.createElement(AnimatedScrollView, { style: [context.animationStarted && context.menuSize] }, children)) : (react_1.default.createElement(react_native_1.Animated.View, { style: [context.animationStarted && context.menuSize] }, children)))))));
-    };
+exports.MenuCallout = (0, framework_base_1.phasedComponent)((props) => {
+  const context = (0, context_1.useMenuContext)();
+  return (0, framework_base_1.directComponent)((innerProps) => {
+    const { children, ...rest } = (0, framework_base_1.mergeProps)(props, innerProps);
+    const mergedProps = (0, framework_base_1.mergeProps)(props, rest);
+    const tokens = props.tokens;
+    return jsx_runtime_1.jsx(react_native_1.Modal, {
+      ...mergedProps,
+      visible: context.open,
+      onRequestClose: context.onRequestClose,
+      supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
+      transparent: true,
+      children: jsx_runtime_1.jsx(react_native_1.TouchableWithoutFeedback, {
+        onPress: context.onRequestClose,
+        accessible: false,
+        children: jsx_runtime_1.jsx(react_native_1.View, {
+          style: [react_native_1.StyleSheet.absoluteFill],
+          children: jsx_runtime_1.jsx(react_native_1.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_runtime_1.jsx(AnimatedScrollView, { style: [context.animationStarted && context.menuSize], children: children })
+                : jsx_runtime_1.jsx(react_native_1.Animated.View, {
+                    style: [context.animationStarted && context.menuSize],
+                    children: children,
+                  }),
+          }),
+        }),
+      }),
+    });
+  });
 });
 exports.MenuCallout.displayName = MenuCallout_types_1.menuCalloutName;
 exports.default = exports.MenuCallout;
-//# sourceMappingURL=MenuCallout.android.js.map
+//# sourceMappingURL=MenuCallout.android.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.android.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAuG;AAEvG,gEAAmE;AACnE,gEAA8D;AAG9D,2DAAsD;AACtD,wCAA4C;AAE5C,MAAM,kBAAkB,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,yBAAU,CAAC,CAAC;AAE3D,QAAA,WAAW,GAAG,IAAA,2BAAe,EAAC,CAAC,KAAuB,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IAEjC,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,OAAO,CACL,8BAAC,oBAAK,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,8BAAC,uCAAwB,IAAC,OAAO,EAAE,OAAO,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK;gBAC1E,8BAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,yBAAU,CAAC,YAAY,CAAC;oBACpC,8BAAC,uBAAQ,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,8BAAC,kBAAkB,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAsB,CAC3G,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAQ,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,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"MenuCallout.android.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":";;;;AAAA,+CAAuG;AAEvG,0EAAqG;AAGrG,2DAAsD;AACtD,wCAA4C;AAE5C,MAAM,kBAAkB,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,yBAAU,CAAC,CAAC;AAE3D,QAAA,WAAW,GAAG,IAAA,gCAAe,EAAC,CAAC,KAAuB,EAAE,EAAE,CAAC;IACtE,MAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IAEjC,OAAO,IAAA,gCAAe,EAAmB,CAAC,UAA4B,EAAE,EAAE,CAAC;QACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,IAAA,2BAAU,EAAmB,KAAK,EAAE,UAAU,CAAC,CAAC;QAC9E,MAAM,WAAW,GAAG,IAAA,2BAAU,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,OAAO,CACL,kBAAC,oBAAK,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,kBAAC,uCAAwB,IAAC,OAAO,EAAE,OAAO,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK,YAC1E,kBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,yBAAU,CAAC,YAAY,CAAC,YACpC,kBAAC,uBAAQ,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,kBAAC,kBAAkB,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAG,QAAQ,GAAsB,CAC3G,CAAC,CAAC,CAAC,CACF,kBAAC,uBAAQ,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,QAAA,WAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;kBAE3B,QAAA,WAAW"}

package/lib-commonjs/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-commonjs/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-commonjs/MenuCallout/MenuCallout.js

@@ -1,20 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MenuCallout = void 0;
-const react_1 = __importDefault(require("react"));
-const callout_1 = require("@fluentui-react-native/callout");
-const framework_1 = require("@fluentui-react-native/framework");
-const framework_2 = require("@fluentui-react-native/framework");
-const MenuCallout_types_1 = require("./MenuCallout.types");
-exports.MenuCallout = (0, framework_1.stagedComponent)((props) => {
-    return (_rest, children) => {
-        const mergedProps = (0, framework_2.mergeProps)(props, _rest);
-        return react_1.default.createElement(callout_1.Callout, { ...mergedProps }, children);
-    };
+const jsx_runtime_1 = require('react/jsx-runtime');
+const callout_1 = require('@fluentui-react-native/callout');
+const framework_base_1 = require('@fluentui-react-native/framework-base');
+const MenuCallout_types_1 = require('./MenuCallout.types');
+exports.MenuCallout = (0, framework_base_1.phasedComponent)((props) => {
+  return (0, framework_base_1.directComponent)((innerProps) => {
+    const { children, ...rest } = innerProps;
+    const mergedProps = (0, framework_base_1.mergeProps)(props, rest);
+    return jsx_runtime_1.jsx(callout_1.Callout, { ...mergedProps, children: children });
+  });
 });
 exports.MenuCallout.displayName = MenuCallout_types_1.menuCalloutName;
 exports.default = exports.MenuCallout;
-//# sourceMappingURL=MenuCallout.js.map
+//# sourceMappingURL=MenuCallout.js.map

package/lib-commonjs/MenuCallout/MenuCallout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAyD;AACzD,gEAAmE;AACnE,gEAA8D;AAG9D,2DAAsD;AAEzC,QAAA,WAAW,GAAG,IAAA,2BAAe,EAAC,CAAC,KAAuB,EAAE,EAAE;IACrE,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAE7C,OAAO,8BAAC,iBAAO,OAAK,WAAW,IAAG,QAAQ,CAAW,CAAC;IACxD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"MenuCallout.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":";;;;AAAA,4DAAyD;AACzD,0EAAqG;AAGrG,2DAAsD;AAEzC,QAAA,WAAW,GAAG,IAAA,gCAAe,EAAC,CAAC,KAAuB,EAAE,EAAE,CAAC;IACtE,OAAO,IAAA,gCAAe,EAAmB,CAAC,UAA4B,EAAE,EAAE,CAAC;QACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;QACzC,MAAM,WAAW,GAAG,IAAA,2BAAU,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAE5C,OAAO,kBAAC,iBAAO,OAAK,WAAW,YAAG,QAAQ,GAAW,CAAC;IAAA,CACvD,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC;AAEH,QAAA,WAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;kBAE3B,QAAA,WAAW"}

package/lib-commonjs/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-commonjs/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-commonjs/MenuCallout/MenuCallout.types.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.menuCalloutName = void 0;
 exports.menuCalloutName = 'MenuCallout';
-//# sourceMappingURL=MenuCallout.types.js.map
+//# sourceMappingURL=MenuCallout.types.js.map

package/lib-commonjs/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-commonjs/MenuCallout/index.js

@@ -1,8 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.menuCalloutName = exports.MenuCallout = void 0;
-var MenuCallout_1 = require("./MenuCallout");
-Object.defineProperty(exports, "MenuCallout", { enumerable: true, get: function () { return MenuCallout_1.MenuCallout; } });
-var MenuCallout_types_1 = require("./MenuCallout.types");
-Object.defineProperty(exports, "menuCalloutName", { enumerable: true, get: function () { return MenuCallout_types_1.menuCalloutName; } });
-//# sourceMappingURL=index.js.map
+const MenuCallout_1 = require('./MenuCallout');
+Object.defineProperty(exports, 'MenuCallout', {
+  enumerable: true,
+  get: function () {
+    return MenuCallout_1.MenuCallout;
+  },
+});
+const MenuCallout_types_1 = require('./MenuCallout.types');
+Object.defineProperty(exports, 'menuCalloutName', {
+  enumerable: true,
+  get: function () {
+    return MenuCallout_types_1.menuCalloutName;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/MenuCallout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuCallout/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuCallout/index.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2DAAsD;AAA7C,oHAAA,eAAe,OAAA"}

package/lib-commonjs/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').ObjectBase
+>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/lib-commonjs/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,8OAatB,CAAC"}

package/lib-commonjs/MenuDivider/MenuDivider.js

@@ -1,23 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MenuDivider = void 0;
-/** @jsxRuntime classic */
-/** @jsx withSlots */
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const MenuDivider_styling_1 = require("./MenuDivider.styling");
-const MenuDivider_types_1 = require("./MenuDivider.types");
+const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+/** @jsxImportSource @fluentui-react-native/framework-base */
+const react_native_1 = require('react-native');
+const framework_1 = require('@fluentui-react-native/framework');
+const MenuDivider_styling_1 = require('./MenuDivider.styling');
+const MenuDivider_types_1 = require('./MenuDivider.types');
 exports.MenuDivider = (0, framework_1.compose)({
-    displayName: MenuDivider_types_1.menuDividerName,
-    ...MenuDivider_styling_1.stylingSettings,
-    slots: {
-        root: react_native_1.View,
-    },
-    useRender: (userProps, useSlots) => {
-        const Slots = useSlots(userProps);
-        return (final) => {
-            return (0, framework_1.withSlots)(Slots.root, { ...final });
-        };
-    },
+  displayName: MenuDivider_types_1.menuDividerName,
+  ...MenuDivider_styling_1.stylingSettings,
+  slots: {
+    root: react_native_1.View,
+  },
+  useRender: (userProps, useSlots) => {
+    const Slots = useSlots(userProps);
+    return (final) => {
+      return jsx_runtime_1.jsx(Slots.root, { ...final });
+    };
+  },
 });
-//# sourceMappingURL=MenuDivider.js.map
+//# sourceMappingURL=MenuDivider.js.map

package/lib-commonjs/MenuDivider/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":";;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,+CAAoC;AAGpC,gEAAsE;AAEtE,+DAAwD;AAExD,2DAAsD;AAEzC,QAAA,WAAW,GAAG,IAAA,mBAAO,EAAkB;IAClD,WAAW,EAAE,mCAAe;IAC5B,GAAG,qCAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;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,2BAAC,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,+CAAoC;AAGpC,gEAA2D;AAE3D,+DAAwD;AAExD,2DAAsD;AAEzC,QAAA,WAAW,GAAG,IAAA,mBAAO,EAAkB;IAClD,WAAW,EAAE,mCAAe;IAC5B,GAAG,qCAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;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,kBAAC,KAAK,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QAAA,CAClC,CAAC;IAAA,CACH;CACF,CAAC,CAAC"}

package/lib-commonjs/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