@fluentui-react-native/menu 1.4.28 → 1.4.29

package/lib/MenuList/MenuList.styling.js

@@ -0,0 +1,17 @@
+import { __assign, __spreadArray } from "tslib";
+import { buildProps } from '@fluentui-react-native/framework';
+import { layoutStyles } from '@fluentui-react-native/tokens';
+import { menuListName } from './MenuList.types';
+import { defaultMenuListTokens } from './MenuListTokens';
+export var menuListStates = ['hasMaxHeight'];
+export var stylingSettings = {
+    tokens: [defaultMenuListTokens, menuListName],
+    states: menuListStates,
+    slotProps: {
+        root: buildProps(function (tokens, theme) { return ({
+            style: __assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, layoutStyles.from(tokens, theme)),
+            gap: tokens.gap,
+        }); }, __spreadArray(['backgroundColor', 'gap'], layoutStyles.keys, true)),
+    },
+};
+//# sourceMappingURL=MenuList.styling.js.map

package/lib/MenuList/MenuList.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.styling.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.styling.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,CAAC,IAAM,cAAc,GAA6B,CAAC,cAAc,CAAC,CAAC;AAEzE,MAAM,CAAC,IAAM,eAAe,GAAwE;IAClG,MAAM,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC7C,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAsB,EAAE,KAAY,IAAK,OAAA,CAAC;YACzC,KAAK,aACH,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,OAAO,EAAE,MAAM,IACZ,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;YACD,GAAG,EAAE,MAAM,CAAC,GAAG;SAChB,CAAC,EAPwC,CAOxC,iBACD,iBAAiB,EAAE,KAAK,GAAK,YAAY,CAAC,IAAI,QAChD;KACF;CACF,CAAC"}

package/lib/MenuList/MenuList.types.d.ts

@@ -0,0 +1,74 @@
+import type React from 'react';
+import type { ScrollViewProps } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { FocusZoneProps } from '@fluentui-react-native/focus-zone';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
+export declare const menuListName = "MenuList";
+export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
+    /**
+     * Space between items in pixels
+     */
+    gap?: number;
+    hasMaxHeight?: MenuListTokens;
+}
+export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
+    /**
+     * Array of all checked items
+     */
+    checked?: string[];
+    /**
+     * Default items to be checked on mount
+     */
+    defaultChecked?: string[];
+    /**
+     * States that menu items can contain selectable items and reserves space for item alignment
+     */
+    hasCheckmarks?: boolean;
+    /**
+     * States that menu items can contain icons and reserves space for item alignment
+     */
+    hasIcons?: boolean;
+    /**
+     * States that menu items all have tooltips with its text by default.
+     *
+     * This option is useful for programmatically generated items to provide
+     * text for options that end up having tuncated text.
+     */
+    hasTooltips?: boolean;
+    /**
+     * Callback when checked items change
+     *
+     * @param checked Array of all currently checked values
+     */
+    onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
+    /**
+     * Defines a minumum width for the Menu.
+     */
+    minWidth?: number | string;
+}
+export interface MenuListState extends Omit<MenuListProps, 'checked' | 'onCheckedChange'> {
+    props: MenuListProps;
+    checked?: Record<string, boolean>;
+    isCheckedControlled: boolean;
+    onArrowClose?: (e: InteractionEvent) => void;
+    onCheckedChange?: (e: InteractionEvent, name: string, isChecked: boolean) => void;
+    selectRadio?: (e: InteractionEvent, name: string) => void;
+    addRadioItem: (name: string) => void;
+    removeRadioItem: (name: string) => void;
+    hasMaxHeight?: boolean;
+    hasMaxWidth?: boolean;
+}
+export interface MenuListSlotProps {
+    root: React.PropsWithRef<IViewProps> & {
+        gap?: number;
+    };
+    focusZone?: FocusZoneProps;
+    scrollView?: ScrollViewProps;
+}
+export interface MenuListType {
+    props: MenuListProps;
+    tokens: MenuListTokens;
+    slotProps: MenuListSlotProps;
+}
+//# sourceMappingURL=MenuList.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}

package/lib/MenuList/MenuList.types.js

@@ -0,0 +1,2 @@
+export var menuListName = 'MenuList';
+//# sourceMappingURL=MenuList.types.js.map

package/lib/MenuList/MenuList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.types.js","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CAAC"}

package/lib/MenuList/MenuListTokens.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuListTokens } from './MenuList.types';
+export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
+//# sourceMappingURL=MenuListTokens.d.ts.map

package/lib/MenuList/MenuListTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAMrE,CAAC"}

package/lib/MenuList/MenuListTokens.js

@@ -0,0 +1,9 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuListTokens = function (t) { return ({
+    padding: globalTokens.size40,
+    minWidth: 128,
+    maxWidth: 300,
+    backgroundColor: t.colors.neutralBackground1,
+    gap: globalTokens.size20,
+}); };
+//# sourceMappingURL=MenuListTokens.js.map

package/lib/MenuList/MenuListTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,OAAO,EAAE,YAAY,CAAC,MAAM;IAC5B,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,GAAG,EAAE,YAAY,CAAC,MAAM;CACzB,CAAC,EANuG,CAMvG,CAAC"}

package/lib/MenuList/MenuListTokens.macos.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuListTokens } from './MenuList.types';
+export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
+//# sourceMappingURL=MenuListTokens.macos.d.ts.map

package/lib/MenuList/MenuListTokens.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAIrE,CAAC"}

package/lib/MenuList/MenuListTokens.macos.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuListTokens = function (t) { return ({
+    padding: 5,
+    backgroundColor: t.colors.transparentBackground,
+    gap: globalTokens.size20,
+}); };
+//# sourceMappingURL=MenuListTokens.macos.js.map

package/lib/MenuList/MenuListTokens.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.macos.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,GAAG,EAAE,YAAY,CAAC,MAAM;CACzB,CAAC,EAJuG,CAIvG,CAAC"}

package/lib/MenuList/MenuListTokens.win32.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuListTokens } from './MenuList.types';
+export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
+//# sourceMappingURL=MenuListTokens.win32.d.ts.map

package/lib/MenuList/MenuListTokens.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CASrE,CAAC"}

package/lib/MenuList/MenuListTokens.win32.js

@@ -0,0 +1,12 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuListTokens = function (t) { return ({
+    paddingVertical: globalTokens.size40,
+    minWidth: 128,
+    maxWidth: 300,
+    backgroundColor: t.colors.neutralBackground1,
+    /* To account for the width of the vertical scrollView. With the default minWidth, some content may be cut off */
+    hasMaxHeight: {
+        minWidth: 140,
+    },
+}); };
+//# sourceMappingURL=MenuListTokens.win32.js.map

package/lib/MenuList/MenuListTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListTokens.win32.js","sourceRoot":"","sources":["../../src/MenuList/MenuListTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,YAAY,CAAC,MAAM;IACpC,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,iHAAiH;IACjH,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG;KACd;CACF,CAAC,EATuG,CASvG,CAAC"}

package/lib/MenuList/index.d.ts

@@ -0,0 +1,6 @@
+export { MenuList } from './MenuList';
+export { menuListName } from './MenuList.types';
+export type { MenuListProps, MenuListState, MenuListTokens, MenuListSlotProps, MenuListType } from './MenuList.types';
+export { useMenuList } from './useMenuList';
+export { useMenuListContextValue } from './useMenuListContextValue';
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACtH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/MenuList/index.js

@@ -0,0 +1,5 @@
+export { MenuList } from './MenuList';
+export { menuListName } from './MenuList.types';
+export { useMenuList } from './useMenuList';
+export { useMenuListContextValue } from './useMenuListContextValue';
+//# sourceMappingURL=index.js.map

package/lib/MenuList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/MenuList/useMenuList.d.ts

@@ -0,0 +1,3 @@
+import type { MenuListProps, MenuListState } from './MenuList.types';
+export declare const useMenuList: (_props: MenuListProps) => MenuListState;
+//# sourceMappingURL=useMenuList.d.ts.map

package/lib/MenuList/useMenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuList.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuList.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAerE,eAAO,MAAM,WAAW,WAAY,aAAa,KAAG,aAmHnD,CAAC"}

package/lib/MenuList/useMenuList.js

@@ -0,0 +1,109 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { useMenuContext } from '../context/menuContext';
+// Track the radio items so we know what to clear selection from when selectRadio is called
+// Purposefully left out of the hook because
+// 1. RadioItems just keeps track of information - changing this array doesn't need to force rerender
+// 2. Keeping them here means these consts are not recreated on every render, which would force rerendering of all children
+var radioItems = [];
+var addRadioItem = function (name) {
+    radioItems.push(name);
+};
+var removeRadioItem = function (name) {
+    radioItems.filter(function (item) { return item !== name; });
+};
+export var useMenuList = function (_props) {
+    var context = useMenuContext();
+    // MenuList v2 needs to be able to be standalone, but this is not in scope for v1
+    // Assuming that checked information will come from parent Menu
+    var defaultChecked = context.defaultChecked, onCheckedChangeOriginal = context.onCheckedChange, checkedOriginal = context.checked, isSubmenu = context.isSubmenu, setOpen = context.setOpen, triggerRef = context.triggerRef;
+    // Convert passed in array to map so that i's easier to look up checked state
+    var checkedMap = React.useMemo(function () {
+        var state = {};
+        if (!checkedOriginal) {
+            return state;
+        }
+        for (var _i = 0, checkedOriginal_1 = checkedOriginal; _i < checkedOriginal_1.length; _i++) {
+            var key = checkedOriginal_1[_i];
+            state[key] = true;
+        }
+        return state;
+    }, [checkedOriginal]);
+    var _a = React.useState(function () {
+        if (checkedMap) {
+            return checkedMap;
+        }
+        var initialChecked = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : [];
+        var state = {};
+        for (var _i = 0, initialChecked_1 = initialChecked; _i < initialChecked_1.length; _i++) {
+            var key = initialChecked_1[_i];
+            state[key] = true;
+        }
+        return state;
+    }), checkedInternal = _a[0], setCheckedInternal = _a[1];
+    var isCheckedControlled = typeof checkedOriginal !== 'undefined';
+    var checked = isCheckedControlled ? checkedMap : checkedInternal;
+    var onCheckedChange = React.useCallback(function (e, name, isChecked) {
+        var updatedChecked = __assign({}, checked);
+        if (isChecked) {
+            updatedChecked[name] = true;
+        }
+        else {
+            delete updatedChecked[name];
+        }
+        if (!isCheckedControlled) {
+            setCheckedInternal(updatedChecked);
+        }
+        if (onCheckedChangeOriginal) {
+            onCheckedChangeOriginal(e, Object.keys(updatedChecked));
+        }
+    }, [isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal]);
+    var selectRadio = React.useCallback(function (e, name) {
+        var updatedChecked = {};
+        for (var _i = 0, _a = Object.keys(checked); _i < _a.length; _i++) {
+            var checkedName = _a[_i];
+            if (!radioItems.includes(checkedName)) {
+                // Preserve checked state if non-radio items
+                updatedChecked[checkedName] = checked[checkedName];
+            }
+        }
+        updatedChecked[name] = true;
+        if (!isCheckedControlled) {
+            setCheckedInternal(updatedChecked);
+        }
+        if (onCheckedChangeOriginal) {
+            onCheckedChangeOriginal(e, Object.keys(updatedChecked));
+        }
+    }, [isCheckedControlled, onCheckedChangeOriginal, setCheckedInternal, checked]);
+    // The close arrow key must be handled at this level so that close arrow is responsive when arrowing
+    // on a submenu trigger inside a submenu. Otherwise the arrowing event gets "swallowed up" by the trigger,
+    // because it is considered to be inside the submenu due to the Menu component wrapping both the
+    // trigger and popover. Listening to key events directly here to handle this case doesn't work
+    // since left and right arrow key events are already handled and swallowed by native behavior
+    var onArrowClose = React.useCallback(function (e) {
+        var _a;
+        if (!isSubmenu) {
+            return;
+        }
+        setOpen(e, false /* isOpen */, false /* bubble */);
+        (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [isSubmenu, setOpen, triggerRef]);
+    React.useEffect(function () {
+        return function cleanup() {
+            clearTimeout(context.triggerHoverOutTimer);
+        };
+    });
+    return {
+        props: __assign({}, context),
+        isCheckedControlled: isCheckedControlled,
+        checked: checked,
+        onArrowClose: onArrowClose,
+        onCheckedChange: onCheckedChange,
+        selectRadio: selectRadio,
+        addRadioItem: addRadioItem,
+        removeRadioItem: removeRadioItem,
+        hasMaxHeight: context.hasMaxHeight,
+        hasMaxWidth: context.hasMaxWidth,
+    };
+};
+//# sourceMappingURL=useMenuList.js.map

package/lib/MenuList/useMenuList.js.map

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

package/lib/MenuList/useMenuListContextValue.d.ts

@@ -0,0 +1,4 @@
+import type { MenuListState } from './MenuList.types';
+import type { MenuListContextValue } from '../context/menuListContext';
+export declare const useMenuListContextValue: (state: MenuListState) => MenuListContextValue;
+//# sourceMappingURL=useMenuListContextValue.d.ts.map

package/lib/MenuList/useMenuListContextValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuListContextValue.d.ts","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,eAAO,MAAM,uBAAuB,UAAW,aAAa,KAAG,oBAE9D,CAAC"}

package/lib/MenuList/useMenuListContextValue.js

@@ -0,0 +1,5 @@
+import { __assign } from "tslib";
+export var useMenuListContextValue = function (state) {
+    return __assign({ hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips }, state);
+};
+//# sourceMappingURL=useMenuListContextValue.js.map

package/lib/MenuList/useMenuListContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":";AAGA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAoB;IAC1D,kBAAS,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,IAAK,KAAK,EAAG;AACtI,CAAC,CAAC"}

package/lib/MenuPopover/MenuPopover.d.ts

@@ -0,0 +1,4 @@
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, MenuPopoverTokens, import("@fluentui-react-native/framework").Theme>;
+export default MenuPopover;
+//# sourceMappingURL=MenuPopover.d.ts.map

package/lib/MenuPopover/MenuPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAM/E,eAAO,MAAM,WAAW,gMAwCvB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/lib/MenuPopover/MenuPopover.js

@@ -0,0 +1,44 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { Platform, View } from 'react-native';
+import { Callout } from '@fluentui-react-native/callout';
+import { compressible, mergeProps, patchTokens, useFluentTheme } from '@fluentui-react-native/framework';
+import { menuPopoverName } from './MenuPopover.types';
+import { useMenuPopoverTokens } from './MenuPopoverTokens';
+import { useMenuPopover } from './useMenuPopover';
+import { useMenuContext } from '../context';
+export var MenuPopover = compressible(function (props, useTokens) {
+    var _a;
+    var directionalHint = props.directionalHint, gapSpace = props.gapSpace, maxHeight = props.maxHeight, maxWidth = props.maxWidth, minWidth = props.minWidth, minPadding = props.minPadding, borderWidth = props.borderWidth, borderColor = props.borderColor, backgroundColor = props.backgroundColor;
+    var state = useMenuPopover(props);
+    var theme = useFluentTheme();
+    var context = useMenuContext();
+    var _b = useTokens(theme), tokens = _b[0], cache = _b[1];
+    context.hasMaxHeight = maxHeight != undefined;
+    context.minWidth = minWidth !== null && minWidth !== void 0 ? minWidth : context.minWidth;
+    _a = patchTokens(tokens, cache, {
+        directionalHint: directionalHint,
+        gapSpace: gapSpace,
+        maxHeight: maxHeight,
+        maxWidth: maxWidth,
+        minWidth: minWidth,
+        minPadding: minPadding,
+        borderWidth: borderWidth,
+        borderColor: borderColor,
+        backgroundColor: backgroundColor,
+    }), tokens = _a[0], cache = _a[1];
+    return function (final, children) {
+        var mergedProps = mergeProps(tokens, state.props, final);
+        var innerViewProps = 
+        //For windows platforms, styling needs to be set on container view instead of the callout itself for the scrollview to reflect correct width and height
+        Platform.OS === 'windows' || Platform.OS === 'win32'
+            ? __assign(__assign({}, state.innerView), { style: {
+                    maxHeight: mergedProps.maxHeight,
+                } }) : state.innerView;
+        var content = React.createElement(View, innerViewProps, children);
+        return React.createElement(Callout, __assign({}, mergedProps), content);
+    };
+}, useMenuPopoverTokens);
+MenuPopover.displayName = menuPopoverName;
+export default MenuPopover;
+//# sourceMappingURL=MenuPopover.js.map

package/lib/MenuPopover/MenuPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGzG,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CACrC,UAAC,KAAuB,EAAE,SAAuC;;IACvD,IAAA,eAAe,GAAqG,KAAK,gBAA1G,EAAE,QAAQ,GAA2F,KAAK,SAAhG,EAAE,SAAS,GAAgF,KAAK,UAArF,EAAE,QAAQ,GAAsE,KAAK,SAA3E,EAAE,QAAQ,GAA4D,KAAK,SAAjE,EAAE,UAAU,GAAgD,KAAK,WAArD,EAAE,WAAW,GAAmC,KAAK,YAAxC,EAAE,WAAW,GAAsB,KAAK,YAA3B,EAAE,eAAe,GAAK,KAAK,gBAAV,CAAW;IAClI,IAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAC7B,IAAA,KAAkB,SAAS,CAAC,KAAK,CAAC,EAAjC,MAAM,QAAA,EAAE,KAAK,QAAoB,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,KAAkB,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe,iBAAA;QACf,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAC,EAVD,MAAM,QAAA,EAAE,KAAK,QAAA,CAUX;IAEH,OAAO,UAAC,KAAuB,EAAE,QAAyB;QACxD,IAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAM,cAAc;QAClB,uJAAuJ;QACvJ,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,uBACM,KAAK,CAAC,SAAS,KAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC,IAEL,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,oBAAC,OAAO,eAAK,WAAW,GAAG,OAAO,CAAW,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,EACD,oBAAoB,CACrB,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAe,WAAW,CAAC"}

package/lib/MenuPopover/MenuPopover.types.d.ts

@@ -0,0 +1,10 @@
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
+export declare const menuPopoverName = "MenuPopover";
+export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'>;
+export type MenuPopoverProps = ICalloutProps;
+export interface MenuPopoverState {
+    props: ICalloutProps;
+    innerView: IViewProps;
+}
+//# sourceMappingURL=MenuPopover.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,CAAC;AAEtG,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,UAAU,CAAC;CACvB"}

package/lib/MenuPopover/MenuPopover.types.js

@@ -0,0 +1,2 @@
+export var menuPopoverName = 'MenuPopover';
+//# sourceMappingURL=MenuPopover.types.js.map

package/lib/MenuPopover/MenuPopover.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.types.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC"}

package/lib/MenuPopover/MenuPopoverTokens.d.ts

@@ -0,0 +1,3 @@
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<MenuPopoverTokens>;
+//# sourceMappingURL=MenuPopoverTokens.d.ts.map

package/lib/MenuPopover/MenuPopoverTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,yEAGhC,CAAC"}

package/lib/MenuPopover/MenuPopoverTokens.js

@@ -0,0 +1,4 @@
+import { buildUseTokens } from '@fluentui-react-native/framework';
+import { menuPopoverName } from './MenuPopover.types';
+export var useMenuPopoverTokens = buildUseTokens(function (t) { return ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }); }, menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.js.map

package/lib/MenuPopover/MenuPopoverTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,cAAc,CAChD,UAAC,CAAQ,IAAK,OAAA,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,EAAnE,CAAmE,EACjF,eAAe,CAChB,CAAC"}

package/lib/MenuPopover/index.d.ts

@@ -0,0 +1,5 @@
+export { MenuPopover } from './MenuPopover';
+export { menuPopoverName } from './MenuPopover.types';
+export type { MenuPopoverProps, MenuPopoverState, MenuPopoverTokens } from './MenuPopover.types';
+export { useMenuPopover } from './useMenuPopover';
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuPopover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/MenuPopover/index.js

@@ -0,0 +1,4 @@
+export { MenuPopover } from './MenuPopover';
+export { menuPopoverName } from './MenuPopover.types';
+export { useMenuPopover } from './useMenuPopover';
+//# sourceMappingURL=index.js.map

package/lib/MenuPopover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuPopover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/MenuPopover/useMenuPopover.d.ts

@@ -0,0 +1,3 @@
+import type { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types';
+export declare const useMenuPopover: (props: MenuPopoverProps) => MenuPopoverState;
+//# sourceMappingURL=useMenuPopover.d.ts.map

package/lib/MenuPopover/useMenuPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM9E,eAAO,MAAM,cAAc,UAAW,gBAAgB,KAAG,gBAyGxD,CAAC"}

package/lib/MenuPopover/useMenuPopover.js

@@ -0,0 +1,92 @@
+import React from 'react';
+import { I18nManager, Platform } from 'react-native';
+import { useMenuContext } from '../context/menuContext';
+var controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'];
+var stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'Tab', 'Home', 'End', 'Escape'];
+export var useMenuPopover = function (props) {
+    var context = useMenuContext();
+    var setOpen = context.setOpen, triggerRef = context.triggerRef, isControlled = context.isControlled, isSubmenu = context.isSubmenu, openOnHover = context.openOnHover, parentPopoverHoverOutTimer = context.parentPopoverHoverOutTimer, popoverHoverOutTimer = context.popoverHoverOutTimer, setPopoverHoverOutTimer = context.setPopoverHoverOutTimer, shouldFocusOnContainer = context.shouldFocusOnContainer, triggerHoverOutTimer = context.triggerHoverOutTimer;
+    var onKeyDownProp = props.onKeyDown, onKeyUpProp = props.onKeyUp;
+    var onDismiss = React.useCallback(function () {
+        var _a;
+        (_a = props.onDismiss) === null || _a === void 0 ? void 0 : _a.call(props);
+        setOpen(undefined, false /* isOpen */), [setOpen];
+    }, [props.onDismiss, setOpen]);
+    var dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
+    var directionalHint = getDirectionalHint(isSubmenu, I18nManager.isRTL);
+    // Initial focus behavior differs per platform, Windows platforms move focus
+    // automatically onto first element of Callout
+    var setInitialFocus = Platform.OS === 'win32' || Platform.OS === 'windows';
+    var doNotTakePointerCapture = openOnHover;
+    var accessibilityRole = 'menu';
+    var onMouseEnter = React.useCallback(function () {
+        clearTimeout(triggerHoverOutTimer);
+        clearTimeout(popoverHoverOutTimer);
+        clearTimeout(parentPopoverHoverOutTimer);
+    }, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
+    var onMouseLeave = React.useCallback(function () {
+        if (!openOnHover) {
+            return;
+        }
+        var timer = setTimeout(function () {
+            setOpen(undefined, false /* isOpen */);
+        }, 500);
+        setPopoverHoverOutTimer(timer);
+    }, [openOnHover, setOpen, setPopoverHoverOutTimer]);
+    var onKeyDown = React.useCallback(function (e) {
+        onKeyDownProp && onKeyDownProp(e);
+        // Mark key events that move selection as handled.
+        // These key events are handled on the native side.
+        if (stopPropagationKeys.includes(e.nativeEvent.key)) {
+            e.stopPropagation();
+        }
+    }, [onKeyDownProp]);
+    var onKeyUp = React.useCallback(function (e) {
+        onKeyUpProp && onKeyUpProp(e);
+        // Mark key events that move selection as handled.
+        // These key events are handled on the native side.
+        if (stopPropagationKeys.includes(e.nativeEvent.key)) {
+            e.stopPropagation();
+        }
+    }, [onKeyUpProp]);
+    var _a = React.useState(shouldFocusOnContainer), canFocusOnPopover = _a[0], setCanFocusOnPopover = _a[1];
+    var onBlur = React.useCallback(function () {
+        setCanFocusOnPopover(false);
+    }, [setCanFocusOnPopover]);
+    React.useEffect(function () {
+        return function cleanup() {
+            clearTimeout(popoverHoverOutTimer);
+        };
+    });
+    return {
+        props: {
+            accessibilityRole: accessibilityRole,
+            target: triggerRef,
+            onDismiss: onDismiss,
+            onShow: props.onShow,
+            directionalHint: directionalHint,
+            dismissBehaviors: dismissBehaviors,
+            doNotTakePointerCapture: doNotTakePointerCapture,
+            setInitialFocus: setInitialFocus,
+        },
+        innerView: {
+            onMouseEnter: onMouseEnter,
+            onMouseLeave: onMouseLeave,
+            onKeyDown: onKeyDown,
+            onKeyUp: onKeyUp,
+            accessible: shouldFocusOnContainer,
+            focusable: canFocusOnPopover,
+            onBlur: onBlur,
+        },
+    };
+};
+var getDirectionalHint = function (isSubmenu, isRtl) {
+    if (!isSubmenu) {
+        return undefined;
+    }
+    if (isRtl) {
+        return 'leftTopEdge';
+    }
+    return 'rightTopEdge';
+};
+//# sourceMappingURL=useMenuPopover.js.map

package/lib/MenuPopover/useMenuPopover.js.map

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

package/lib/MenuTrigger/MenuTrigger.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { MenuTriggerProps } from './MenuTrigger.types';
+export declare const MenuTrigger: React.FunctionComponent<MenuTriggerProps>;
+export default MenuTrigger;
+//# sourceMappingURL=MenuTrigger.d.ts.map

package/lib/MenuTrigger/MenuTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTrigger.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAejE,CAAC;AAGF,eAAe,WAAW,CAAC"}