@fluentui-react-native/menu 1.14.42 → 1.15.1

package/lib-commonjs/context/menuContext.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuContext = exports.MenuProvider = exports.MenuContext = void 0;
 const React = __importStar(require("react"));

package/lib-commonjs/context/menuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuContext.js","sourceRoot":"","sources":["../../src/context/menuContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAclB,QAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC/D,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,EAAE;IACX,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,KAAK;IACX,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;IACpB,sBAAsB,EAAE,SAAS;IACjC,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;CACnB,CAAC,CAAC;AAEU,QAAA,YAAY,GAAG,mBAAW,CAAC,QAAQ,CAAC;AAC1C,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,mBAAW,CAAC,CAAC;AAArD,QAAA,cAAc,kBAAuC"}
+{"version":3,"file":"menuContext.js","sourceRoot":"","sources":["../../src/context/menuContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAclB,QAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC/D,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,EAAE;IACX,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,KAAK;IACX,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;IACpB,sBAAsB,EAAE,SAAS;IACjC,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;CACnB,CAAC,CAAC;AAEU,QAAA,YAAY,GAAG,QAAA,WAAW,CAAC,QAAQ,CAAC;AAC1C,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAA,WAAW,CAAC,CAAC;AAArD,QAAA,cAAc,GAAd,cAAc,CAAuC"}

package/lib-commonjs/context/menuListContext.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuListContext = exports.MenuListProvider = exports.MenuListContext = void 0;
 const React = __importStar(require("react"));

package/lib-commonjs/context/menuListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuListContext.js","sourceRoot":"","sources":["../../src/context/menuListContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAalB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB;IACvE,mBAAmB,EAAE,KAAK;IAC1B,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK;IAC1B,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;CAC7B,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,uBAAe,CAAC,QAAQ,CAAC;AAClD,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,uBAAe,CAAC,CAAC;AAA7D,QAAA,kBAAkB,sBAA2C"}
+{"version":3,"file":"menuListContext.js","sourceRoot":"","sources":["../../src/context/menuListContext.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAalB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB;IACvE,mBAAmB,EAAE,KAAK;IAC1B,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK;IAC1B,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;CAC7B,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,QAAA,eAAe,CAAC,QAAQ,CAAC;AAClD,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAA,eAAe,CAAC,CAAC;AAA7D,QAAA,kBAAkB,GAAlB,kBAAkB,CAA2C"}

package/lib-commonjs/context/menuTriggerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuTriggerContext.js","sourceRoot":"","sources":["../../src/context/menuTriggerContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B;;;GAGG;AACU,QAAA,kBAAkB,GAAG,eAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;AAEzD,QAAA,mBAAmB,GAAG,0BAAkB,CAAC,QAAQ,CAAC;AACxD,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,0BAAkB,CAAC,CAAC;AAAnE,QAAA,qBAAqB,yBAA8C"}
+{"version":3,"file":"menuTriggerContext.js","sourceRoot":"","sources":["../../src/context/menuTriggerContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B;;;GAGG;AACU,QAAA,kBAAkB,GAAG,eAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;AAEzD,QAAA,mBAAmB,GAAG,QAAA,kBAAkB,CAAC,QAAQ,CAAC;AACxD,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,QAAA,kBAAkB,CAAC,CAAC;AAAnE,QAAA,qBAAqB,GAArB,qBAAqB,CAA8C"}

package/lib-commonjs/index.js

@@ -1,7 +1,7 @@
 "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");
+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; } });
@@ -11,46 +11,46 @@ Object.defineProperty(exports, "MenuListProvider", { enumerable: true, get: func
 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");
+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; } });
-var MenuTrigger_1 = require("./MenuTrigger");
+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; } });
-var MenuPopover_1 = require("./MenuPopover");
+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; } });
-var MenuItem_1 = require("./MenuItem");
+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; } });
-var MenuItemCheckbox_1 = require("./MenuItemCheckbox");
+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; } });
-var MenuItemRadio_1 = require("./MenuItemRadio");
+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; } });
-var MenuList_1 = require("./MenuList");
+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; } });
-var MenuDivider_1 = require("./MenuDivider");
+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; } });
-var MenuGroup_1 = require("./MenuGroup");
+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; } });
-var MenuGroupHeader_1 = require("./MenuGroupHeader");
+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; } });
-var consts_1 = require("./consts");
+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,104 @@
 {
   "name": "@fluentui-react-native/menu",
-  "version": "1.14.42",
+  "version": "1.15.1",
   "description": "A cross-platform Menu component using the Fluent Design System",
+  "license": "MIT",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/components/menu"
+  },
+  "sideEffects": false,
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "default": "./src/index.ts"
     }
   },
-  "typings": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
+    "lint-package": "fluentui-scripts lint-package",
+    "format": "fluentui-scripts format",
     "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
-    "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"
+    "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.1",
+    "@fluentui-react-native/callout": "0.28.1",
+    "@fluentui-react-native/focus-zone": "0.22.1",
+    "@fluentui-react-native/framework": "0.15.1",
+    "@fluentui-react-native/framework-base": "0.3.1",
+    "@fluentui-react-native/icon": "0.22.1",
+    "@fluentui-react-native/interactive-hooks": "0.28.1",
+    "@fluentui-react-native/text": "0.25.1",
+    "@fluentui-react-native/theme-tokens": "0.28.1",
+    "@fluentui-react-native/theming-utils": "0.27.1",
+    "@fluentui-react-native/tokens": "0.24.1",
+    "@fluentui-react-native/use-styling": "0.14.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/button": "0.39.22",
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/jest-config": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
-    "@fluentui-react-native/test-tools": "0.1.1",
+    "@fluentui-react-native/button": "0.40.1",
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
+    "@fluentui-react-native/framework-base": "0.3.1",
+    "@fluentui-react-native/jest-config": "0.1.0",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.0",
+    "@fluentui-react-native/test-tools": "0.1.0",
     "@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 +107,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';

package/src/MenuCallout/MenuCallout.android.tsx

@@ -1,8 +1,6 @@
-import React from 'react';
 import { Animated, Modal, TouchableWithoutFeedback, View, StyleSheet, ScrollView } from 'react-native';
 
-import { stagedComponent } from '@fluentui-react-native/framework';
-import { mergeProps } from '@fluentui-react-native/framework';
+import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 
 import type { MenuCalloutProps } from './MenuCallout.types';
 import { menuCalloutName } from './MenuCallout.types';
@@ -10,11 +8,12 @@ import { useMenuContext } from '../context';
 
 const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
 
-export const MenuCallout = stagedComponent((props: MenuCalloutProps) => {
+export const MenuCallout = phasedComponent((props: MenuCalloutProps) => {
   const context = useMenuContext();
 
-  return (_rest: MenuCalloutProps, children: React.ReactNode) => {
-    const mergedProps = mergeProps(props, _rest);
+  return directComponent<MenuCalloutProps>((innerProps: MenuCalloutProps) => {
+    const { children, ...rest } = mergeProps<MenuCalloutProps>(props, innerProps);
+    const mergedProps = mergeProps(props, rest);
     const tokens = props.tokens;
 
     return (
@@ -41,8 +40,8 @@ export const MenuCallout = stagedComponent((props: MenuCalloutProps) => {
                 },
               ]}
             >
-              {context.menuHeight + tokens.minPadding >= tokens.maxHeight ||
-              context.menuHeight + tokens.minPadding >= mergedProps.maxHeight ? (
+              {context.menuHeight + tokens.minPadding >= (tokens.maxHeight as number) ||
+              context.menuHeight + tokens.minPadding >= (mergedProps.maxHeight as number) ? (
                 <AnimatedScrollView style={[context.animationStarted && context.menuSize]}>{children}</AnimatedScrollView>
               ) : (
                 <Animated.View style={[context.animationStarted && context.menuSize]}>{children}</Animated.View>
@@ -52,7 +51,7 @@ export const MenuCallout = stagedComponent((props: MenuCalloutProps) => {
         </TouchableWithoutFeedback>
       </Modal>
     );
-  };
+  });
 });
 
 MenuCallout.displayName = menuCalloutName;

package/src/MenuCallout/MenuCallout.tsx

@@ -1,18 +1,16 @@
-import React from 'react';
-
 import { Callout } from '@fluentui-react-native/callout';
-import { stagedComponent } from '@fluentui-react-native/framework';
-import { mergeProps } from '@fluentui-react-native/framework';
+import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 
 import type { MenuCalloutProps } from './MenuCallout.types';
 import { menuCalloutName } from './MenuCallout.types';
 
-export const MenuCallout = stagedComponent((props: MenuCalloutProps) => {
-  return (_rest: MenuCalloutProps, children: React.ReactNode) => {
-    const mergedProps = mergeProps(props, _rest);
+export const MenuCallout = phasedComponent((props: MenuCalloutProps) => {
+  return directComponent<MenuCalloutProps>((innerProps: MenuCalloutProps) => {
+    const { children, ...rest } = innerProps;
+    const mergedProps = mergeProps(props, rest);
 
     return <Callout {...mergedProps}>{children}</Callout>;
-  };
+  });
 });
 
 MenuCallout.displayName = menuCalloutName;

package/src/MenuCallout/MenuCallout.types.ts

@@ -6,19 +6,18 @@ export const menuCalloutName = 'MenuCallout';
 
 // Support for anchorRect and beakWidth will come at a later time.
 // Omitting dismissBehaviors as it doesn't seem to make sense as a token
-export type MenuCalloutTokens =
-  | Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
-      /**
-       * The token for the corner radius for the Modal MenuPopover
-       * @platform android macos
-       */
-      borderRadius?: AnimatableNumericValue;
+export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+  /**
+   * 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;
-    };
+  /**
+   * Shadown elevation token for the Modal MenuPopover
+   * @platform android
+   */
+  elevation?: number;
+};
 
 export type MenuCalloutProps = ICalloutProps & { tokens: MenuCalloutTokens };

package/src/MenuDivider/MenuDivider.tsx

@@ -1,9 +1,8 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import { View } from 'react-native';
 
 import type { UseSlots } from '@fluentui-react-native/framework';
-import { compose, withSlots } from '@fluentui-react-native/framework';
+import { compose } from '@fluentui-react-native/framework';
 
 import { stylingSettings } from './MenuDivider.styling';
 import type { MenuDividerProps, MenuDividerType } from './MenuDivider.types';

package/src/MenuGroup/MenuGroup.tsx

@@ -1,10 +1,11 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import React from 'react';
 import { Platform, View } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
 
 import { FocusZone } from '@fluentui-react-native/focus-zone';
-import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, mergeProps } from '@fluentui-react-native/framework';
+import { extractChildren, extractProps } from '@fluentui-react-native/framework-base';
 import type { UseSlots } from '@fluentui-react-native/framework';
 
 import type { MenuGroupProps, MenuGroupType } from './MenuGroup.types';
@@ -40,8 +41,8 @@ export const MenuGroup = compose<MenuGroupType>({
           return React.cloneElement(
             child as React.ReactElement<unknown, string | React.JSXElementConstructor<any>>,
             {
-              accessibilityPositionInSet: child.props.accessibilityPositionInSet ?? itemPosition, // win32
-              accessibilitySetSize: child.props.accessibilitySetSize ?? itemCount, //win32
+              accessibilityPosInSet: extractProps<IViewProps>(child)?.accessibilityPosInSet ?? itemPosition, // win32
+              accessibilitySetSize: extractProps<IViewProps>(child)?.accessibilitySetSize ?? itemCount, //win32
             } as any,
           );
         }
@@ -58,8 +59,9 @@ export const MenuGroup = compose<MenuGroupType>({
       // we use a string with a space as the default accessibilityLabel for MenuGroup.
       // If an empty string was used, the group context would not be read.
       let menuGroupA11yLabel = ' ';
-      if (menuGroupHeader && typeof (menuGroupHeader as React.ReactElement).props.children === 'string') {
-        menuGroupA11yLabel = (menuGroupHeader as React.ReactElement).props.children;
+      const menuGroupHeaderChild = extractChildren(menuGroupHeader as React.ReactElement);
+      if (menuGroupHeader && typeof menuGroupHeaderChild === 'string') {
+        menuGroupA11yLabel = menuGroupHeaderChild;
       }
 
       return (

package/src/MenuGroupHeader/MenuGroupHeader.tsx

@@ -1,8 +1,7 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import React from 'react';
 
-import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, mergeProps } from '@fluentui-react-native/framework';
 import type { UseSlots } from '@fluentui-react-native/framework';
 import { TextV1 as Text } from '@fluentui-react-native/text';
 

package/src/MenuItem/MenuItem.tsx

@@ -1,10 +1,9 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import React from 'react';
 import { I18nManager, Image, Pressable, View } from 'react-native';
 
 import type { UseSlots } from '@fluentui-react-native/framework';
-import { compose, memoize, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, memoize, mergeProps } from '@fluentui-react-native/framework';
 import { IconV1 as Icon } from '@fluentui-react-native/icon';
 import { TextV1 as Text } from '@fluentui-react-native/text';
 import { SvgXml } from 'react-native-svg';