@fluentui-react-native/stack 0.10.21 → 0.11.0

package/lib-commonjs/StackUtils.test.win32.js

@@ -1,56 +1,74 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const StackUtils_1 = require("./StackUtils");
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const StackUtils_1 = require('./StackUtils');
 describe('StackUtils', () => {
-    describe('parseGap', () => {
-        const theme = {
-            spacing: { m: '16em' },
-        };
-        it('returns a default value when given undefined', () => {
-            expect((0, StackUtils_1.parseGap)(undefined, theme)).toEqual({ rowGap: { value: 0, unit: 'px' }, columnGap: { value: 0, unit: 'px' } });
-        });
-        it('returns a value with px when given a number', () => {
-            expect((0, StackUtils_1.parseGap)(10, theme)).toEqual({ rowGap: { value: 10, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
-        });
-        it('can parse a string with px', () => {
-            expect((0, StackUtils_1.parseGap)('32px', theme)).toEqual({ rowGap: { value: 32, unit: 'px' }, columnGap: { value: 32, unit: 'px' } });
-        });
-        it('can parse a string with a float', () => {
-            expect((0, StackUtils_1.parseGap)('20.5px', theme)).toEqual({ rowGap: { value: 20.5, unit: 'px' }, columnGap: { value: 20.5, unit: 'px' } });
-        });
-        it('parses the value from the theme when given a spacing key', () => {
-            expect((0, StackUtils_1.parseGap)('m', theme)).toEqual({ rowGap: { value: 16, unit: 'em' }, columnGap: { value: 16, unit: 'em' } });
-        });
-        it('can parse a string with both horizontal and vertical gap', () => {
-            expect((0, StackUtils_1.parseGap)('30px 10px', theme)).toEqual({ rowGap: { value: 30, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
-        });
-        it('defaults to px with a string with horizontal and vertical gap with no units', () => {
-            expect((0, StackUtils_1.parseGap)('50 30', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 30, unit: 'px' } });
-        });
-        it('can parse a string with horizontal and vertical gap with one of them getting value from the theme when given a spacing key', () => {
-            expect((0, StackUtils_1.parseGap)('50px m', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 16, unit: 'em' } });
-        });
-    });
-    describe('parsePadding', () => {
-        const theme = {
-            spacing: {
-                s2: '5px',
-                s1: '10px',
-                m: '15px',
-                l1: '20px',
-                l2: '25px',
-            },
-        };
-        it('returns its argument when given undefined, a number, or an empty string', () => {
-            expect((0, StackUtils_1.parsePadding)(undefined, theme)).toEqual(undefined);
-            expect((0, StackUtils_1.parsePadding)(0, theme)).toEqual(0);
-        });
-        it('returns its argument when given a CSS-style padding', () => {
-            expect((0, StackUtils_1.parsePadding)('10px', theme)).toEqual('10px');
-        });
-        it('converts themed spacing keys to CSS-style paddings', () => {
-            expect((0, StackUtils_1.parsePadding)('s2', theme)).toEqual('5px');
-        });
+  describe('parseGap', () => {
+    const theme = {
+      spacing: { m: '16em' },
+    };
+    it('returns a default value when given undefined', () => {
+      expect((0, StackUtils_1.parseGap)(undefined, theme)).toEqual({
+        rowGap: { value: 0, unit: 'px' },
+        columnGap: { value: 0, unit: 'px' },
+      });
     });
+    it('returns a value with px when given a number', () => {
+      expect((0, StackUtils_1.parseGap)(10, theme)).toEqual({ rowGap: { value: 10, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
+    });
+    it('can parse a string with px', () => {
+      expect((0, StackUtils_1.parseGap)('32px', theme)).toEqual({
+        rowGap: { value: 32, unit: 'px' },
+        columnGap: { value: 32, unit: 'px' },
+      });
+    });
+    it('can parse a string with a float', () => {
+      expect((0, StackUtils_1.parseGap)('20.5px', theme)).toEqual({
+        rowGap: { value: 20.5, unit: 'px' },
+        columnGap: { value: 20.5, unit: 'px' },
+      });
+    });
+    it('parses the value from the theme when given a spacing key', () => {
+      expect((0, StackUtils_1.parseGap)('m', theme)).toEqual({ rowGap: { value: 16, unit: 'em' }, columnGap: { value: 16, unit: 'em' } });
+    });
+    it('can parse a string with both horizontal and vertical gap', () => {
+      expect((0, StackUtils_1.parseGap)('30px 10px', theme)).toEqual({
+        rowGap: { value: 30, unit: 'px' },
+        columnGap: { value: 10, unit: 'px' },
+      });
+    });
+    it('defaults to px with a string with horizontal and vertical gap with no units', () => {
+      expect((0, StackUtils_1.parseGap)('50 30', theme)).toEqual({
+        rowGap: { value: 50, unit: 'px' },
+        columnGap: { value: 30, unit: 'px' },
+      });
+    });
+    it('can parse a string with horizontal and vertical gap with one of them getting value from the theme when given a spacing key', () => {
+      expect((0, StackUtils_1.parseGap)('50px m', theme)).toEqual({
+        rowGap: { value: 50, unit: 'px' },
+        columnGap: { value: 16, unit: 'em' },
+      });
+    });
+  });
+  describe('parsePadding', () => {
+    const theme = {
+      spacing: {
+        s2: '5px',
+        s1: '10px',
+        m: '15px',
+        l1: '20px',
+        l2: '25px',
+      },
+    };
+    it('returns its argument when given undefined, a number, or an empty string', () => {
+      expect((0, StackUtils_1.parsePadding)(undefined, theme)).toEqual(undefined);
+      expect((0, StackUtils_1.parsePadding)(0, theme)).toEqual(0);
+    });
+    it('returns its argument when given a CSS-style padding', () => {
+      expect((0, StackUtils_1.parsePadding)('10px', theme)).toEqual('10px');
+    });
+    it('converts themed spacing keys to CSS-style paddings', () => {
+      expect((0, StackUtils_1.parsePadding)('s2', theme)).toEqual('5px');
+    });
+  });
 });
-//# sourceMappingURL=StackUtils.test.win32.js.map
+//# sourceMappingURL=StackUtils.test.win32.js.map

package/lib-commonjs/StackUtils.test.win32.js.map

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

package/lib-commonjs/__tests__/Stack.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Stack.test.d.ts.map
+//# sourceMappingURL=Stack.test.d.ts.map

package/lib-commonjs/__tests__/Stack.test.js

@@ -1,39 +1,76 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : 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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const text_1 = require("@fluentui-react-native/text");
-const renderer = __importStar(require("react-test-renderer"));
-const __1 = require("..");
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+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 });
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = require('react');
+const text_1 = require('@fluentui-react-native/text');
+const renderer = __importStar(require('react-test-renderer'));
+const __1 = require('..');
 it('Stack with tokens', () => {
-    const tree = renderer
-        .create(React.createElement(__1.Stack, { maxWidth: 400, gap: 8, padding: 16 },
-        React.createElement(text_1.Text, null, "Hello"),
-        React.createElement(text_1.Text, null, "Hello"),
-        React.createElement(text_1.Text, null, "Hello")))
-        .toJSON();
-    expect(tree).toMatchSnapshot();
+  let component;
+  (0, react_1.act)(() => {
+    component = renderer.create(
+      jsx_runtime_1.jsxs(__1.Stack, {
+        maxWidth: 400,
+        gap: 8,
+        padding: 16,
+        children: [
+          jsx_runtime_1.jsx(text_1.Text, { children: 'Hello' }),
+          jsx_runtime_1.jsx(text_1.Text, { children: 'Hello' }),
+          jsx_runtime_1.jsx(text_1.Text, { children: 'Hello' }),
+        ],
+      }),
+    );
+  });
+  expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=Stack.test.js.map
+//# sourceMappingURL=Stack.test.js.map

package/lib-commonjs/__tests__/Stack.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.test.js","sourceRoot":"","sources":["../../src/__tests__/Stack.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,sDAAmD;AACnD,8DAAgD;AAEhD,0BAA2B;AAE3B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC3B,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CACL,oBAAC,SAAK,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;QACvC,oBAAC,WAAI,gBAAa;QAClB,oBAAC,WAAI,gBAAa;QAClB,oBAAC,WAAI,gBAAa,CACZ,CACT;SACA,MAAM,EAAE,CAAC;IACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Stack.test.js","sourceRoot":"","sources":["../../src/__tests__/Stack.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4B;AAE5B,sDAAmD;AACnD,MAAY,QAAQ,gDAA4B;AAEhD,0BAA2B;AAE3B,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC;IAC5B,IAAI,SAAqC,CAAC;IAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;QACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,mBAAC,SAAK,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;gBACvC,kBAAC,WAAI,wBAAa,EAClB,kBAAC,WAAI,wBAAa,EAClB,kBAAC,WAAI,wBAAa;gBACZ,CACT,CAAC;IAAA,CACH,CAAC,CAAC;IACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC/C,CAAC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -4,4 +4,4 @@ export { StackItem } from './StackItem/StackItem';
 export { stackName } from './Stack.types';
 export type { Alignment, IStackProps, IStackRenderData, IStackSlotProps, IStackStatics, IStackTokens, IStackType } from './Stack.types';
 export { Stack } from './Stack';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,12 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Stack = exports.stackName = exports.StackItem = exports.stackItemName = void 0;
-var StackItem_types_1 = require("./StackItem/StackItem.types");
-Object.defineProperty(exports, "stackItemName", { enumerable: true, get: function () { return StackItem_types_1.stackItemName; } });
-var StackItem_1 = require("./StackItem/StackItem");
-Object.defineProperty(exports, "StackItem", { enumerable: true, get: function () { return StackItem_1.StackItem; } });
-var Stack_types_1 = require("./Stack.types");
-Object.defineProperty(exports, "stackName", { enumerable: true, get: function () { return Stack_types_1.stackName; } });
-var Stack_1 = require("./Stack");
-Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return Stack_1.Stack; } });
-//# sourceMappingURL=index.js.map
+const StackItem_types_1 = require('./StackItem/StackItem.types');
+Object.defineProperty(exports, 'stackItemName', {
+  enumerable: true,
+  get: function () {
+    return StackItem_types_1.stackItemName;
+  },
+});
+const StackItem_1 = require('./StackItem/StackItem');
+Object.defineProperty(exports, 'StackItem', {
+  enumerable: true,
+  get: function () {
+    return StackItem_1.StackItem;
+  },
+});
+const Stack_types_1 = require('./Stack.types');
+Object.defineProperty(exports, 'stackName', {
+  enumerable: true,
+  get: function () {
+    return Stack_types_1.stackName;
+  },
+});
+const Stack_1 = require('./Stack');
+Object.defineProperty(exports, 'Stack', {
+  enumerable: true,
+  get: function () {
+    return Stack_1.Stack;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAAnD,gHAAA,aAAa,OAAA;AAEtB,mDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,6CAA0C;AAAjC,wGAAA,SAAS,OAAA;AAElB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iEAA4D;AAAnD,gHAAA,aAAa,OAAA;AAEtB,qDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,+CAA0C;AAAjC,wGAAA,SAAS,OAAA;AAElB,mCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/package.json

@@ -1,83 +1,92 @@
 {
   "name": "@fluentui-react-native/stack",
-  "version": "0.10.21",
+  "version": "0.11.0",
   "description": "A cross-platform opinionated Fluent Text component",
-  "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/Stack"
+  },
+  "license": "MIT",
+  "author": "",
   "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",
-    "just": "fluentui-scripts",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
     "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/Stack"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.13.5",
-    "@fluentui-react-native/framework": "0.14.16",
-    "@fluentui-react-native/tokens": "0.23.10",
-    "@uifabricshared/foundation-composable": "0.13.11",
-    "@uifabricshared/foundation-compose": "1.15.16",
-    "@uifabricshared/foundation-settings": "0.15.11",
-    "@uifabricshared/foundation-tokens": "0.15.16"
+    "@fluentui-react-native/adapters": "0.14.0",
+    "@fluentui-react-native/framework": "0.15.0",
+    "@fluentui-react-native/tokens": "0.24.0",
+    "@uifabricshared/foundation-composable": "0.14.0",
+    "@uifabricshared/foundation-compose": "1.16.0",
+    "@uifabricshared/foundation-settings": "0.16.0",
+    "@uifabricshared/foundation-tokens": "0.16.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
     "@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/text": "0.24.20",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.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-windows": "^0.74.0",
-    "react-test-renderer": "18.2.0"
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
+    "@fluentui-react-native/text": "0.25.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/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-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-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-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",
   "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",
@@ -86,19 +95,11 @@
         "core-macos",
         "core-windows",
         "react",
-        "react-test-renderer"
+        "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/Stack.tsx

@@ -1,5 +1,4 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import * as React from 'react';
 import { View } from 'react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
@@ -7,7 +6,6 @@ import type { StyleProp, ViewStyle } from 'react-native';
 import { filterViewProps } from '@fluentui-react-native/adapters';
 import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
 import type { ISlots } from '@uifabricshared/foundation-composable';
-import { withSlots } from '@uifabricshared/foundation-composable';
 import type { IUseComposeStyling } from '@uifabricshared/foundation-compose';
 import { compose } from '@uifabricshared/foundation-compose';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
@@ -37,7 +35,7 @@ function _mixinStyle(style: StyleProp<ObjectBase> | undefined, mixin: ObjectBase
 
 const _styleKey = 'style';
 
-const render = (Slots: ISlots<IStackSlotProps>, renderData: IStackRenderData, ...children: React.ReactNode[]): JSX.Element => {
+const render = (Slots: ISlots<IStackSlotProps>, renderData: IStackRenderData, ...children: React.ReactNode[]): React.JSX.Element => {
   const { gap, horizontal, wrap } = renderData.state!;
 
   if (gap && gap > 0 && children && globalThis.__jsiExecutorDescription !== 'ChakraRuntime') {

package/src/__tests__/Stack.test.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { act } from 'react';
 
 import { Text } from '@fluentui-react-native/text';
 import * as renderer from 'react-test-renderer';
@@ -6,14 +6,15 @@ import * as renderer from 'react-test-renderer';
 import { Stack } from '..';
 
 it('Stack with tokens', () => {
-  const tree = renderer
-    .create(
+  let component: renderer.ReactTestRenderer;
+  act(() => {
+    component = renderer.create(
       <Stack maxWidth={400} gap={8} padding={16}>
         <Text>Hello</Text>
         <Text>Hello</Text>
         <Text>Hello</Text>
       </Stack>,
-    )
-    .toJSON();
-  expect(tree).toMatchSnapshot();
+    );
+  });
+  expect(component!.toJSON()).toMatchSnapshot();
 });