@fluentui-react-native/composition 0.11.2 → 0.11.4

package/CHANGELOG.json

@@ -2,7 +2,72 @@
   "name": "@fluentui-react-native/composition",
   "entries": [
     {
-      "date": "Wed, 29 Jan 2025 23:39:19 GMT",
+      "date": "Thu, 10 Jul 2025 20:30:44 GMT",
+      "version": "0.11.4",
+      "tag": "@fluentui-react-native/composition_v0.11.4",
+      "comments": {
+        "none": [
+          {
+            "author": "4123478+tido64@users.noreply.github.com",
+            "package": "@fluentui-react-native/composition",
+            "commit": "79bb06f6bbfd0a36f9d2ef371f4857be9660f027",
+            "comment": "Fixed `align-deps` warnings"
+          },
+          {
+            "author": "jasonmo@microsoft.com",
+            "package": "@fluentui-react-native/composition",
+            "commit": "54087dca787180bbf34630470cd0d06e88366b30",
+            "comment": "update eslint to 9.x and use new flat config format with security rules"
+          },
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/composition",
+            "commit": "a245202877ef7f2be9ab5f0e1356b2270957e693",
+            "comment": "Run bump-versions"
+          }
+        ],
+        "patch": [
+          {
+            "author": "jasonmo@microsoft.com",
+            "package": "@fluentui-react-native/composition",
+            "commit": "479b93cea460a26df70c55b5d3335927ed374713",
+            "comment": "update builds to use node16 settings and modern export maps"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 10 Jul 2025 19:20:26 GMT",
+      "version": "0.11.3",
+      "tag": "@fluentui-react-native/composition_v0.11.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "4123478+tido64@users.noreply.github.com",
+            "package": "@fluentui-react-native/composition",
+            "commit": "24b9abab3370f008afd2dbb304751fc9af6bec4a",
+            "comment": "Add support for React Native 0.74"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 11 Jun 2025 19:35:00 GMT",
+      "version": "0.11.2",
+      "tag": "@fluentui-react-native/composition_v0.11.2",
+      "comments": {
+        "none": [
+          {
+            "author": "4123478+tido64@users.noreply.github.com",
+            "package": "@fluentui-react-native/composition",
+            "commit": "2342b87a20e5a584bd2073c8c5a266f0aa48c8bb",
+            "comment": "Added missing dev dependencies"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 29 Jan 2025 23:43:54 GMT",
       "version": "0.11.2",
       "tag": "@fluentui-react-native/composition_v0.11.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui-react-native/composition
 
-<!-- This log was last generated on Wed, 29 Jan 2025 23:39:19 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 10 Jul 2025 20:30:44 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 0.11.4
+
+Thu, 10 Jul 2025 20:30:44 GMT
+
+### Patches
+
+- update builds to use node16 settings and modern export maps (jasonmo@microsoft.com)
+
+## 0.11.3
+
+Thu, 10 Jul 2025 19:20:26 GMT
+
+### Patches
+
+- Add support for React Native 0.74 (4123478+tido64@users.noreply.github.com)
+
 ## 0.11.2
 
-Wed, 29 Jan 2025 23:39:19 GMT
+Wed, 29 Jan 2025 23:43:54 GMT
 
 ### Patches
 

package/eslint.config.js

@@ -0,0 +1,3 @@
+const baseConfig = require('@fluentui-react-native/eslint-config-rules');
+
+module.exports = baseConfig;

package/lib/composeFactory.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { immutableMergeCore } from '@fluentui-react-native/immutable-merge';
 import { stagedComponent } from '@fluentui-react-native/use-slot';
 import { buildUseSlots } from '@fluentui-react-native/use-slots';
@@ -16,33 +5,25 @@ import { buildUseStyling } from '@fluentui-react-native/use-styling';
 /**
  * options get deep merged except the tokens array gets appended
  */
-var mergeOptions = {
+const mergeOptions = {
     tokens: 'appendArray',
     object: true,
 };
 export function composeFactory(options, themeHelper, base) {
     // merge options together if a base is specified
-    var baseOptions = base === null || base === void 0 ? void 0 : base.__options;
-    options = baseOptions ? immutableMergeCore(mergeOptions, baseOptions, options) : __assign({}, options);
+    const baseOptions = base?.__options;
+    options = baseOptions ? immutableMergeCore(mergeOptions, baseOptions, options) : { ...options };
     // build styling if styling options are specified
-    options.useStyling = options.slotProps || options.tokens ? buildUseStyling(options, themeHelper) : function () { return ({}); };
+    options.useStyling = options.slotProps || options.tokens ? buildUseStyling(options, themeHelper) : () => ({});
     // build the slots hook, which will use the styling hook if it has been built
-    var useSlots = buildUseSlots(options);
+    const useSlots = buildUseSlots(options);
     // build the staged component
-    var component = stagedComponent(function (props) { return options.useRender(props, useSlots); });
+    const component = stagedComponent((props) => options.useRender(props, useSlots));
     // attach additional props to the returned component
     component.displayName = options.displayName;
     component.__options = options;
-    component.customize = function () {
-        var tokens = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            tokens[_i] = arguments[_i];
-        }
-        return composeFactory(immutableMergeCore(mergeOptions, options, { tokens: tokens }), themeHelper);
-    };
-    component.compose = function (customOptions) {
-        return composeFactory(immutableMergeCore(mergeOptions, options, customOptions), themeHelper);
-    };
+    component.customize = (...tokens) => composeFactory(immutableMergeCore(mergeOptions, options, { tokens: tokens }), themeHelper);
+    component.compose = (customOptions) => composeFactory(immutableMergeCore(mergeOptions, options, customOptions), themeHelper);
     // attach statics if specified
     if (options.statics) {
         Object.assign(component, options.statics);

package/lib/composeFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAqCrE;;GAEG;AACH,IAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAA6E,EAC7E,WAAgC,EAChC,IAA6E;IAK7E,gDAAgD;IAChD,IAAM,WAAW,GAAiB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAyB,CAAC;IAClE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAe,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,cAAM,OAAO,CAAE,CAAC;IAE9G,iDAAiD;IACjD,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,cAAM,OAAA,CAAC,EAAiB,CAAA,EAAlB,CAAkB,CAAC;IAE5H,6EAA6E;IAC7E,IAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAuC,CAAC;IAE9E,6BAA6B;IAC7B,IAAM,SAAS,GAAG,eAAe,CAAS,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAlC,CAAkC,CAAmB,CAAC;IAE3G,oDAAoD;IACpD,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;IAC9B,SAAS,CAAC,SAAS,GAAG;QAAC,gBAAiC;aAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;YAAjC,2BAAiC;;QACtD,OAAA,cAAc,CACZ,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,EAC7E,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,SAAS,CAAC,OAAO,GAAG,UAAC,aAAoC;QACvD,OAAA,cAAc,CACZ,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,aAAa,CAAiB,EACxE,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,8BAA8B;IAC9B,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAqCrE;;GAEG;AACH,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAA6E,EAC7E,WAAgC,EAChC,IAA6E;IAK7E,gDAAgD;IAChD,MAAM,WAAW,GAAiB,IAAI,EAAE,SAAyB,CAAC;IAClE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAe,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAE9G,iDAAiD;IACjD,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAiB,CAAA,CAAC;IAE5H,6EAA6E;IAC7E,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAuC,CAAC;IAE9E,6BAA6B;IAC7B,MAAM,SAAS,GAAG,eAAe,CAAS,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAmB,CAAC;IAE3G,oDAAoD;IACpD,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;IAC9B,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAA8B,EAAE,EAAE,CAC1D,cAAc,CACZ,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,EAC7E,WAAW,CACZ,CAAC;IAEJ,SAAS,CAAC,OAAO,GAAG,CAAC,aAAoC,EAAE,EAAE,CAC3D,cAAc,CACZ,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,aAAa,CAAiB,EACxE,WAAW,CACZ,CAAC;IAEJ,8BAA8B;IAC9B,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/composeFactory.test.js

@@ -1,70 +1,58 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { View, Text } from 'react-native';
 import { withSlots } from '@fluentui-react-native/use-slot';
 import * as renderer from 'react-test-renderer';
 import { composeFactory } from './composeFactory';
-var theme = {
+const theme = {
     values: {
         backgroundColor: 'black',
         color: 'white',
     },
     components: {},
 };
-var themeHelper = {
-    useTheme: function () { return theme; },
-    getComponentInfo: function (theme, name) {
-        var _a;
-        return (_a = theme === null || theme === void 0 ? void 0 : theme.components) !== null && _a !== void 0 ? _a : theme.components[name];
+const themeHelper = {
+    useTheme: () => theme,
+    getComponentInfo: (theme, name) => {
+        return theme?.components ?? theme.components[name];
     },
 };
 function mergeProps(p1, p2) {
-    return __assign(__assign({}, p1), p2);
+    return { ...p1, ...p2 };
 }
-var Base = composeFactory({
+const Base = composeFactory({
     tokens: [
-        function (t) { return ({
+        (t) => ({
             backgroundColor: t.values.backgroundColor,
             color: t.values.color,
-        }); },
+        }),
     ],
     slotProps: {
-        outer: function (tokens) { return ({ style: { backgroundColor: tokens.backgroundColor } }); },
-        content: function (tokens) { return ({ style: { color: tokens.color } }); },
+        outer: (tokens) => ({ style: { backgroundColor: tokens.backgroundColor } }),
+        content: (tokens) => ({ style: { color: tokens.color } }),
     },
     slots: {
         outer: View,
         content: Text,
     },
-    useRender: function (props, useSlots) {
-        var Slots = useSlots(props);
-        return function (extra) { return (withSlots(Slots.outer, __assign({}, mergeProps(props, extra)),
-            withSlots(Slots.content, null, "Hello"))); };
+    useRender: (props, useSlots) => {
+        const Slots = useSlots(props);
+        return (extra) => (withSlots(Slots.outer, { ...mergeProps(props, extra) },
+            withSlots(Slots.content, null, "Hello")));
     },
 }, themeHelper);
-var Customized = Base.customize({ backgroundColor: 'pink' });
-var mixinStyle = {
+const Customized = Base.customize({ backgroundColor: 'pink' });
+const mixinStyle = {
     width: 30,
     height: 20,
     borderColor: 'green',
     borderWidth: 1,
 };
-describe('composeFactory test suite', function () {
-    it('Base component render', function () {
-        var tree = renderer.create(withSlots(Base, { style: mixinStyle })).toJSON();
+describe('composeFactory test suite', () => {
+    it('Base component render', () => {
+        const tree = renderer.create(withSlots(Base, { style: mixinStyle })).toJSON();
         expect(tree).toMatchSnapshot();
     });
-    it('Base component render', function () {
-        var tree = renderer.create(withSlots(Customized, { style: mixinStyle })).toJSON();
+    it('Base component render', () => {
+        const tree = renderer.create(withSlots(Customized, { style: mixinStyle })).toJSON();
         expect(tree).toMatchSnapshot();
     });
 });

package/lib/composeFactory.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":";;;;;;;;;;;AAGA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,IAAM,KAAK,GAAU;IACnB,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAYF,IAAM,WAAW,GAAuB;IACtC,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;IACrB,gBAAgB,EAAE,UAAC,KAAY,EAAE,IAAY;;QAC3C,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAI,EAAK,EAAE,EAAK;IACjC,6BAAY,EAAE,GAAK,EAAE,EAAG;AAC1B,CAAC;AAED,IAAM,IAAI,GAAG,cAAc,CACzB;IACE,MAAM,EAAE;QACN,UAAC,CAAC,IAAK,OAAA,CAAC;YACN,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;YACzC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACtB,CAAC,EAHK,CAGL;KACH;IACD,SAAS,EAAE;QACT,KAAK,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,EAAxD,CAAwD;QAC3E,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,EAApC,CAAoC;KAC1D;IACD,KAAK,EAAE;QACL,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE,UAAC,KAAgB,EAAE,QAA8C;QAC1E,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,UAAC,KAAgB,IAAK,OAAA,CAC3B,UAAC,KAAK,CAAC,KAAK,eAAK,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;YACvC,UAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACf,EAJ4B,CAI5B,CAAC;IACJ,CAAC;CACF,EACD,WAAW,CACZ,CAAC;AAEF,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AAE/D,IAAM,UAAU,GAAG;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE;IACpC,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACnE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,UAAU,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,MAAM,KAAK,GAAU;IACnB,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAYF,MAAM,WAAW,GAAuB;IACtC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE;QAC/C,OAAO,KAAK,EAAE,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAI,EAAK,EAAE,EAAK;IACjC,OAAO,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,IAAI,GAAG,cAAc,CACzB;IACE,MAAM,EAAE;QACN,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACN,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;YACzC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACtB,CAAC;KACH;IACD,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC;QAC3E,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;KAC1D;IACD,KAAK,EAAE;QACL,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE,CAAC,KAAgB,EAAE,QAA8C,EAAE,EAAE;QAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,CAAC,KAAgB,EAAE,EAAE,CAAC,CAC3B,UAAC,KAAK,CAAC,KAAK,OAAK,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;YACvC,UAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACf,CAAC;IACJ,CAAC;CACF,EACD,WAAW,CACZ,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AAE/D,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACnE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,UAAU,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib-commonjs/composeFactory.js

@@ -1,51 +1,32 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.composeFactory = void 0;
-var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
-var use_slot_1 = require("@fluentui-react-native/use-slot");
-var use_slots_1 = require("@fluentui-react-native/use-slots");
-var use_styling_1 = require("@fluentui-react-native/use-styling");
+const immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
+const use_slot_1 = require("@fluentui-react-native/use-slot");
+const use_slots_1 = require("@fluentui-react-native/use-slots");
+const use_styling_1 = require("@fluentui-react-native/use-styling");
 /**
  * options get deep merged except the tokens array gets appended
  */
-var mergeOptions = {
+const mergeOptions = {
     tokens: 'appendArray',
     object: true,
 };
 function composeFactory(options, themeHelper, base) {
     // merge options together if a base is specified
-    var baseOptions = base === null || base === void 0 ? void 0 : base.__options;
-    options = baseOptions ? (0, immutable_merge_1.immutableMergeCore)(mergeOptions, baseOptions, options) : __assign({}, options);
+    const baseOptions = base?.__options;
+    options = baseOptions ? (0, immutable_merge_1.immutableMergeCore)(mergeOptions, baseOptions, options) : { ...options };
     // build styling if styling options are specified
-    options.useStyling = options.slotProps || options.tokens ? (0, use_styling_1.buildUseStyling)(options, themeHelper) : function () { return ({}); };
+    options.useStyling = options.slotProps || options.tokens ? (0, use_styling_1.buildUseStyling)(options, themeHelper) : () => ({});
     // build the slots hook, which will use the styling hook if it has been built
-    var useSlots = (0, use_slots_1.buildUseSlots)(options);
+    const useSlots = (0, use_slots_1.buildUseSlots)(options);
     // build the staged component
-    var component = (0, use_slot_1.stagedComponent)(function (props) { return options.useRender(props, useSlots); });
+    const component = (0, use_slot_1.stagedComponent)((props) => options.useRender(props, useSlots));
     // attach additional props to the returned component
     component.displayName = options.displayName;
     component.__options = options;
-    component.customize = function () {
-        var tokens = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            tokens[_i] = arguments[_i];
-        }
-        return composeFactory((0, immutable_merge_1.immutableMergeCore)(mergeOptions, options, { tokens: tokens }), themeHelper);
-    };
-    component.compose = function (customOptions) {
-        return composeFactory((0, immutable_merge_1.immutableMergeCore)(mergeOptions, options, customOptions), themeHelper);
-    };
+    component.customize = (...tokens) => composeFactory((0, immutable_merge_1.immutableMergeCore)(mergeOptions, options, { tokens: tokens }), themeHelper);
+    component.compose = (customOptions) => composeFactory((0, immutable_merge_1.immutableMergeCore)(mergeOptions, options, customOptions), themeHelper);
     // attach statics if specified
     if (options.statics) {
         Object.assign(component, options.statics);

package/lib-commonjs/composeFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,0EAA4E;AAE5E,4DAAkE;AAElE,8DAAiE;AACjE,kEAAqE;AAqCrE;;GAEG;AACH,IAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,SAAgB,cAAc,CAC5B,OAA6E,EAC7E,WAAgC,EAChC,IAA6E;IAK7E,gDAAgD;IAChD,IAAM,WAAW,GAAiB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAyB,CAAC;IAClE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAA,oCAAkB,EAAe,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,cAAM,OAAO,CAAE,CAAC;IAE9G,iDAAiD;IACjD,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAA,6BAAe,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,cAAM,OAAA,CAAC,EAAiB,CAAA,EAAlB,CAAkB,CAAC;IAE5H,6EAA6E;IAC7E,IAAM,QAAQ,GAAG,IAAA,yBAAa,EAAC,OAAO,CAAuC,CAAC;IAE9E,6BAA6B;IAC7B,IAAM,SAAS,GAAG,IAAA,0BAAe,EAAS,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAlC,CAAkC,CAAmB,CAAC;IAE3G,oDAAoD;IACpD,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;IAC9B,SAAS,CAAC,SAAS,GAAG;QAAC,gBAAiC;aAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;YAAjC,2BAAiC;;QACtD,OAAA,cAAc,CACZ,IAAA,oCAAkB,EAAC,YAAY,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,EAC7E,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,SAAS,CAAC,OAAO,GAAG,UAAC,aAAoC;QACvD,OAAA,cAAc,CACZ,IAAA,oCAAkB,EAAC,YAAY,EAAE,OAAO,EAAE,aAAa,CAAiB,EACxE,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,8BAA8B;IAC9B,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AA1CD,wCA0CC"}
+{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":";;;AACA,4EAA4E;AAE5E,8DAAkE;AAElE,gEAAiE;AACjE,oEAAqE;AAqCrE;;GAEG;AACH,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,SAAgB,cAAc,CAC5B,OAA6E,EAC7E,WAAgC,EAChC,IAA6E;IAK7E,gDAAgD;IAChD,MAAM,WAAW,GAAiB,IAAI,EAAE,SAAyB,CAAC;IAClE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAA,oCAAkB,EAAe,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAE9G,iDAAiD;IACjD,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAA,6BAAe,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAiB,CAAA,CAAC;IAE5H,6EAA6E;IAC7E,MAAM,QAAQ,GAAG,IAAA,yBAAa,EAAC,OAAO,CAAuC,CAAC;IAE9E,6BAA6B;IAC7B,MAAM,SAAS,GAAG,IAAA,0BAAe,EAAS,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAmB,CAAC;IAE3G,oDAAoD;IACpD,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;IAC9B,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAA8B,EAAE,EAAE,CAC1D,cAAc,CACZ,IAAA,oCAAkB,EAAC,YAAY,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,EAC7E,WAAW,CACZ,CAAC;IAEJ,SAAS,CAAC,OAAO,GAAG,CAAC,aAAoC,EAAE,EAAE,CAC3D,cAAc,CACZ,IAAA,oCAAkB,EAAC,YAAY,EAAE,OAAO,EAAE,aAAa,CAAiB,EACxE,WAAW,CACZ,CAAC;IAEJ,8BAA8B;IAC9B,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AA1CD,wCA0CC"}

package/lib-commonjs/composeFactory.test.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -34,62 +23,61 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_native_1 = require("react-native");
-var use_slot_1 = require("@fluentui-react-native/use-slot");
-var renderer = __importStar(require("react-test-renderer"));
-var composeFactory_1 = require("./composeFactory");
-var theme = {
+const react_native_1 = require("react-native");
+const use_slot_1 = require("@fluentui-react-native/use-slot");
+const renderer = __importStar(require("react-test-renderer"));
+const composeFactory_1 = require("./composeFactory");
+const theme = {
     values: {
         backgroundColor: 'black',
         color: 'white',
     },
     components: {},
 };
-var themeHelper = {
-    useTheme: function () { return theme; },
-    getComponentInfo: function (theme, name) {
-        var _a;
-        return (_a = theme === null || theme === void 0 ? void 0 : theme.components) !== null && _a !== void 0 ? _a : theme.components[name];
+const themeHelper = {
+    useTheme: () => theme,
+    getComponentInfo: (theme, name) => {
+        return theme?.components ?? theme.components[name];
     },
 };
 function mergeProps(p1, p2) {
-    return __assign(__assign({}, p1), p2);
+    return { ...p1, ...p2 };
 }
-var Base = (0, composeFactory_1.composeFactory)({
+const Base = (0, composeFactory_1.composeFactory)({
     tokens: [
-        function (t) { return ({
+        (t) => ({
             backgroundColor: t.values.backgroundColor,
             color: t.values.color,
-        }); },
+        }),
     ],
     slotProps: {
-        outer: function (tokens) { return ({ style: { backgroundColor: tokens.backgroundColor } }); },
-        content: function (tokens) { return ({ style: { color: tokens.color } }); },
+        outer: (tokens) => ({ style: { backgroundColor: tokens.backgroundColor } }),
+        content: (tokens) => ({ style: { color: tokens.color } }),
     },
     slots: {
         outer: react_native_1.View,
         content: react_native_1.Text,
     },
-    useRender: function (props, useSlots) {
-        var Slots = useSlots(props);
-        return function (extra) { return ((0, use_slot_1.withSlots)(Slots.outer, __assign({}, mergeProps(props, extra)),
-            (0, use_slot_1.withSlots)(Slots.content, null, "Hello"))); };
+    useRender: (props, useSlots) => {
+        const Slots = useSlots(props);
+        return (extra) => ((0, use_slot_1.withSlots)(Slots.outer, { ...mergeProps(props, extra) },
+            (0, use_slot_1.withSlots)(Slots.content, null, "Hello")));
     },
 }, themeHelper);
-var Customized = Base.customize({ backgroundColor: 'pink' });
-var mixinStyle = {
+const Customized = Base.customize({ backgroundColor: 'pink' });
+const mixinStyle = {
     width: 30,
     height: 20,
     borderColor: 'green',
     borderWidth: 1,
 };
-describe('composeFactory test suite', function () {
-    it('Base component render', function () {
-        var tree = renderer.create((0, use_slot_1.withSlots)(Base, { style: mixinStyle })).toJSON();
+describe('composeFactory test suite', () => {
+    it('Base component render', () => {
+        const tree = renderer.create((0, use_slot_1.withSlots)(Base, { style: mixinStyle })).toJSON();
         expect(tree).toMatchSnapshot();
     });
-    it('Base component render', function () {
-        var tree = renderer.create((0, use_slot_1.withSlots)(Customized, { style: mixinStyle })).toJSON();
+    it('Base component render', () => {
+        const tree = renderer.create((0, use_slot_1.withSlots)(Customized, { style: mixinStyle })).toJSON();
         expect(tree).toMatchSnapshot();
     });
 });

package/lib-commonjs/composeFactory.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,6CAA0C;AAE1C,4DAA4D;AAE5D,4DAAgD;AAGhD,mDAAkD;AAYlD,IAAM,KAAK,GAAU;IACnB,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAYF,IAAM,WAAW,GAAuB;IACtC,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;IACrB,gBAAgB,EAAE,UAAC,KAAY,EAAE,IAAY;;QAC3C,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAI,EAAK,EAAE,EAAK;IACjC,6BAAY,EAAE,GAAK,EAAE,EAAG;AAC1B,CAAC;AAED,IAAM,IAAI,GAAG,IAAA,+BAAc,EACzB;IACE,MAAM,EAAE;QACN,UAAC,CAAC,IAAK,OAAA,CAAC;YACN,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;YACzC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACtB,CAAC,EAHK,CAGL;KACH;IACD,SAAS,EAAE;QACT,KAAK,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,EAAxD,CAAwD;QAC3E,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,EAApC,CAAoC;KAC1D;IACD,KAAK,EAAE;QACL,KAAK,EAAE,mBAAI;QACX,OAAO,EAAE,mBAAI;KACd;IACD,SAAS,EAAE,UAAC,KAAgB,EAAE,QAA8C;QAC1E,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,UAAC,KAAgB,IAAK,OAAA,CAC3B,0BAAC,KAAK,CAAC,KAAK,eAAK,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;YACvC,0BAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACf,EAJ4B,CAI5B,CAAC;IACJ,CAAC;CACF,EACD,WAAW,CACZ,CAAC;AAEF,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AAE/D,IAAM,UAAU,GAAG;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE;IACpC,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,0BAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACnE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,0BAAC,UAAU,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,+CAA0C;AAE1C,8DAA4D;AAE5D,8DAAgD;AAGhD,qDAAkD;AAYlD,MAAM,KAAK,GAAU;IACnB,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAYF,MAAM,WAAW,GAAuB;IACtC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE;QAC/C,OAAO,KAAK,EAAE,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAI,EAAK,EAAE,EAAK;IACjC,OAAO,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,IAAI,GAAG,IAAA,+BAAc,EACzB;IACE,MAAM,EAAE;QACN,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACN,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;YACzC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACtB,CAAC;KACH;IACD,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC;QAC3E,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;KAC1D;IACD,KAAK,EAAE;QACL,KAAK,EAAE,mBAAI;QACX,OAAO,EAAE,mBAAI;KACd;IACD,SAAS,EAAE,CAAC,KAAgB,EAAE,QAA8C,EAAE,EAAE;QAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,CAAC,KAAgB,EAAE,EAAE,CAAC,CAC3B,0BAAC,KAAK,CAAC,KAAK,OAAK,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;YACvC,0BAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACf,CAAC;IACJ,CAAC;CACF,EACD,WAAW,CACZ,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AAE/D,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,0BAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACnE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,0BAAC,UAAU,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/composition",
-  "version": "0.11.2",
+  "version": "0.11.4",
   "description": "Composition factories for building HOCs",
   "repository": {
     "type": "git",
@@ -9,6 +9,13 @@
   },
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js",
+      "types": "./lib/index.d.ts"
+    }
+  },
   "typings": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
@@ -27,21 +34,22 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@fluentui-react-native/immutable-merge": "1.2.2",
-    "@fluentui-react-native/use-slot": "0.6.2",
-    "@fluentui-react-native/use-slots": "0.10.2",
-    "@fluentui-react-native/use-styling": "0.13.2"
+    "@fluentui-react-native/immutable-merge": "1.2.3",
+    "@fluentui-react-native/use-slot": "0.6.4",
+    "@fluentui-react-native/use-slots": "0.10.4",
+    "@fluentui-react-native/use-styling": "0.13.4"
   },
   "devDependencies": {
+    "@babel/core": "^7.20.0",
     "@fluentui-react-native/scripts": "0.1.1",
-    "@react-native/babel-preset": "^0.73.0",
-    "@react-native/metro-config": "^0.73.0",
+    "@react-native/babel-preset": "^0.74.0",
+    "@react-native/metro-config": "^0.74.0",
     "react": "18.2.0",
-    "react-native": "^0.73.0"
+    "react-native": "^0.74.0"
   },
   "peerDependencies": {
     "react": "18.2.0",
-    "react-native": "^0.73.0"
+    "react-native": "^0.73.0 || ^0.74.0"
   },
   "rnx-kit": {
     "kitType": "library",
@@ -49,10 +57,16 @@
       "presets": [
         "microsoft/react-native"
       ],
-      "requirements": [
-        "react-native@0.73"
-      ],
+      "requirements": {
+        "development": [
+          "react-native@0.74"
+        ],
+        "production": [
+          "react-native@0.73 || 0.74"
+        ]
+      },
       "capabilities": [
+        "babel-preset-react-native",
         "core",
         "core-android",
         "core-ios"

package/.eslintrc.js

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ['@fluentui-react-native/eslint-config-rules'],
-};