one 1.23.1 → 1.24.1

package/dist/esm/metro-config/buildOneMetroResolverOverrides.test.native.js

@@ -0,0 +1,65 @@
+import path from "path";
+import { describe, expect, it } from "vitest";
+import { buildOneMetroResolverOverrides } from "./buildOneMetroResolverOverrides.native.js";
+describe("buildOneMetroResolverOverrides", function () {
+  it("resolves every react-native-worklets import from the app root", function () {
+    var _config_resolver;
+    var projectRoot = path.resolve(__dirname, "../../");
+    var nestedOrigin = path.join(projectRoot, "node_modules/react-native-reanimated/src/index.ts");
+    var resolvedOrigins = [];
+    var config = buildOneMetroResolverOverrides({
+      projectRoot
+    })({
+      resolver: {
+        resolveRequest: function (context, moduleName, _platform) {
+          resolvedOrigins.push(`${moduleName}:${context.originModulePath}`);
+          return {
+            type: "sourceFile",
+            filePath: moduleName
+          };
+        }
+      }
+    });
+    var resolveRequest = (_config_resolver = config.resolver) === null || _config_resolver === void 0 ? void 0 : _config_resolver.resolveRequest;
+    if (!resolveRequest) {
+      throw new Error("expected a Metro resolver override");
+    }
+    resolveRequest({
+      originModulePath: nestedOrigin
+    }, "react-native-worklets", "ios");
+    resolveRequest({
+      originModulePath: nestedOrigin
+    }, "react-native-worklets/package.json", "ios");
+    resolveRequest({
+      originModulePath: nestedOrigin
+    }, "react-native-safe-area-context", "ios");
+    expect(resolvedOrigins).toEqual([`react-native-worklets:${path.join(projectRoot, "package.json")}`, `react-native-worklets/package.json:${path.join(projectRoot, "package.json")}`, `react-native-safe-area-context:${nestedOrigin}`]);
+  });
+  it("keeps the compiled react-native-svg native entry point", function () {
+    var _config_resolver;
+    var projectRoot = path.resolve(__dirname, "../../");
+    var config = buildOneMetroResolverOverrides({
+      projectRoot
+    })({
+      resolver: {
+        resolveRequest: function (_context, moduleName, _platform) {
+          return {
+            type: "sourceFile",
+            filePath: path.join(projectRoot, "node_modules", moduleName, "src", "index.ts")
+          };
+        }
+      }
+    });
+    var resolveRequest = (_config_resolver = config.resolver) === null || _config_resolver === void 0 ? void 0 : _config_resolver.resolveRequest;
+    if (!resolveRequest) {
+      throw new Error("expected a Metro resolver override");
+    }
+    expect(resolveRequest({
+      originModulePath: path.join(projectRoot, "app.tsx")
+    }, "react-native-svg", "ios")).toEqual({
+      type: "sourceFile",
+      filePath: path.join(projectRoot, "node_modules", "react-native-svg", "lib", "commonjs", "index.js")
+    });
+  });
+});
+//# sourceMappingURL=buildOneMetroResolverOverrides.test.native.js.map

package/dist/esm/metro-config/buildOneMetroResolverOverrides.test.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["path","describe","expect","it","buildOneMetroResolverOverrides","_config_resolver","projectRoot","resolve","__dirname","nestedOrigin","join","resolvedOrigins","config","resolver","resolveRequest","context","moduleName","_platform","push","originModulePath","type","filePath","Error","toEqual","_context"],"sources":["../../../src/metro-config/buildOneMetroResolverOverrides.test.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,IAAA,MAAU;AACjB,SAASC,QAAA,EAAUC,MAAA,EAAQC,EAAA,QAAU;AACrC,SAASC,8BAAA,QAAsC;AAE/CH,QAAA,CAAS,kCAAkC,YAAM;EAC/CE,EAAA,CAAG,iEAAiE,YAAM;IACxE,IAAAE,gBAAoB;IACpB,IAAAC,WAAM,GAAAN,IAAe,CAAAO,OAAK,CAAAC,SAAA;IAAA,IACxBC,YAAA,GAAAT,IAAA,CAAAU,IAAA,CAAAJ,WAAA;IAAA,IACAK,eAAA;IACF,IAAAC,MAAA,GAAAR,8BAAA;MACAE;IACA;MACEO,QAAA,EAAU;QACRC,cAAA,EAAgB,SAAAA,CACdC,OACA,EAAAC,UACA,EAAAC,SACG;UACHN,eAAA,CAAgBO,IAAA,CAAK,GAAGF,UAAU,IAAID,OAAA,CAAQI,gBAAgB,EAAE;UAChE,OAAO;YACTC,IAAA;YACFC,QAAA,EAAAL;UACD;QACD;MAEA;IACE;IACF,IAAAF,cAAA,IAAAT,gBAAA,GAAAO,MAAA,CAAAC,QAAA,cAAAR,gBAAA,uBAAAA,gBAAA,CAAAS,cAAA;IAEA,KAAAA,cAAiB;MACjB,UAAAQ,KAAA;IAAA;IACmCR,cACjC;MACAK,gBAAA,EAAAV;IACF;IACAK,cAAA;MACEK,gBAAE,EAAAV;IAA+B,GACjC;IAAAK,cACA;MACFK,gBAAA,EAAAV;IAEA,mCAAgC;IAAAP,MAC9B,CAAAS,eAAA,EAAAY,OAAyB,CAAK,CAC9B,yBAAAvB,IAAA,CAAAU,IAAA,CAAAJ,WAA2C,EAAK,cAAa,KAC7D,sCAAkCN,IAAA,CAAAU,IAAY,CAAAJ,WAAA,qBAC/C,kCAAAG,YAAA,GACF;EAED;EACEN,EAAA,yDAAoD;IACpD,IAAAE,gBAAe;IAAgD,IAC7DC,WAAU,GAAAN,IAAA,CAAAO,OAAA,CAAAC,SAAA;IAAA,IACRI,MAAA,GAAAR,8BAGE;MACIE;IACE;MACwEO,QAChF;QACFC,cAAA,WAAAA,CAAAU,QAAA,EAAAR,UAAA,EAAAC,SAAA;UACD;YACKG,IAAA,cAAiB;YAElBC,QAAA,EAAArB,IAAgB,CAAAU,IAAA,CAAAJ,WAAA,kBAAAU,UAAA;UACnB;QACF;MAEA;IAAA,EACE;IAAA,IACEF,cAAE,IAAAT,gBAA4B,GAAAO,MAAa,CAAAC,QAAS,MAAE,QAAAR,gBAAA,uBAAAA,gBAAA,CAAAS,cAAA;IAAA,IACtD,CAAAA,cAAA;MAAA,MACA,IAAAQ,KAAA;IAAA;IAEJpB,MAAE,CAAAY,cAAQ;MACRK,gBAAM,EAAAnB,IAAA,CAAAU,IAAA,CAAAJ,WAAA;IAAA,GACN,kBAAe,UAAAiB,OAAA;MAAAH,IACb;MAAAC,QACA,EAAArB,IAAA,CAAAU,IAAA,CAAAJ,WAAA;IAAA;EACA;AACA","ignoreList":[]}

package/dist/esm/polyfills-mobile.mjs

@@ -1,5 +1,9 @@
+import "web-streams-polyfill/polyfill/es5";
 import { TextDecoder as TextDecoderPolyfill } from "@bacons/text-decoder";
 import structuredClone from "@ungap/structured-clone";
+import "@azure/core-asynciterator-polyfill";
+import "core-js/actual/url";
+import "core-js/actual/url-search-params";
 import { promiseWithResolvers } from "./utils/promiseWithResolvers.mjs";
 globalThis["global"] = globalThis;
 globalThis["TextDecoder"] ||= TextDecoderPolyfill;

package/dist/esm/polyfills-mobile.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["TextDecoder","TextDecoderPolyfill","structuredClone","promiseWithResolvers","globalThis","setTimeout","Promise","withResolvers"],"sources":["../../src/polyfills-mobile.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,WAAA,IAAeC,mBAAA,QAA2B;AAMnD,OAAOC,eAAA,MAAqB;AA0B5B,SAASC,oBAAA,QAA4B;AArCrCC,UAAA,CAAW,QAAQ,IAAIA,UAAA;AAOvBA,UAAA,CAAW,aAAa,MAAMH,mBAAA;AAM9BG,UAAA,CAAW,iBAAiB,MAAMF,eAAA;AAIlCE,UAAA,CAAW,uBAAuB,MAAMC,UAAA;AAsBxCC,OAAA,CAAQC,aAAA,KAAkBD,OAAA,CAAQC,aAAA,GAAgBJ,oBAAA","ignoreList":[]}
+{"version":3,"names":["TextDecoder","TextDecoderPolyfill","structuredClone","promiseWithResolvers","globalThis","setTimeout","Promise","withResolvers"],"sources":["../../src/polyfills-mobile.ts"],"sourcesContent":[null],"mappings":"AAQA,OAAO;AAKP,SAASA,WAAA,IAAeC,mBAAA,QAA2B;AAMnD,OAAOC,eAAA,MAAqB;AAU5B,OAAO;AAIP,OAAO;AACP,OAAO;AAWP,SAASC,oBAAA,QAA4B;AA1CrCC,UAAA,CAAW,QAAQ,IAAIA,UAAA;AAYvBA,UAAA,CAAW,aAAa,MAAMH,mBAAA;AAM9BG,UAAA,CAAW,iBAAiB,MAAMF,eAAA;AAIlCE,UAAA,CAAW,uBAAuB,MAAMC,UAAA;AAsBxCC,OAAA,CAAQC,aAAA,KAAkBD,OAAA,CAAQC,aAAA,GAAgBJ,oBAAA","ignoreList":[]}

package/dist/esm/polyfills-mobile.native.js

@@ -1,5 +1,9 @@
+import "web-streams-polyfill/polyfill/es5";
 import { TextDecoder as TextDecoderPolyfill } from "@bacons/text-decoder";
 import structuredClone from "@ungap/structured-clone";
+import "@azure/core-asynciterator-polyfill";
+import "core-js/actual/url";
+import "core-js/actual/url-search-params";
 import { promiseWithResolvers } from "./utils/promiseWithResolvers.native.js";
 var _globalThis;
 var _TextDecoder;

package/dist/esm/polyfills-mobile.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextDecoder","TextDecoderPolyfill","structuredClone","promiseWithResolvers","_globalThis","_TextDecoder","_globalThis1","_structuredClone","_globalThis2"],"sources":["../../src/polyfills-mobile.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,WAAA,IAAeC,mBAAA,QAA2B;AAMnD,OAAOC,eAAA,MAAqB;AA0B5B,SAASC,oBAAA,QAA4B;AArCrC,IAAAC,WAAW;AAOX,IAAAC,YAAW;AAMX,IAAAC,YAAW;AAIX,IAAAC,gBAAW;AAsBX,IAAAC,YAAQ","ignoreList":[]}
+{"version":3,"names":["TextDecoder","TextDecoderPolyfill","structuredClone","promiseWithResolvers","_globalThis","_TextDecoder","_globalThis1","_structuredClone","_globalThis2"],"sources":["../../src/polyfills-mobile.ts"],"sourcesContent":[null],"mappings":"AAQA,OAAO;AAKP,SAASA,WAAA,IAAeC,mBAAA,QAA2B;AAMnD,OAAOC,eAAA,MAAqB;AAU5B,OAAO;AAIP,OAAO;AACP,OAAO;AAWP,SAASC,oBAAA,QAA4B;AA1CrC,IAAAC,WAAW;AAYX,IAAAC,YAAW;AAMX,IAAAC,YAAW;AAIX,IAAAC,gBAAW;AAsBX,IAAAC,YAAQ","ignoreList":[]}

package/dist/esm/router/useInitializeOneRouter.mjs

@@ -1,4 +1,4 @@
-import { useNavigationContainerRef } from "@react-navigation/native";
+import { useNavigationContainerRef } from "@react-navigation/core";
 import { resetLoaderState } from "../useLoader.mjs";
 import * as routerStore from "./router.mjs";
 import { initialize } from "./router.mjs";

package/dist/esm/router/useInitializeOneRouter.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useNavigationContainerRef","resetLoaderState","routerStore","initialize","getSSRInitialState","ensureBaseLinkingConfig","initVersion","lastInitVersion","ssrRouteTreeContext","useInitializeOneRouter","context","initialLocation","linking","navigationRef","window","routeNode","initialState","rootComponent","contexts","globalThis","Map","prepareForSSRRender","resetState"],"sources":["../../../src/router/useInitializeOneRouter.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAC1C,SAASC,gBAAA,QAAwB;AAGjC,YAAYC,WAAA,MAAiB;AAC7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,kBAAA,EAAoBC,uBAAA,QAA+B;AAI5D,IAAIC,WAAA,GAAc;AAClB,IAAIC,eAAA,GAAkB;AAMtB,IAAIC,mBAAA,GAA+C;AAE5C,SAASC,uBACdC,OAAA,EACAC,eAAA,EACAC,OAAA,EACA;EACA,MAAMC,aAAA,GAAgBb,yBAAA,CAA0B;EAGhD,IAAI,OAAOc,MAAA,KAAW,aAAa;IACjC,IAAIN,mBAAA,KAAwBE,OAAA,EAAS;MAEnCP,UAAA,CAAWO,OAAA,EAASG,aAAA,EAAeF,eAAA,EAAiBC,OAAO;MAC3DJ,mBAAA,GAAsBE,OAAA;MAEtBL,uBAAA,CAAwBH,WAAA,CAAYa,SAAA,EAAWH,OAAO;IACxD;IAGA,MAAMI,YAAA,GAAeL,eAAA,GACjBP,kBAAA,CAAmBF,WAAA,CAAYa,SAAA,EAAWJ,eAAA,EAAiBC,OAAO,IAClEV,WAAA,CAAYc,YAAA;IAGhB,OAAO;MACLC,aAAA,EAAef,WAAA,CAAYe,aAAA;MAC3BJ,aAAA;MACAG;IACF;EACF;EAGA,IAAIT,eAAA,KAAoBD,WAAA,IAAeJ,WAAA,CAAYW,aAAA,KAAkBA,aAAA,EAAe;IAElF,MAAMK,QAAA,GAAW;IACjBC,UAAA,CAAWD,QAAQ,IAAI,mBAAIE,GAAA,CAAgC;IAE3DjB,UAAA,CAAWO,OAAA,EAASG,aAAA,EAAeF,eAAA,EAAiBC,OAAO;IAC3DL,eAAA,GAAkBD,WAAA;EACpB;EAEA,OAAOJ,WAAA;AACT;AAGO,SAASmB,oBAAA,EAAsB;EACpCf,WAAA;AACF;AAKO,SAASgB,WAAA,EAAa;EAC3BD,mBAAA,CAAoB;EACpBpB,gBAAA,CAAiB;AACnB;AAEAkB,UAAA,CAAW,kBAAkB,IAAIG,UAAA","ignoreList":[]}
+{"version":3,"names":["useNavigationContainerRef","resetLoaderState","routerStore","initialize","getSSRInitialState","ensureBaseLinkingConfig","initVersion","lastInitVersion","ssrRouteTreeContext","useInitializeOneRouter","context","initialLocation","linking","navigationRef","window","routeNode","initialState","rootComponent","contexts","globalThis","Map","prepareForSSRRender","resetState"],"sources":["../../../src/router/useInitializeOneRouter.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAC1C,SAASC,gBAAA,QAAwB;AAGjC,YAAYC,WAAA,MAAiB;AAC7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,kBAAA,EAAoBC,uBAAA,QAA+B;AAI5D,IAAIC,WAAA,GAAc;AAClB,IAAIC,eAAA,GAAkB;AAMtB,IAAIC,mBAAA,GAA+C;AAE5C,SAASC,uBACdC,OAAA,EACAC,eAAA,EACAC,OAAA,EACA;EACA,MAAMC,aAAA,GAAgBb,yBAAA,CAAyD;EAG/E,IAAI,OAAOc,MAAA,KAAW,aAAa;IACjC,IAAIN,mBAAA,KAAwBE,OAAA,EAAS;MAEnCP,UAAA,CAAWO,OAAA,EAASG,aAAA,EAAeF,eAAA,EAAiBC,OAAO;MAC3DJ,mBAAA,GAAsBE,OAAA;MAEtBL,uBAAA,CAAwBH,WAAA,CAAYa,SAAA,EAAWH,OAAO;IACxD;IAGA,MAAMI,YAAA,GAAeL,eAAA,GACjBP,kBAAA,CAAmBF,WAAA,CAAYa,SAAA,EAAWJ,eAAA,EAAiBC,OAAO,IAClEV,WAAA,CAAYc,YAAA;IAGhB,OAAO;MACLC,aAAA,EAAef,WAAA,CAAYe,aAAA;MAC3BJ,aAAA;MACAG;IACF;EACF;EAGA,IAAIT,eAAA,KAAoBD,WAAA,IAAeJ,WAAA,CAAYW,aAAA,KAAkBA,aAAA,EAAe;IAElF,MAAMK,QAAA,GAAW;IACjBC,UAAA,CAAWD,QAAQ,IAAI,mBAAIE,GAAA,CAAgC;IAE3DjB,UAAA,CAAWO,OAAA,EAASG,aAAA,EAAeF,eAAA,EAAiBC,OAAO;IAC3DL,eAAA,GAAkBD,WAAA;EACpB;EAEA,OAAOJ,WAAA;AACT;AAGO,SAASmB,oBAAA,EAAsB;EACpCf,WAAA;AACF;AAKO,SAASgB,WAAA,EAAa;EAC3BD,mBAAA,CAAoB;EACpBpB,gBAAA,CAAiB;AACnB;AAEAkB,UAAA,CAAW,kBAAkB,IAAIG,UAAA","ignoreList":[]}

package/dist/esm/router/useInitializeOneRouter.native.js

@@ -1,4 +1,4 @@
-import { useNavigationContainerRef } from "@react-navigation/native";
+import { useNavigationContainerRef } from "@react-navigation/core";
 import { resetLoaderState } from "../useLoader.native.js";
 import * as routerStore from "./router.native.js";
 import { initialize } from "./router.native.js";

package/dist/esm/router/useInitializeOneRouter.preview-lifecycle.test.mjs

@@ -15,7 +15,7 @@ vi.hoisted(() => {
     value: {}
   });
 });
-vi.mock("@react-navigation/native", () => ({
+vi.mock("@react-navigation/core", () => ({
   useNavigationContainerRef: () => probe.navigationRef
 }));
 vi.mock("../useLoader", () => ({

package/dist/esm/router/useInitializeOneRouter.preview-lifecycle.test.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["beforeEach","expect","test","vi","useInitializeOneRouter","probe","hoisted","navigationRef","current","routerNavigationRef","initialize","fn","_context","Object","defineProperty","globalThis","configurable","value","mock","useNavigationContainerRef","resetLoaderState","routeNode","rootComponent","initialState","ensureBaseLinkingConfig","getSSRInitialState","mockClear","context","assign","routeContext","_id","Error","keys","resolve","id","firstRef","URL","nextRef","nextLocation","toHaveBeenLastCalledWith"],"sources":["../../../src/router/useInitializeOneRouter.preview-lifecycle.test.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,MAAA,EAAQC,IAAA,EAAMC,EAAA,QAAU;AAwC7C,SAASC,sBAAA,QAA8B;AArCvC,MAAMC,KAAA,GAAQF,EAAA,CAAGG,OAAA,CAId,OAAO;EACRC,aAAA,EAAe;IAAEC,OAAA,EAAS;EAAK;EAC/BC,mBAAA,EAAqB;EACrBC,UAAA,EAAYP,EAAA,CAAGQ,EAAA,CAAG,CAACC,QAAA,EAAmBL,aAAA,KAAqC;IACzEF,KAAA,CAAMI,mBAAA,GAAsBF,aAAA;EAC9B,CAAC;AACH,EAAE;AAEFJ,EAAA,CAAGG,OAAA,CAAQ,MAAM;EACfO,MAAA,CAAOC,cAAA,CAAeC,UAAA,EAAY,UAAU;IAAEC,YAAA,EAAc;IAAMC,KAAA,EAAO,CAAC;EAAE,CAAC;AAC/E,CAAC;AAEDd,EAAA,CAAGe,IAAA,CAAK,4BAA4B,OAAO;EACzCC,yBAAA,EAA2BA,CAAA,KAAMd,KAAA,CAAME;AACzC,EAAE;AAEFJ,EAAA,CAAGe,IAAA,CAAK,gBAAgB,OAAO;EAAEE,gBAAA,EAAkBjB,EAAA,CAAGQ,EAAA,CAAG;AAAE,EAAE;AAE7DR,EAAA,CAAGe,IAAA,CAAK,YAAY,OAAO;EACzBR,UAAA,EAAYL,KAAA,CAAMK,UAAA;EAClB,IAAIH,cAAA,EAAgB;IAClB,OAAOF,KAAA,CAAMI,mBAAA;EACf;EACAY,SAAA,EAAW;EACXC,aAAA,EAAe;EACfC,YAAA,EAAc;AAChB,EAAE;AAEFpB,EAAA,CAAGe,IAAA,CAAK,mBAAmB,OAAO;EAChCM,uBAAA,EAAyBrB,EAAA,CAAGQ,EAAA,CAAG;EAC/Bc,kBAAA,EAAoBtB,EAAA,CAAGQ,EAAA,CAAG;AAC5B,EAAE;AAIFX,UAAA,CAAW,MAAM;EACfK,KAAA,CAAMK,UAAA,CAAWgB,SAAA,CAAU;AAC7B,CAAC;AAEDxB,IAAA,CAAK,iEAAiE,MAAM;EAC1E,MAAMyB,OAAA,GAA4Bd,MAAA,CAAOe,MAAA,CACvC,SAASC,aAAgBC,GAAA,EAAgB;IACvC,MAAM,IAAIC,KAAA,CAAM,8CAA8C;EAChE,GACA;IACEC,IAAA,EAAMA,CAAA,KAAM,EAAC;IACbC,OAAA,EAAUC,EAAA,IAAeA,EAAA;IACzBA,EAAA,EAAI;EACN,CACF;EACA,MAAMC,QAAA,GAAW;IAAE3B,OAAA,EAAS;EAAK;EACjCH,KAAA,CAAME,aAAA,GAAgB4B,QAAA;EACtB/B,sBAAA,CAAuBuB,OAAA,EAAS,IAAIS,GAAA,CAAI,uBAAuB,CAAC;EAEhE,MAAMC,OAAA,GAAU;IAAE7B,OAAA,EAAS;EAAK;EAChC,MAAM8B,YAAA,GAAe,IAAIF,GAAA,CAAI,gCAAgC;EAC7D/B,KAAA,CAAME,aAAA,GAAgB8B,OAAA;EACtBjC,sBAAA,CAAuBuB,OAAA,EAASW,YAAY;EAE5CrC,MAAA,CAAOI,KAAA,CAAMK,UAAU,EAAE6B,wBAAA,CACvBZ,OAAA,EACAU,OAAA,EACAC,YAAA,EACA,MACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["beforeEach","expect","test","vi","useInitializeOneRouter","probe","hoisted","navigationRef","current","routerNavigationRef","initialize","fn","_context","Object","defineProperty","globalThis","configurable","value","mock","useNavigationContainerRef","resetLoaderState","routeNode","rootComponent","initialState","ensureBaseLinkingConfig","getSSRInitialState","mockClear","context","assign","routeContext","_id","Error","keys","resolve","id","firstRef","URL","nextRef","nextLocation","toHaveBeenLastCalledWith"],"sources":["../../../src/router/useInitializeOneRouter.preview-lifecycle.test.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,MAAA,EAAQC,IAAA,EAAMC,EAAA,QAAU;AAwC7C,SAASC,sBAAA,QAA8B;AArCvC,MAAMC,KAAA,GAAQF,EAAA,CAAGG,OAAA,CAId,OAAO;EACRC,aAAA,EAAe;IAAEC,OAAA,EAAS;EAAK;EAC/BC,mBAAA,EAAqB;EACrBC,UAAA,EAAYP,EAAA,CAAGQ,EAAA,CAAG,CAACC,QAAA,EAAmBL,aAAA,KAAqC;IACzEF,KAAA,CAAMI,mBAAA,GAAsBF,aAAA;EAC9B,CAAC;AACH,EAAE;AAEFJ,EAAA,CAAGG,OAAA,CAAQ,MAAM;EACfO,MAAA,CAAOC,cAAA,CAAeC,UAAA,EAAY,UAAU;IAAEC,YAAA,EAAc;IAAMC,KAAA,EAAO,CAAC;EAAE,CAAC;AAC/E,CAAC;AAEDd,EAAA,CAAGe,IAAA,CAAK,0BAA0B,OAAO;EACvCC,yBAAA,EAA2BA,CAAA,KAAMd,KAAA,CAAME;AACzC,EAAE;AAEFJ,EAAA,CAAGe,IAAA,CAAK,gBAAgB,OAAO;EAAEE,gBAAA,EAAkBjB,EAAA,CAAGQ,EAAA,CAAG;AAAE,EAAE;AAE7DR,EAAA,CAAGe,IAAA,CAAK,YAAY,OAAO;EACzBR,UAAA,EAAYL,KAAA,CAAMK,UAAA;EAClB,IAAIH,cAAA,EAAgB;IAClB,OAAOF,KAAA,CAAMI,mBAAA;EACf;EACAY,SAAA,EAAW;EACXC,aAAA,EAAe;EACfC,YAAA,EAAc;AAChB,EAAE;AAEFpB,EAAA,CAAGe,IAAA,CAAK,mBAAmB,OAAO;EAChCM,uBAAA,EAAyBrB,EAAA,CAAGQ,EAAA,CAAG;EAC/Bc,kBAAA,EAAoBtB,EAAA,CAAGQ,EAAA,CAAG;AAC5B,EAAE;AAIFX,UAAA,CAAW,MAAM;EACfK,KAAA,CAAMK,UAAA,CAAWgB,SAAA,CAAU;AAC7B,CAAC;AAEDxB,IAAA,CAAK,iEAAiE,MAAM;EAC1E,MAAMyB,OAAA,GAA4Bd,MAAA,CAAOe,MAAA,CACvC,SAASC,aAAgBC,GAAA,EAAgB;IACvC,MAAM,IAAIC,KAAA,CAAM,8CAA8C;EAChE,GACA;IACEC,IAAA,EAAMA,CAAA,KAAM,EAAC;IACbC,OAAA,EAAUC,EAAA,IAAeA,EAAA;IACzBA,EAAA,EAAI;EACN,CACF;EACA,MAAMC,QAAA,GAAW;IAAE3B,OAAA,EAAS;EAAK;EACjCH,KAAA,CAAME,aAAA,GAAgB4B,QAAA;EACtB/B,sBAAA,CAAuBuB,OAAA,EAAS,IAAIS,GAAA,CAAI,uBAAuB,CAAC;EAEhE,MAAMC,OAAA,GAAU;IAAE7B,OAAA,EAAS;EAAK;EAChC,MAAM8B,YAAA,GAAe,IAAIF,GAAA,CAAI,gCAAgC;EAC7D/B,KAAA,CAAME,aAAA,GAAgB8B,OAAA;EACtBjC,sBAAA,CAAuBuB,OAAA,EAASW,YAAY;EAE5CrC,MAAA,CAAOI,KAAA,CAAMK,UAAU,EAAE6B,wBAAA,CACvBZ,OAAA,EACAU,OAAA,EACAC,YAAA,EACA,MACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/router/useInitializeOneRouter.preview-lifecycle.test.native.js

@@ -17,7 +17,7 @@ vi.hoisted(function () {
     value: {}
   });
 });
-vi.mock("@react-navigation/native", function () {
+vi.mock("@react-navigation/core", function () {
   return {
     useNavigationContainerRef: function () {
       return probe.navigationRef;

package/dist/esm/router/useInitializeOneRouter.preview-lifecycle.test.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["beforeEach","expect","test","vi","useInitializeOneRouter","probe","hoisted","navigationRef","current","routerNavigationRef","initialize","fn","_context","Object","defineProperty","globalThis","configurable","value","mock","useNavigationContainerRef","resetLoaderState","routeNode","rootComponent","initialState","ensureBaseLinkingConfig","getSSRInitialState","mockClear","context","assign","routeContext","_id","Error","keys"],"sources":["../../../src/router/useInitializeOneRouter.preview-lifecycle.test.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,MAAA,EAAQC,IAAA,EAAMC,EAAA,QAAU;AAwC7C,SAASC,sBAAA,QAA8B;AArCvC,IAAAC,KAAM,GAAAF,EAAQ,CAAAG,OAAG,aAIP;EACR;IACAC,aAAA;MACAC,OAAA,EAAY;IACV;IACDC,mBAAA;IACDC,UAAA,EAAAP,EAAA,CAAAQ,EAAA,WAAAC,QAAA,EAAAL,aAAA;MAECF,KAAQ,CAAAI,mBAAM,GAAAF,aAAA;IACf;EACD;AAED;AAA2CJ,EACzC,CAAAG,OAAA;EACAO,MAAA,CAAAC,cAAA,CAAAC,UAAA;IAECC,YAAK;IAELC,KAAK;EACN;AAAkB,EAClB;AACEd,EAAA,CAAAe,IAAA,2BAAa;EACf;IACAC,yBAAW,WAAAA,CAAA;MACX,OAAAd,KAAe,CAAAE,aAAA;IACf;EACA;AAEF;AAAkCJ,EAChC,CAAAe,IAAA,6BAA+B;EAC/B;IACAE,gBAAA,EAAAjB,EAAA,CAAAQ,EAAA;EAIF;AACE;AACFR,EAAC,CAAAe,IAAA;EAED,OAAK;IACHR,UAAM,EAAAL,KAA4B,CAAAK,UAAO;IACvC,IAAAH,aAASA,CAAA;MACP,OAAMF,KAAI,CAAAI,mBAAM;IAClB;IACAY,SAAA;IAAAC,aACQ,EAAO;IAAAC,YACH,OAAe;EAAA;AACrB;AACNpB,EACF,CAAAe,IAAA;EACA,OAAM;IACNM,uBAAsB,EAAArB,EAAA,CAAAQ,EAAA;IACtBc,kBAAA,EAAAtB,EAAuB,CAAAQ,EAAA;EAEvB;AACA;AACAX,UAAM;EACNK,KAAA,CAAAK,UAAA,CAAAgB,SAAuB;AAEvB;AAAyBxB,IACvB;EAAA,IACAyB,OAAA,GAAAd,MAAA,CAAAe,MAAA,UAAAC,aAAAC,GAAA;IACA,UAAAC,KAAA;EAAA,GACA;IACFC,IAAA,WAAAA,CAAA;MACD","ignoreList":[]}
+{"version":3,"names":["beforeEach","expect","test","vi","useInitializeOneRouter","probe","hoisted","navigationRef","current","routerNavigationRef","initialize","fn","_context","Object","defineProperty","globalThis","configurable","value","mock","useNavigationContainerRef","resetLoaderState","routeNode","rootComponent","initialState","ensureBaseLinkingConfig","getSSRInitialState","mockClear","context","assign","routeContext","_id","Error","keys"],"sources":["../../../src/router/useInitializeOneRouter.preview-lifecycle.test.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,MAAA,EAAQC,IAAA,EAAMC,EAAA,QAAU;AAwC7C,SAASC,sBAAA,QAA8B;AArCvC,IAAAC,KAAM,GAAAF,EAAQ,CAAAG,OAAG,aAIP;EACR;IACAC,aAAA;MACAC,OAAA,EAAY;IACV;IACDC,mBAAA;IACDC,UAAA,EAAAP,EAAA,CAAAQ,EAAA,WAAAC,QAAA,EAAAL,aAAA;MAECF,KAAQ,CAAAI,mBAAM,GAAAF,aAAA;IACf;EACD;AAED;AAAyCJ,EACvC,CAAAG,OAAA;EACAO,MAAA,CAAAC,cAAA,CAAAC,UAAA;IAECC,YAAK;IAELC,KAAK;EACN;AAAkB,EAClB;AACEd,EAAA,CAAAe,IAAA,yBAAa;EACf;IACAC,yBAAW,WAAAA,CAAA;MACX,OAAAd,KAAe,CAAAE,aAAA;IACf;EACA;AAEF;AAAkCJ,EAChC,CAAAe,IAAA,6BAA+B;EAC/B;IACAE,gBAAA,EAAAjB,EAAA,CAAAQ,EAAA;EAIF;AACE;AACFR,EAAC,CAAAe,IAAA;EAED,OAAK;IACHR,UAAM,EAAAL,KAA4B,CAAAK,UAAO;IACvC,IAAAH,aAASA,CAAA;MACP,OAAMF,KAAI,CAAAI,mBAAM;IAClB;IACAY,SAAA;IAAAC,aACQ,EAAO;IAAAC,YACH,OAAe;EAAA;AACrB;AACNpB,EACF,CAAAe,IAAA;EACA,OAAM;IACNM,uBAAsB,EAAArB,EAAA,CAAAQ,EAAA;IACtBc,kBAAA,EAAAtB,EAAuB,CAAAQ,EAAA;EAEvB;AACA;AACAX,UAAM;EACNK,KAAA,CAAAK,UAAA,CAAAgB,SAAuB;AAEvB;AAAyBxB,IACvB;EAAA,IACAyB,OAAA,GAAAd,MAAA,CAAAe,MAAA,UAAAC,aAAAC,GAAA;IACA,UAAAC,KAAA;EAAA,GACA;IACFC,IAAA,WAAAA,CAAA;MACD","ignoreList":[]}

package/dist/esm/stack-toolbar-implementation.mjs

@@ -0,0 +1,3 @@
+import { STACK_TOOLBAR_CHILD, getStackToolbarImplementation, registerStackToolbarImplementation } from "./layouts/stack-utils/StackToolbarImplementation.mjs";
+export { STACK_TOOLBAR_CHILD, getStackToolbarImplementation, registerStackToolbarImplementation };
+//# sourceMappingURL=stack-toolbar-implementation.mjs.map

package/dist/esm/stack-toolbar-implementation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["STACK_TOOLBAR_CHILD","getStackToolbarImplementation","registerStackToolbarImplementation"],"sources":["../../src/stack-toolbar-implementation.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,mBAAA,EACAC,6BAAA,EACAC,kCAAA,QAGK","ignoreList":[]}

package/dist/esm/stack-toolbar-implementation.native.js

@@ -0,0 +1,3 @@
+import { STACK_TOOLBAR_CHILD, getStackToolbarImplementation, registerStackToolbarImplementation } from "./layouts/stack-utils/StackToolbarImplementation.native.js";
+export { STACK_TOOLBAR_CHILD, getStackToolbarImplementation, registerStackToolbarImplementation };
+//# sourceMappingURL=stack-toolbar-implementation.native.js.map

package/dist/esm/stack-toolbar-implementation.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["STACK_TOOLBAR_CHILD","getStackToolbarImplementation","registerStackToolbarImplementation"],"sources":["../../src/stack-toolbar-implementation.ts"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,mBAAA,EAAAC,6BAAA,EAAAC,kCAAA;AAAA,SAEEF,mBAAA,EACAC,6BAAA,EAAAC,kCAGK","ignoreList":[]}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "one",
-  "version": "1.23.1",
+  "version": "1.24.1",
   "license": "BSD-3-Clause",
   "sideEffects": [
     "setup.mjs",
-    "setup.js"
+    "setup.js",
+    "**/polyfills-mobile.*",
+    "web-streams-polyfill/polyfill/es5",
+    "@azure/core-asynciterator-polyfill",
+    "core-js/actual/url",
+    "core-js/actual/url-search-params"
   ],
   "type": "module",
   "exports": {
@@ -125,6 +130,12 @@
       "import": "./dist/esm/headless.mjs",
       "require": "./dist/cjs/headless.cjs"
     },
+    "./stack-toolbar-implementation": {
+      "react-native": "./dist/esm/stack-toolbar-implementation.native.js",
+      "types": "./types/stack-toolbar-implementation.d.ts",
+      "import": "./dist/esm/stack-toolbar-implementation.mjs",
+      "require": "./dist/cjs/stack-toolbar-implementation.cjs"
+    },
     "./headless-server": {
       "types": "./types/headless-server.d.ts",
       "import": "./dist/esm/headless-server.mjs",
@@ -176,34 +187,34 @@
     "@bacons/text-decoder": "^0.0.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@react-native-masked-view/masked-view": "^0.3.2",
-    "@react-navigation/bottom-tabs": "~7.15.9",
-    "@react-navigation/native-stack": "~7.14.10",
-    "@react-navigation/routers": "~7.5.3",
+    "@react-navigation/bottom-tabs": "~7.18.16",
+    "@react-navigation/native-stack": "~7.18.8",
+    "@react-navigation/routers": "~7.6.4",
     "@cloudflare/vite-plugin": "^1.33.1",
     "@swc/core": "^1.14.0",
     "@ungap/structured-clone": "^1.2.0",
-    "@vxrn/color-scheme": "1.23.1",
-    "@vxrn/compiler": "1.23.1",
-    "@vxrn/resolve": "1.23.1",
-    "@vxrn/tslib-lite": "1.23.1",
-    "@vxrn/use-isomorphic-layout-effect": "1.23.1",
-    "@vxrn/vite-plugin-metro": "1.23.1",
+    "@vxrn/color-scheme": "1.24.1",
+    "@vxrn/compiler": "1.24.1",
+    "@vxrn/resolve": "1.24.1",
+    "@vxrn/tslib-lite": "1.24.1",
+    "@vxrn/use-isomorphic-layout-effect": "1.24.1",
+    "@vxrn/vite-plugin-metro": "1.24.1",
     "babel-dead-code-elimination": "1.0.10",
     "babel-plugin-module-resolver": "^5.0.2",
     "babel-preset-expo": "~57.0.5",
     "citty": "^0.1.6",
     "core-js": "^3.38.1",
-    "create-vxrn": "1.23.1",
+    "create-vxrn": "1.24.1",
     "escape-string-regexp": "^5.0.0",
-    "expo-linking": "~57.0.4",
-    "expo-modules-core": "~57.0.8",
+    "expo-linking": "~57.0.5",
+    "expo-modules-core": "~57.0.10",
     "fast-deep-equal": "^3.1.3",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.2.0",
     "hono": "^4.12.8",
     "lightningcss": "^1.30.1",
     "micromatch": "^4.0.8",
-    "nanoid": "^3.3.7",
+    "nanoid": "^3.3.18",
     "oxc-parser": "^0.112.0",
     "perfect-debounce": "^1.0.0",
     "picocolors": "^1.0.0",
@@ -213,14 +224,15 @@
     "tsconfig-paths": "^4",
     "use-latest-callback": "^0.2.3",
     "vite": "^8.1.0",
-    "vxrn": "1.23.1",
+    "vxrn": "1.24.1",
+    "web-streams-polyfill": "^4.3.0",
     "ws": "^8.21.0",
     "xxhashjs": "^0.2.2"
   },
   "peerDependencies": {
     "@bottom-tabs/react-navigation": ">=0.9.0",
-    "@react-navigation/drawer": "~7.9.8",
-    "@react-navigation/native": "~7.2.2",
+    "@react-navigation/drawer": "~7.13.8",
+    "@react-navigation/native": "~7.3.16",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-native": "0.86.2",
@@ -259,9 +271,9 @@
     }
   },
   "devDependencies": {
-    "@react-navigation/core": "^7.17.2",
-    "@react-navigation/drawer": "~7.9.8",
-    "@react-navigation/native": "~7.2.2",
+    "@react-navigation/core": "~7.21.12",
+    "@react-navigation/drawer": "~7.13.8",
+    "@react-navigation/native": "~7.3.16",
     "@tamagui/build": "2.6.2",
     "react-native-gesture-handler": "~2.32.0",
     "react-native-reanimated": "~4.5.1",

package/src/__tests__/polyfills-mobile.test.ts

@@ -0,0 +1,37 @@
+import { describe, expect, it } from 'vitest'
+
+describe('mobile polyfills', () => {
+  it('installs working web streams globals when the runtime has none', async () => {
+    const originals = ['ReadableStream', 'WritableStream', 'TransformStream'].map(
+      (name) => [name, Object.getOwnPropertyDescriptor(globalThis, name)] as const
+    )
+    for (const [name] of originals) {
+      Reflect.deleteProperty(globalThis, name)
+    }
+
+    try {
+      await import('../polyfills-mobile')
+
+      const stream = new globalThis.ReadableStream<Uint8Array>({
+        start(controller) {
+          controller.enqueue(new TextEncoder().encode('hello'))
+          controller.close()
+        },
+      })
+      const reader = stream.getReader()
+      const { value, done } = await reader.read()
+
+      expect(done).toBe(false)
+      expect(new TextDecoder().decode(value)).toBe('hello')
+      expect(typeof globalThis.WritableStream).toBe('function')
+      expect(typeof globalThis.TransformStream).toBe('function')
+    } finally {
+      for (const [name, descriptor] of originals) {
+        Reflect.deleteProperty(globalThis, name)
+        if (descriptor) {
+          Object.defineProperty(globalThis, name, descriptor)
+        }
+      }
+    }
+  })
+})

package/src/headless/__tests__/useStack.test.tsx

@@ -0,0 +1,54 @@
+import React from 'react'
+import TestRenderer, { act } from 'react-test-renderer'
+import { describe, expect, it } from 'vitest'
+
+import { appendStackToolbarConfig } from '../../layouts/stack-utils/StackToolbar.shared'
+import { StackStateProvider, useStack, type HeadlessStackDescriptors } from '../useStack'
+
+describe('StackStateProvider', () => {
+  it('hands toolbar config to headless implementations', () => {
+    let options: Record<string, any> | undefined
+
+    function Capture() {
+      options = useStack().focused.options
+      return null
+    }
+
+    const state = {
+      stale: false as const,
+      type: 'stack' as const,
+      key: 'stack-key',
+      index: 0,
+      routeNames: ['index'],
+      routes: [{ key: 'index-key', name: 'index' }],
+      preloadedRoutes: [],
+    }
+    const descriptors: HeadlessStackDescriptors = {
+      'index-key': {
+        options: appendStackToolbarConfig(
+          { title: 'Inbox' },
+          { placement: 'right', children: 'Share' }
+        ),
+        render: () => <div>Inbox</div>,
+      },
+    }
+
+    act(() => {
+      TestRenderer.create(
+        <StackStateProvider state={state} descriptors={descriptors}>
+          <Capture />
+        </StackStateProvider>
+      )
+    })
+
+    expect(options).toMatchObject({
+      title: 'Inbox',
+      toolbar: {
+        right: {
+          placement: 'right',
+          children: 'Share',
+        },
+      },
+    })
+  })
+})

package/src/headless/types.ts

@@ -1,4 +1,5 @@
 import type { ComponentType, ReactElement, ReactNode } from 'react'
+import type { StackToolbarConfig } from '../layouts/stack-utils/StackToolbar.types'
 
 // shared contract for headless web navigators. see plans/headless-navigators.md
 
@@ -10,7 +11,7 @@ export type ScreenEntry = {
   isFocused: boolean
   keepMounted: boolean
   // compiled options: semantic keys plus opaque passthrough of preset keys
-  options: Record<string, any>
+  options: Record<string, any> & { toolbar?: StackToolbarConfig }
   // lazy: rendering it mounts the route (descriptor.render underneath)
   element: ReactElement
 }

package/src/headless/useStack.ts

@@ -13,6 +13,7 @@ import {
 
 import type { UseStackResult } from './types'
 import { getPathFromState } from '../fork/getPathFromState'
+import { exposeStackToolbarConfig } from '../layouts/stack-utils/StackToolbar.shared'
 import { getResolvedLinking } from '../router/linkingConfig'
 
 export type HeadlessStackDescriptors = Record<
@@ -39,7 +40,7 @@ export function StackStateProvider({
   const value = useMemo<UseStackResult>(() => {
     const screens = state.routes.map((route, index) => {
       const descriptor = descriptors[route.key]!
-      const options = descriptor.options
+      const options = exposeStackToolbarConfig(descriptor.options)
       const href = (linking?.getPathFromState ?? getPathFromState)(
         { ...state, index },
         linking?.config

package/src/index.ts

@@ -105,6 +105,18 @@ export type {
   StackHeaderTitleProps,
   StackScreenOptions,
   StackScreenProps,
+  StackToolbarBadgeProps,
+  StackToolbarButtonProps,
+  StackToolbarConfig,
+  StackToolbarIconProps,
+  StackToolbarLabelProps,
+  StackToolbarMenuActionProps,
+  StackToolbarMenuProps,
+  StackToolbarPlacement,
+  StackToolbarProps,
+  StackToolbarSearchBarSlotProps,
+  StackToolbarSpacerProps,
+  StackToolbarViewProps,
 } from './layouts/stack-utils'
 export { useTabs } from './headless/useTabs'
 export { useDrawer } from './headless/useDrawer'

package/src/layouts/Stack.tsx

@@ -14,9 +14,14 @@ import {
   StackHeaderComponent,
   StackHeaderSearchBar,
   StackScreen,
+  StackToolbar,
   type StackScreenProps,
 } from './stack-utils'
 import { withLayoutContext } from './withLayoutContext'
+import {
+  getStackToolbarImplementation,
+  type StackToolbarImplementation,
+} from './stack-utils/StackToolbarImplementation'
 
 const NativeStackNavigator = createStackNavigator().Navigator
 
@@ -31,12 +36,19 @@ const RNStack = withLayoutContext<
  * Pre-process children to convert StackScreen (with Header children) to Screen (with options).
  * This allows the Header Composition API to work in layout files.
  */
-function mapChildren(children: React.ReactNode): React.ReactNode {
+function mapChildren(
+  children: React.ReactNode,
+  toolbarImplementation: StackToolbarImplementation | null
+): React.ReactNode {
   return Children.toArray(children)
     .map((child, index) => {
       if (isChildOfType(child, StackScreen)) {
         // convert StackScreen to Screen with options extracted from Header children
-        const options = appendScreenStackPropsToOptions({}, child.props)
+        const options = appendScreenStackPropsToOptions(
+          {},
+          child.props,
+          toolbarImplementation
+        )
         const { children: _, ...rest } = child.props
         return <Screen key={child.props.name ?? index} {...rest} options={options} />
       }
@@ -46,7 +58,7 @@ function mapChildren(children: React.ReactNode): React.ReactNode {
         return React.cloneElement(
           child,
           { key: `protected-${index}` },
-          mapChildren(child.props.children)
+          mapChildren(child.props.children, toolbarImplementation)
         )
       }
 
@@ -71,6 +83,7 @@ function mapChildren(children: React.ReactNode): React.ReactNode {
 const StackWithComposition = React.forwardRef<unknown, ComponentProps<typeof RNStack>>(
   (props, ref) => {
     const { children, screenOptions, ...rest } = props
+    const toolbarImplementation = getStackToolbarImplementation()
 
     // extract Stack.Header from children for screenOptions
     const screenOptionsWithHeader = useMemo(() => {
@@ -84,19 +97,30 @@ const StackWithComposition = React.forwardRef<unknown, ComponentProps<typeof RNS
           if (typeof screenOptions === 'function') {
             return (...args: Parameters<typeof screenOptions>) => {
               const opts = screenOptions(...args)
-              return appendScreenStackPropsToOptions(opts, headerProps)
+              return appendScreenStackPropsToOptions(
+                opts,
+                headerProps,
+                toolbarImplementation
+              )
             }
           }
-          return appendScreenStackPropsToOptions(screenOptions, headerProps)
+          return appendScreenStackPropsToOptions(
+            screenOptions,
+            headerProps,
+            toolbarImplementation
+          )
         }
-        return appendScreenStackPropsToOptions({}, headerProps)
+        return appendScreenStackPropsToOptions({}, headerProps, toolbarImplementation)
       }
 
       return screenOptions
-    }, [children, screenOptions])
+    }, [children, screenOptions, toolbarImplementation])
 
     // pre-process children to convert StackScreen to Screen
-    const processedChildren = useMemo(() => mapChildren(children), [children])
+    const processedChildren = useMemo(
+      () => mapChildren(children, toolbarImplementation),
+      [children, toolbarImplementation]
+    )
     const navigatorProps = useMemo(() => getStackNavigatorProps(children), [children])
 
     return (
@@ -119,6 +143,7 @@ export const Stack = Object.assign(StackWithComposition, {
   Header: StackHeader,
   Protected,
   SearchBar: StackHeaderSearchBar,
+  Toolbar: StackToolbar,
 })
 
 export default Stack

package/src/layouts/stack-utils/README.md

@@ -25,6 +25,7 @@ import { Stack } from 'one'
 | `Stack.Header.Right` | Custom right header content |
 | `Stack.Header.BackButton` | Back button configuration |
 | `Stack.Header.SearchBar` | Search bar configuration |
+| `Stack.Toolbar` | Native iOS header and bottom toolbar items |
 
 ## Basic Usage
 

package/src/layouts/stack-utils/StackScreen.tsx

@@ -9,6 +9,15 @@ import {
   appendStackHeaderPropsToOptions,
   type StackHeaderProps,
 } from './StackHeaderComponent'
+import {
+  StackToolbar,
+  appendStackToolbarPropsToOptions,
+  type StackToolbarProps,
+} from './StackToolbar'
+import {
+  getStackToolbarImplementation,
+  type StackToolbarImplementation,
+} from './StackToolbarImplementation'
 import { Screen } from '../../views/Screen'
 
 export type StackScreenOptions = Omit<NativeStackNavigationOptions, 'presentation'> & {
@@ -47,12 +56,17 @@ export interface StackScreenProps extends PropsWithChildren {
  * ```
  */
 export function StackScreen({ children, options, ...rest }: StackScreenProps) {
+  const toolbarImplementation = getStackToolbarImplementation()
   const updatedOptions = useMemo(
     () =>
-      appendScreenStackPropsToOptions(options ?? {}, {
-        children,
-      }),
-    [options, children]
+      appendScreenStackPropsToOptions(
+        options ?? {},
+        {
+          children,
+        },
+        toolbarImplementation
+      ),
+    [options, children, toolbarImplementation]
   )
   return <Screen {...rest} options={updatedOptions as NativeStackNavigationOptions} />
 }
@@ -101,7 +115,8 @@ export function validateStackPresentation(
 
 export function appendScreenStackPropsToOptions(
   options: StackScreenOptions,
-  props: StackScreenProps
+  props: StackScreenProps,
+  toolbarImplementation?: StackToolbarImplementation | null
 ): StackScreenOptions {
   let updatedOptions: StackScreenOptions = { ...options, ...props.options }
 
@@ -114,6 +129,12 @@ export function appendScreenStackPropsToOptions(
         options as NativeStackNavigationOptions,
         child.props as StackHeaderProps
       ) as StackScreenOptions
+    } else if (child.type === StackToolbar) {
+      return appendStackToolbarPropsToOptions(
+        options as NativeStackNavigationOptions,
+        child.props as StackToolbarProps,
+        toolbarImplementation
+      ) as StackScreenOptions
     } else {
       console.warn(
         `Warning: Unknown child element passed to Stack.Screen: ${(child.type as { name: string }).name ?? child.type}`