@fluentui-react-native/menu 1.14.42 → 1.15.0

package/lib-commonjs/index.js

@@ -1,56 +1,296 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.menuHoverDelay = exports.menuGroupHeaderName = exports.MenuGroupHeader = exports.menuGroupName = exports.MenuGroup = exports.menuDividerName = exports.MenuDivider = exports.useMenuListContextValue = exports.useMenuList = exports.menuListName = exports.MenuList = exports.useMenuItemRadio = exports.menuItemRadioName = exports.MenuItemRadio = exports.useMenuItemCheckbox = exports.useMenuCheckboxInteraction = exports.menuItemCheckboxName = exports.MenuItemCheckbox = exports.useMenuItem = exports.menuItemName = exports.MenuItem = exports.useMenuPopover = exports.menuPopoverName = exports.MenuPopover = exports.useMenuTrigger = exports.menuTriggerName = exports.MenuTrigger = exports.useMenuContextValue = exports.useMenu = exports.menuName = exports.Menu = exports.MenuTriggerProvider = exports.MenuTriggerContext = exports.useMenuTriggerContext = exports.MenuListProvider = exports.MenuListContext = exports.useMenuListContext = exports.MenuProvider = exports.MenuContext = exports.useMenuContext = void 0;
-var context_1 = require("./context");
-Object.defineProperty(exports, "useMenuContext", { enumerable: true, get: function () { return context_1.useMenuContext; } });
-Object.defineProperty(exports, "MenuContext", { enumerable: true, get: function () { return context_1.MenuContext; } });
-Object.defineProperty(exports, "MenuProvider", { enumerable: true, get: function () { return context_1.MenuProvider; } });
-Object.defineProperty(exports, "useMenuListContext", { enumerable: true, get: function () { return context_1.useMenuListContext; } });
-Object.defineProperty(exports, "MenuListContext", { enumerable: true, get: function () { return context_1.MenuListContext; } });
-Object.defineProperty(exports, "MenuListProvider", { enumerable: true, get: function () { return context_1.MenuListProvider; } });
-Object.defineProperty(exports, "useMenuTriggerContext", { enumerable: true, get: function () { return context_1.useMenuTriggerContext; } });
-Object.defineProperty(exports, "MenuTriggerContext", { enumerable: true, get: function () { return context_1.MenuTriggerContext; } });
-Object.defineProperty(exports, "MenuTriggerProvider", { enumerable: true, get: function () { return context_1.MenuTriggerProvider; } });
-var Menu_1 = require("./Menu");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
-Object.defineProperty(exports, "menuName", { enumerable: true, get: function () { return Menu_1.menuName; } });
-Object.defineProperty(exports, "useMenu", { enumerable: true, get: function () { return Menu_1.useMenu; } });
-Object.defineProperty(exports, "useMenuContextValue", { enumerable: true, get: function () { return Menu_1.useMenuContextValue; } });
-var MenuTrigger_1 = require("./MenuTrigger");
-Object.defineProperty(exports, "MenuTrigger", { enumerable: true, get: function () { return MenuTrigger_1.MenuTrigger; } });
-Object.defineProperty(exports, "menuTriggerName", { enumerable: true, get: function () { return MenuTrigger_1.menuTriggerName; } });
-Object.defineProperty(exports, "useMenuTrigger", { enumerable: true, get: function () { return MenuTrigger_1.useMenuTrigger; } });
-var MenuPopover_1 = require("./MenuPopover");
-Object.defineProperty(exports, "MenuPopover", { enumerable: true, get: function () { return MenuPopover_1.MenuPopover; } });
-Object.defineProperty(exports, "menuPopoverName", { enumerable: true, get: function () { return MenuPopover_1.menuPopoverName; } });
-Object.defineProperty(exports, "useMenuPopover", { enumerable: true, get: function () { return MenuPopover_1.useMenuPopover; } });
-var MenuItem_1 = require("./MenuItem");
-Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.MenuItem; } });
-Object.defineProperty(exports, "menuItemName", { enumerable: true, get: function () { return MenuItem_1.menuItemName; } });
-Object.defineProperty(exports, "useMenuItem", { enumerable: true, get: function () { return MenuItem_1.useMenuItem; } });
-var MenuItemCheckbox_1 = require("./MenuItemCheckbox");
-Object.defineProperty(exports, "MenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.MenuItemCheckbox; } });
-Object.defineProperty(exports, "menuItemCheckboxName", { enumerable: true, get: function () { return MenuItemCheckbox_1.menuItemCheckboxName; } });
-Object.defineProperty(exports, "useMenuCheckboxInteraction", { enumerable: true, get: function () { return MenuItemCheckbox_1.useMenuCheckboxInteraction; } });
-Object.defineProperty(exports, "useMenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.useMenuItemCheckbox; } });
-var MenuItemRadio_1 = require("./MenuItemRadio");
-Object.defineProperty(exports, "MenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.MenuItemRadio; } });
-Object.defineProperty(exports, "menuItemRadioName", { enumerable: true, get: function () { return MenuItemRadio_1.menuItemRadioName; } });
-Object.defineProperty(exports, "useMenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.useMenuItemRadio; } });
-var MenuList_1 = require("./MenuList");
-Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return MenuList_1.MenuList; } });
-Object.defineProperty(exports, "menuListName", { enumerable: true, get: function () { return MenuList_1.menuListName; } });
-Object.defineProperty(exports, "useMenuList", { enumerable: true, get: function () { return MenuList_1.useMenuList; } });
-Object.defineProperty(exports, "useMenuListContextValue", { enumerable: true, get: function () { return MenuList_1.useMenuListContextValue; } });
-var MenuDivider_1 = require("./MenuDivider");
-Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_1.MenuDivider; } });
-Object.defineProperty(exports, "menuDividerName", { enumerable: true, get: function () { return MenuDivider_1.menuDividerName; } });
-var MenuGroup_1 = require("./MenuGroup");
-Object.defineProperty(exports, "MenuGroup", { enumerable: true, get: function () { return MenuGroup_1.MenuGroup; } });
-Object.defineProperty(exports, "menuGroupName", { enumerable: true, get: function () { return MenuGroup_1.menuGroupName; } });
-var MenuGroupHeader_1 = require("./MenuGroupHeader");
-Object.defineProperty(exports, "MenuGroupHeader", { enumerable: true, get: function () { return MenuGroupHeader_1.MenuGroupHeader; } });
-Object.defineProperty(exports, "menuGroupHeaderName", { enumerable: true, get: function () { return MenuGroupHeader_1.menuGroupHeaderName; } });
-var consts_1 = require("./consts");
-Object.defineProperty(exports, "menuHoverDelay", { enumerable: true, get: function () { return consts_1.hoverDelayDefault; } });
-//# sourceMappingURL=index.js.map
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.menuHoverDelay =
+  exports.menuGroupHeaderName =
+  exports.MenuGroupHeader =
+  exports.menuGroupName =
+  exports.MenuGroup =
+  exports.menuDividerName =
+  exports.MenuDivider =
+  exports.useMenuListContextValue =
+  exports.useMenuList =
+  exports.menuListName =
+  exports.MenuList =
+  exports.useMenuItemRadio =
+  exports.menuItemRadioName =
+  exports.MenuItemRadio =
+  exports.useMenuItemCheckbox =
+  exports.useMenuCheckboxInteraction =
+  exports.menuItemCheckboxName =
+  exports.MenuItemCheckbox =
+  exports.useMenuItem =
+  exports.menuItemName =
+  exports.MenuItem =
+  exports.useMenuPopover =
+  exports.menuPopoverName =
+  exports.MenuPopover =
+  exports.useMenuTrigger =
+  exports.menuTriggerName =
+  exports.MenuTrigger =
+  exports.useMenuContextValue =
+  exports.useMenu =
+  exports.menuName =
+  exports.Menu =
+  exports.MenuTriggerProvider =
+  exports.MenuTriggerContext =
+  exports.useMenuTriggerContext =
+  exports.MenuListProvider =
+  exports.MenuListContext =
+  exports.useMenuListContext =
+  exports.MenuProvider =
+  exports.MenuContext =
+  exports.useMenuContext =
+    void 0;
+const context_1 = require('./context');
+Object.defineProperty(exports, 'useMenuContext', {
+  enumerable: true,
+  get: function () {
+    return context_1.useMenuContext;
+  },
+});
+Object.defineProperty(exports, 'MenuContext', {
+  enumerable: true,
+  get: function () {
+    return context_1.MenuContext;
+  },
+});
+Object.defineProperty(exports, 'MenuProvider', {
+  enumerable: true,
+  get: function () {
+    return context_1.MenuProvider;
+  },
+});
+Object.defineProperty(exports, 'useMenuListContext', {
+  enumerable: true,
+  get: function () {
+    return context_1.useMenuListContext;
+  },
+});
+Object.defineProperty(exports, 'MenuListContext', {
+  enumerable: true,
+  get: function () {
+    return context_1.MenuListContext;
+  },
+});
+Object.defineProperty(exports, 'MenuListProvider', {
+  enumerable: true,
+  get: function () {
+    return context_1.MenuListProvider;
+  },
+});
+Object.defineProperty(exports, 'useMenuTriggerContext', {
+  enumerable: true,
+  get: function () {
+    return context_1.useMenuTriggerContext;
+  },
+});
+Object.defineProperty(exports, 'MenuTriggerContext', {
+  enumerable: true,
+  get: function () {
+    return context_1.MenuTriggerContext;
+  },
+});
+Object.defineProperty(exports, 'MenuTriggerProvider', {
+  enumerable: true,
+  get: function () {
+    return context_1.MenuTriggerProvider;
+  },
+});
+const Menu_1 = require('./Menu');
+Object.defineProperty(exports, 'Menu', {
+  enumerable: true,
+  get: function () {
+    return Menu_1.Menu;
+  },
+});
+Object.defineProperty(exports, 'menuName', {
+  enumerable: true,
+  get: function () {
+    return Menu_1.menuName;
+  },
+});
+Object.defineProperty(exports, 'useMenu', {
+  enumerable: true,
+  get: function () {
+    return Menu_1.useMenu;
+  },
+});
+Object.defineProperty(exports, 'useMenuContextValue', {
+  enumerable: true,
+  get: function () {
+    return Menu_1.useMenuContextValue;
+  },
+});
+const MenuTrigger_1 = require('./MenuTrigger');
+Object.defineProperty(exports, 'MenuTrigger', {
+  enumerable: true,
+  get: function () {
+    return MenuTrigger_1.MenuTrigger;
+  },
+});
+Object.defineProperty(exports, 'menuTriggerName', {
+  enumerable: true,
+  get: function () {
+    return MenuTrigger_1.menuTriggerName;
+  },
+});
+Object.defineProperty(exports, 'useMenuTrigger', {
+  enumerable: true,
+  get: function () {
+    return MenuTrigger_1.useMenuTrigger;
+  },
+});
+const MenuPopover_1 = require('./MenuPopover');
+Object.defineProperty(exports, 'MenuPopover', {
+  enumerable: true,
+  get: function () {
+    return MenuPopover_1.MenuPopover;
+  },
+});
+Object.defineProperty(exports, 'menuPopoverName', {
+  enumerable: true,
+  get: function () {
+    return MenuPopover_1.menuPopoverName;
+  },
+});
+Object.defineProperty(exports, 'useMenuPopover', {
+  enumerable: true,
+  get: function () {
+    return MenuPopover_1.useMenuPopover;
+  },
+});
+const MenuItem_1 = require('./MenuItem');
+Object.defineProperty(exports, 'MenuItem', {
+  enumerable: true,
+  get: function () {
+    return MenuItem_1.MenuItem;
+  },
+});
+Object.defineProperty(exports, 'menuItemName', {
+  enumerable: true,
+  get: function () {
+    return MenuItem_1.menuItemName;
+  },
+});
+Object.defineProperty(exports, 'useMenuItem', {
+  enumerable: true,
+  get: function () {
+    return MenuItem_1.useMenuItem;
+  },
+});
+const MenuItemCheckbox_1 = require('./MenuItemCheckbox');
+Object.defineProperty(exports, 'MenuItemCheckbox', {
+  enumerable: true,
+  get: function () {
+    return MenuItemCheckbox_1.MenuItemCheckbox;
+  },
+});
+Object.defineProperty(exports, 'menuItemCheckboxName', {
+  enumerable: true,
+  get: function () {
+    return MenuItemCheckbox_1.menuItemCheckboxName;
+  },
+});
+Object.defineProperty(exports, 'useMenuCheckboxInteraction', {
+  enumerable: true,
+  get: function () {
+    return MenuItemCheckbox_1.useMenuCheckboxInteraction;
+  },
+});
+Object.defineProperty(exports, 'useMenuItemCheckbox', {
+  enumerable: true,
+  get: function () {
+    return MenuItemCheckbox_1.useMenuItemCheckbox;
+  },
+});
+const MenuItemRadio_1 = require('./MenuItemRadio');
+Object.defineProperty(exports, 'MenuItemRadio', {
+  enumerable: true,
+  get: function () {
+    return MenuItemRadio_1.MenuItemRadio;
+  },
+});
+Object.defineProperty(exports, 'menuItemRadioName', {
+  enumerable: true,
+  get: function () {
+    return MenuItemRadio_1.menuItemRadioName;
+  },
+});
+Object.defineProperty(exports, 'useMenuItemRadio', {
+  enumerable: true,
+  get: function () {
+    return MenuItemRadio_1.useMenuItemRadio;
+  },
+});
+const MenuList_1 = require('./MenuList');
+Object.defineProperty(exports, 'MenuList', {
+  enumerable: true,
+  get: function () {
+    return MenuList_1.MenuList;
+  },
+});
+Object.defineProperty(exports, 'menuListName', {
+  enumerable: true,
+  get: function () {
+    return MenuList_1.menuListName;
+  },
+});
+Object.defineProperty(exports, 'useMenuList', {
+  enumerable: true,
+  get: function () {
+    return MenuList_1.useMenuList;
+  },
+});
+Object.defineProperty(exports, 'useMenuListContextValue', {
+  enumerable: true,
+  get: function () {
+    return MenuList_1.useMenuListContextValue;
+  },
+});
+const MenuDivider_1 = require('./MenuDivider');
+Object.defineProperty(exports, 'MenuDivider', {
+  enumerable: true,
+  get: function () {
+    return MenuDivider_1.MenuDivider;
+  },
+});
+Object.defineProperty(exports, 'menuDividerName', {
+  enumerable: true,
+  get: function () {
+    return MenuDivider_1.menuDividerName;
+  },
+});
+const MenuGroup_1 = require('./MenuGroup');
+Object.defineProperty(exports, 'MenuGroup', {
+  enumerable: true,
+  get: function () {
+    return MenuGroup_1.MenuGroup;
+  },
+});
+Object.defineProperty(exports, 'menuGroupName', {
+  enumerable: true,
+  get: function () {
+    return MenuGroup_1.menuGroupName;
+  },
+});
+const MenuGroupHeader_1 = require('./MenuGroupHeader');
+Object.defineProperty(exports, 'MenuGroupHeader', {
+  enumerable: true,
+  get: function () {
+    return MenuGroupHeader_1.MenuGroupHeader;
+  },
+});
+Object.defineProperty(exports, 'menuGroupHeaderName', {
+  enumerable: true,
+  get: function () {
+    return MenuGroupHeader_1.menuGroupHeaderName;
+  },
+});
+const consts_1 = require('./consts');
+Object.defineProperty(exports, 'menuHoverDelay', {
+  enumerable: true,
+  get: function () {
+    return consts_1.hoverDelayDefault;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,qCAUmB;AATjB,yGAAA,cAAc,OAAA;AACd,sGAAA,WAAW,OAAA;AACX,uGAAA,YAAY,OAAA;AACZ,6GAAA,kBAAkB,OAAA;AAClB,0GAAA,eAAe,OAAA;AACf,2GAAA,gBAAgB,OAAA;AAChB,gHAAA,qBAAqB,OAAA;AACrB,6GAAA,kBAAkB,OAAA;AAClB,8GAAA,mBAAmB,OAAA;AAGrB,+BAAsE;AAA7D,4FAAA,IAAI,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,+FAAA,OAAO,OAAA;AAAE,2GAAA,mBAAmB,OAAA;AAErD,6CAA6E;AAApE,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAAE,6GAAA,cAAc,OAAA;AAErD,6CAA6E;AAApE,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAAE,6GAAA,cAAc,OAAA;AAErD,uCAAiE;AAAxD,oGAAA,QAAQ,OAAA;AAAE,wGAAA,YAAY,OAAA;AAAE,uGAAA,WAAW,OAAA;AAQ5C,uDAA6H;AAApH,oHAAA,gBAAgB,OAAA;AAAE,wHAAA,oBAAoB,OAAA;AAAE,8HAAA,0BAA0B,OAAA;AAAE,uHAAA,mBAAmB,OAAA;AAQhG,iDAAqF;AAA5E,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAAE,iHAAA,gBAAgB,OAAA;AAE3D,uCAA0F;AAAjF,oGAAA,QAAQ,OAAA;AAAE,wGAAA,YAAY,OAAA;AAAE,uGAAA,WAAW,OAAA;AAAE,mHAAA,uBAAuB,OAAA;AAErE,6CAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAErC,yCAAuD;AAA9C,sGAAA,SAAS,OAAA;AAAE,0GAAA,aAAa,OAAA;AAEjC,qDAAyE;AAAhE,kHAAA,eAAe,OAAA;AAAE,sHAAA,mBAAmB,OAAA;AAC7C,mCAA+D;AAAtD,wGAAA,iBAAiB,OAAkB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,uCAUmB;AATjB,yGAAA,cAAc,OAAA;AACd,sGAAA,WAAW,OAAA;AACX,uGAAA,YAAY,OAAA;AACZ,6GAAA,kBAAkB,OAAA;AAClB,0GAAA,eAAe,OAAA;AACf,2GAAA,gBAAgB,OAAA;AAChB,gHAAA,qBAAqB,OAAA;AACrB,6GAAA,kBAAkB,OAAA;AAClB,8GAAA,mBAAmB,OAAA;AAGrB,iCAAsE;AAA7D,4FAAA,IAAI,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,+FAAA,OAAO,OAAA;AAAE,2GAAA,mBAAmB,OAAA;AAErD,+CAA6E;AAApE,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAAE,6GAAA,cAAc,OAAA;AAErD,+CAA6E;AAApE,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAAE,6GAAA,cAAc,OAAA;AAErD,yCAAiE;AAAxD,oGAAA,QAAQ,OAAA;AAAE,wGAAA,YAAY,OAAA;AAAE,uGAAA,WAAW,OAAA;AAQ5C,yDAA6H;AAApH,oHAAA,gBAAgB,OAAA;AAAE,wHAAA,oBAAoB,OAAA;AAAE,8HAAA,0BAA0B,OAAA;AAAE,uHAAA,mBAAmB,OAAA;AAQhG,mDAAqF;AAA5E,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAAE,iHAAA,gBAAgB,OAAA;AAE3D,yCAA0F;AAAjF,oGAAA,QAAQ,OAAA;AAAE,wGAAA,YAAY,OAAA;AAAE,uGAAA,WAAW,OAAA;AAAE,mHAAA,uBAAuB,OAAA;AAErE,+CAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAErC,2CAAuD;AAA9C,sGAAA,SAAS,OAAA;AAAE,0GAAA,aAAa,OAAA;AAEjC,uDAAyE;AAAhE,kHAAA,eAAe,OAAA;AAAE,sHAAA,mBAAmB,OAAA;AAC7C,qCAA+D;AAAtD,wGAAA,iBAAiB,OAAkB"}

package/package.json

@@ -1,93 +1,103 @@
 {
   "name": "@fluentui-react-native/menu",
-  "version": "1.14.42",
+  "version": "1.15.0",
   "description": "A cross-platform Menu component using the Fluent Design System",
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/components/menu"
+  },
+  "license": "MIT",
+  "author": "",
+  "sideEffects": false,
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js"
     }
   },
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
-    "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
+    "lint-package": "fluentui-scripts lint-package",
     "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/components/menu"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.13.5",
-    "@fluentui-react-native/callout": "0.27.17",
-    "@fluentui-react-native/focus-zone": "0.21.15",
-    "@fluentui-react-native/framework": "0.14.17",
-    "@fluentui-react-native/icon": "0.21.23",
-    "@fluentui-react-native/interactive-hooks": "0.27.19",
-    "@fluentui-react-native/text": "0.24.21",
-    "@fluentui-react-native/theme-tokens": "0.27.11",
-    "@fluentui-react-native/theming-utils": "0.26.11",
-    "@fluentui-react-native/tokens": "0.23.11",
-    "@fluentui-react-native/use-styling": "0.13.12"
+    "@fluentui-react-native/adapters": "0.14.0",
+    "@fluentui-react-native/callout": "0.28.0",
+    "@fluentui-react-native/focus-zone": "0.22.0",
+    "@fluentui-react-native/framework": "0.15.0",
+    "@fluentui-react-native/framework-base": "0.3.0",
+    "@fluentui-react-native/icon": "0.22.0",
+    "@fluentui-react-native/interactive-hooks": "0.28.0",
+    "@fluentui-react-native/text": "0.25.0",
+    "@fluentui-react-native/theme-tokens": "0.28.0",
+    "@fluentui-react-native/theming-utils": "0.27.0",
+    "@fluentui-react-native/tokens": "0.24.0",
+    "@fluentui-react-native/use-styling": "0.14.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/button": "0.39.22",
+    "@fluentui-react-native/button": "0.40.0",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
+    "@fluentui-react-native/framework-base": "0.3.0",
     "@fluentui-react-native/jest-config": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
     "@fluentui-react-native/test-tools": "0.1.1",
     "@office-iss/react-native-win32": "^0.74.0",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/node": "^22.0.0",
-    "@types/react": "~18.2.0",
-    "@types/react-test-renderer": "^18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-svg": ">=15.4.0 <15.13.0",
-    "react-native-windows": "^0.74.0",
-    "react-test-renderer": "18.2.0"
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native-community/cli-platform-android": "^20.0.0",
+    "@react-native-community/cli-platform-ios": "^20.0.0",
+    "@react-native/babel-preset": "^0.81.0",
+    "@react-native/metro-config": "^0.81.0",
+    "@types/node": "^22.19.7",
+    "@types/react": "~19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-svg": "^15.12.1",
+    "react-native-windows": "^0.81.0",
+    "react-test-renderer": "19.1.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-svg": ">=15.0.0 <15.13.0 || >=15.4.0 <15.13.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-svg": ">=15.0.0 <15.13.0 || >=15.4.0 <15.13.0 || ^15.11.2 || ^15.12.1",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
+  },
+  "peerDependenciesMeta": {
+    "@office-iss/react-native-win32": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "react-native-macos": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
-  "author": "",
-  "license": "MIT",
-  "sideEffects": false,
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
       "capabilities": [
         "babel-preset-react-native",
         "core",
@@ -96,20 +106,12 @@
         "core-macos",
         "core-windows",
         "react",
+        "react-test-renderer",
         "svg",
-        "react-test-renderer"
+        "tools-core",
+        "tools-jest"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
     },
-    "react-native-macos": {
-      "optional": true
-    },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/Menu/Menu.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { stagedComponent } from '@fluentui-react-native/framework';
+import { phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 
 import type { MenuProps } from './Menu.types';
 import { menuName } from './Menu.types';
@@ -8,12 +8,12 @@ import { renderFinalMenu } from './renderMenu';
 import { useMenu } from './useMenu';
 import { useMenuContextValue } from './useMenuContextValue';
 
-export const Menu = stagedComponent((props: MenuProps) => {
+export const Menu = phasedComponent((props: MenuProps) => {
   const state = useMenu(props);
   const contextValue = useMenuContextValue(state);
 
-  return (_rest: MenuProps, children: React.ReactNode) => {
-    const childrenArray = React.Children.toArray(children) as React.ReactElement[];
+  return directComponent<MenuProps>((rest: MenuProps) => {
+    const childrenArray = React.Children.toArray(rest.children) as React.ReactElement[];
 
     if (__DEV__) {
       if (childrenArray.length !== 2) {
@@ -21,7 +21,7 @@ export const Menu = stagedComponent((props: MenuProps) => {
       }
     }
     return renderFinalMenu(childrenArray, contextValue, state);
-  };
+  });
 });
 
 Menu.displayName = menuName;

package/src/Menu/useMenu.android.ts

@@ -30,7 +30,7 @@ export const useMenu = (props: MenuProps): MenuState => {
    * State , Ref and Context Values for Menu Container and Anchor
    */
 
-  const triggerRef = React.useRef();
+  const triggerRef = React.useRef<View>(null);
   const context = useMenuContext();
   const isSubmenu = context.triggerRef !== null;
   const isOpenControlled = typeof props.open !== 'undefined';
@@ -158,7 +158,7 @@ export const useMenu = (props: MenuProps): MenuState => {
   };
 
   // Adjust position of menu - TODO: fix this warning removal, potentially adds extra re-renders
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+
   const transforms = [];
 
   useMemo(() => {

package/src/Menu/useMenu.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { View } from 'react-native';
 import { Platform } from 'react-native';
 
 import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
@@ -14,7 +15,7 @@ import { useMenuContext } from '../context/menuContext';
 const delayOpen = 150;
 
 export const useMenu = (props: MenuProps): MenuState => {
-  const triggerRef = React.useRef();
+  const triggerRef = React.useRef<View>(null);
   const context = useMenuContext();
   const isSubmenu = context.triggerRef !== null;
   const isOpenControlled = typeof props.open !== 'undefined';