@multiplatform.one/router 6.4.3 → 6.7.0

package/dist/cjs/seam/DomNavigationHost.cjs

@@ -68,17 +68,31 @@ class DomStackAdapter {
   }
 }
 const PAGE_STYLE = {
-  position: "absolute",
-  inset: 0,
+  position: "relative",
+  flex: "1 1 auto",
+  minHeight: 0,
   display: "flex",
   flexDirection: "column",
   overflow: "auto"
 };
+function useZeroHeightWarning(ref) {
+  (0, import_react.useEffect)(() => {
+    if (process.env.NODE_ENV === "production") return;
+    const el = ref.current;
+    if (!el) return;
+    const raf = requestAnimationFrame(() => {
+      if (el.offsetParent === null || el.getBoundingClientRect().height > 0) return;
+      console.error("[stack nav] DomNavigationHost rendered 0px tall \u2014 every page is clipped and this surface paints nothing. Give the mount node a definite height (e.g. `#app { display: flex; flex-direction: column; min-height: 100vh }`) or pass `style={{ minHeight: \u2026 }}` to the host.");
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [ref]);
+}
 function DomNavigationHost({
   routes,
   initialHref,
   style
 }) {
+  const hostRef = (0, import_react.useRef)(null);
   const adapterRef = (0, import_react.useRef)(null);
   adapterRef.current ??= new DomStackAdapter(routes[0]?.tag ?? "", () => import_navigator.stackNavigator.syncFromHost());
   const initialHrefRef = (0, import_react.useRef)(initialHref);
@@ -90,10 +104,14 @@ function DomNavigationHost({
     if (restore) import_navigator.stackNavigator.replace(restore);
     return () => import_navigator.stackNavigator.detach();
   }, []);
+  useZeroHeightWarning(hostRef);
   const nav = (0, import_navigator.useNavState)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    ref: hostRef,
     style: {
       position: "relative",
+      display: "flex",
+      flexDirection: "column",
       flex: 1,
       minHeight: 0,
       height: "100%",

package/dist/cjs/seam/DomNavigationHost.native.js

@@ -124,12 +124,27 @@ var DomStackAdapter = /* @__PURE__ */function () {
   return DomStackAdapter2;
 }();
 var PAGE_STYLE = {
-  position: "absolute",
-  inset: 0,
+  position: "relative",
+  flex: "1 1 auto",
+  minHeight: 0,
   display: "flex",
   flexDirection: "column",
   overflow: "auto"
 };
+function useZeroHeightWarning(ref) {
+  (0, import_react.useEffect)(function () {
+    if (process.env.NODE_ENV === "production") return;
+    var el = ref.current;
+    if (!el) return;
+    var raf = requestAnimationFrame(function () {
+      if (el.offsetParent === null || el.getBoundingClientRect().height > 0) return;
+      console.error("[stack nav] DomNavigationHost rendered 0px tall \u2014 every page is clipped and this surface paints nothing. Give the mount node a definite height (e.g. `#app { display: flex; flex-direction: column; min-height: 100vh }`) or pass `style={{ minHeight: \u2026 }}` to the host.");
+    });
+    return function () {
+      return cancelAnimationFrame(raf);
+    };
+  }, [ref]);
+}
 function DomNavigationHost(param) {
   var {
     routes,
@@ -138,6 +153,7 @@ function DomNavigationHost(param) {
   } = param;
   var _adapterRef, _current, _ref;
   var _routes_;
+  var hostRef = (0, import_react.useRef)(null);
   var adapterRef = (0, import_react.useRef)(null);
   (_current = (_adapterRef = adapterRef).current) !== null && _current !== void 0 ? _current : _adapterRef.current = new DomStackAdapter((_ref = (_routes_ = routes[0]) === null || _routes_ === void 0 ? void 0 : _routes_.tag) !== null && _ref !== void 0 ? _ref : "", function () {
     return import_navigator.stackNavigator.syncFromHost();
@@ -153,10 +169,14 @@ function DomNavigationHost(param) {
       return import_navigator.stackNavigator.detach();
     };
   }, []);
+  useZeroHeightWarning(hostRef);
   var nav = (0, import_navigator.useNavState)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    ref: hostRef,
     style: {
       position: "relative",
+      display: "flex",
+      flexDirection: "column",
       flex: 1,
       minHeight: 0,
       height: "100%",

package/dist/cjs/seam/DomNavigationHost.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DomNavigationHost_exports","__export","DomNavigationHost","DomStackAdapter","module","exports","import_jsx_runtime","require","import_react","import_navigator","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DomNavigationHost_exports","__export","DomNavigationHost","DomStackAdapter","module","exports","import_jsx_runtime","require","import_react","import_navigator","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","_snapshot_index","PAGE_STYLE","position","flex","minHeight","display","flexDirection","overflow"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/seam/DomNavigationHost.mjs

@@ -40,17 +40,31 @@ class DomStackAdapter {
   }
 }
 const PAGE_STYLE = {
-  position: "absolute",
-  inset: 0,
+  position: "relative",
+  flex: "1 1 auto",
+  minHeight: 0,
   display: "flex",
   flexDirection: "column",
   overflow: "auto"
 };
+function useZeroHeightWarning(ref) {
+  useEffect(() => {
+    if (process.env.NODE_ENV === "production") return;
+    const el = ref.current;
+    if (!el) return;
+    const raf = requestAnimationFrame(() => {
+      if (el.offsetParent === null || el.getBoundingClientRect().height > 0) return;
+      console.error("[stack nav] DomNavigationHost rendered 0px tall \u2014 every page is clipped and this surface paints nothing. Give the mount node a definite height (e.g. `#app { display: flex; flex-direction: column; min-height: 100vh }`) or pass `style={{ minHeight: \u2026 }}` to the host.");
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [ref]);
+}
 function DomNavigationHost({
   routes,
   initialHref,
   style
 }) {
+  const hostRef = useRef(null);
   const adapterRef = useRef(null);
   adapterRef.current ??= new DomStackAdapter(routes[0]?.tag ?? "", () => stackNavigator.syncFromHost());
   const initialHrefRef = useRef(initialHref);
@@ -62,10 +76,14 @@ function DomNavigationHost({
     if (restore) stackNavigator.replace(restore);
     return () => stackNavigator.detach();
   }, []);
+  useZeroHeightWarning(hostRef);
   const nav = useNavState();
   return /* @__PURE__ */jsx("div", {
+    ref: hostRef,
     style: {
       position: "relative",
+      display: "flex",
+      flexDirection: "column",
       flex: 1,
       minHeight: 0,
       height: "100%",

package/dist/esm/seam/DomNavigationHost.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Suspense","useEffect","useRef","RouteTagContext","stackNavigator","useNavState","jsx","DomStackAdapter","stack","onChanged","constructor","rootTag","push_by_tag","tag","push","pop","length","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","PAGE_STYLE","position","inset","display","flexDirection","overflow","DomNavigationHost","routes","initialHref","style","adapterRef","current","syncFromHost","initialHrefRef","adapter","attach","restore","replace","detach","nav","flex","minHeight","height","children","map","route","active","mounted","isVisited","Provider","value","fallback","element"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Suspense","useEffect","useRef","RouteTagContext","stackNavigator","useNavState","jsx","DomStackAdapter","stack","onChanged","constructor","rootTag","push_by_tag","tag","push","pop","length","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","PAGE_STYLE","position","flex","minHeight","display","flexDirection","overflow","useZeroHeightWarning","ref","process","env","NODE_ENV","el","current","raf","requestAnimationFrame","offsetParent","getBoundingClientRect","height","console","error","cancelAnimationFrame","DomNavigationHost","routes","initialHref","style","hostRef","adapterRef","syncFromHost","initialHrefRef","adapter","attach","restore","replace","detach","nav","children","map","route","active","mounted","isVisited","Provider","value","fallback","element"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"AA4BA,SAASA,QAAA,EAAUC,SAAA,EAAWC,MAAA,QAAc;AAC5C,SACEC,eAAA,EACAC,cAAA,EACAC,WAAA,QAIK;AAqKO,SAAAC,GAAA;AAhKP,MAAMC,eAAA,CAA2C;EAC9CC,KAAA;EACSC,SAAA;EAEjBC,YAAYC,OAAA,EAAiBF,SAAA,EAAuB;IAClD,KAAKD,KAAA,GAAQG,OAAA,GAAU,CAACA,OAAO,IAAI,EAAC;IACpC,KAAKF,SAAA,GAAYA,SAAA;EACnB;EAEAG,YAAYC,GAAA,EAAmB;IAC7B,KAAKL,KAAA,CAAMM,IAAA,CAAKD,GAAG;IACnB,KAAKJ,SAAA,CAAU;EACjB;EAEAM,IAAA,EAAe;IACb,IAAI,KAAKP,KAAA,CAAMQ,MAAA,IAAU,GAAG,OAAO;IACnC,KAAKR,KAAA,CAAMO,GAAA,CAAI;IACf,KAAKN,SAAA,CAAU;IACf,OAAO;EACT;EAEAQ,WAAWJ,GAAA,EAAsB;IAC/B,MAAMK,GAAA,GAAM,KAAKV,KAAA,CAAMW,WAAA,CAAYN,GAAG;IACtC,IAAIK,GAAA,KAAQ,MAAMA,GAAA,KAAQ,KAAKV,KAAA,CAAMQ,MAAA,GAAS,GAAG,OAAO;IACxD,KAAKR,KAAA,GAAQ,KAAKA,KAAA,CAAMY,KAAA,CAAM,GAAGF,GAAA,GAAM,CAAC;IACxC,KAAKT,SAAA,CAAU;IACf,OAAO;EACT;EAEAY,kBAAkBC,IAAA,EAAsB;IACtC,KAAKd,KAAA,GAAQ,CAAC,GAAGc,IAAI;IACrB,KAAKb,SAAA,CAAU;EACjB;EAEAc,qBAAA,EAGE;IACA,MAAMC,QAAA,GAAW,KAAKhB,KAAA;IACtB,OAAO;MACLiB,WAAA,EAAaA,CAAA,KAAMD,QAAA,CAASR,MAAA;MAC5BU,QAAA,EAAWC,KAAA,IACTA,KAAA,IAAS,KAAKA,KAAA,GAAQH,QAAA,CAASR,MAAA,GAAS;QAAEY,OAAA,EAASA,CAAA,KAAMJ,QAAA,CAASG,KAAK,KAAK;MAAK,IAAI;IACzF;EACF;AACF;AA+BA,MAAME,UAAA,GAA4B;EAChCC,QAAA,EAAU;EACVC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,OAAA,EAAS;EACTC,aAAA,EAAe;EACfC,QAAA,EAAU;AACZ;AAIA,SAASC,qBAAqBC,GAAA,EAA+C;EAC3EpC,SAAA,CAAU,MAAM;IACd,IAAIqC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,cAAc;IAC3C,MAAMC,EAAA,GAAKJ,GAAA,CAAIK,OAAA;IACf,IAAI,CAACD,EAAA,EAAI;IAGT,MAAME,GAAA,GAAMC,qBAAA,CAAsB,MAAM;MAGtC,IAAIH,EAAA,CAAGI,YAAA,KAAiB,QAAQJ,EAAA,CAAGK,qBAAA,CAAsB,EAAEC,MAAA,GAAS,GAAG;MACvEC,OAAA,CAAQC,KAAA,CACN,qRAIF;IACF,CAAC;IACD,OAAO,MAAMC,oBAAA,CAAqBP,GAAG;EACvC,GAAG,CAACN,GAAG,CAAC;AACV;AAEO,SAASc,kBAAkB;EAChCC,MAAA;EACAC,WAAA;EACAC;AACF,GAAsC;EACpC,MAAMC,OAAA,GAAUrD,MAAA,CAAuB,IAAI;EAC3C,MAAMsD,UAAA,GAAatD,MAAA,CAA+B,IAAI;EACtDsD,UAAA,CAAWd,OAAA,KAAY,IAAInC,eAAA,CAAgB6C,MAAA,CAAO,CAAC,GAAGvC,GAAA,IAAO,IAAI,MAC/DT,cAAA,CAAeqD,YAAA,CAAa,CAC9B;EAGA,MAAMC,cAAA,GAAiBxD,MAAA,CAAOmD,WAAW;EAEzCpD,SAAA,CAAU,MAAM;IACd,MAAM0D,OAAA,GAAUH,UAAA,CAAWd,OAAA;IAC3B,IAAI,CAACiB,OAAA,EAAS;IACdvD,cAAA,CAAewD,MAAA,CAAOD,OAAO;IAC7B,MAAME,OAAA,GAAUH,cAAA,CAAehB,OAAA;IAC/B,IAAImB,OAAA,EAASzD,cAAA,CAAe0D,OAAA,CAAQD,OAAO;IAC3C,OAAO,MAAMzD,cAAA,CAAe2D,MAAA,CAAO;EACrC,GAAG,EAAE;EAEL3B,oBAAA,CAAqBmB,OAAO;EAE5B,MAAMS,GAAA,GAAM3D,WAAA,CAAY;EAExB,OACE,eAAAC,GAAA,CAAC;IACC+B,GAAA,EAAKkB,OAAA;IACLD,KAAA,EAAO;MACLxB,QAAA,EAAU;MACVG,OAAA,EAAS;MACTC,aAAA,EAAe;MACfH,IAAA,EAAM;MACNC,SAAA,EAAW;MACXe,MAAA,EAAQ;MACR,GAAGO;IACL;IAECW,QAAA,EAAAb,MAAA,CAAOc,GAAA,CAAKC,KAAA,IAAU;MACrB,MAAMC,MAAA,GAASJ,GAAA,CAAInD,GAAA,KAAQsD,KAAA,CAAMtD,GAAA;MACjC,MAAMwD,OAAA,GAAUjE,cAAA,CAAekE,SAAA,CAAUH,KAAA,CAAMtD,GAAG;MAClD,OACE,eAAAP,GAAA,CAAC;QAEC,kBAAgB6D,KAAA,CAAMtD,GAAA;QACtB,oBAAkBuD,MAAA,GAAS,SAAS;QACpCd,KAAA,EAAO;UAAE,GAAGzB,UAAA;UAAYI,OAAA,EAASmC,MAAA,GAAS,SAAS;QAAO;QAE1DH,QAAA,iBAAA3D,GAAA,CAACH,eAAA,CAAgBoE,QAAA,EAAhB;UAAyBC,KAAA,EAAOL,KAAA,CAAMtD,GAAA;UACrCoD,QAAA,iBAAA3D,GAAA,CAACN,QAAA;YAASyE,QAAA,EAAU;YAAOR,QAAA,EAAAI,OAAA,GAAUF,KAAA,CAAMO,OAAA,GAAU;UAAA,CAAK;QAAA,CAC5D;MAAA,GAPKP,KAAA,CAAMtD,GAQb;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/seam/DomNavigationHost.native.js

@@ -94,12 +94,27 @@ var DomStackAdapter = /* @__PURE__ */function () {
   return DomStackAdapter2;
 }();
 var PAGE_STYLE = {
-  position: "absolute",
-  inset: 0,
+  position: "relative",
+  flex: "1 1 auto",
+  minHeight: 0,
   display: "flex",
   flexDirection: "column",
   overflow: "auto"
 };
+function useZeroHeightWarning(ref) {
+  useEffect(function () {
+    if (process.env.NODE_ENV === "production") return;
+    var el = ref.current;
+    if (!el) return;
+    var raf = requestAnimationFrame(function () {
+      if (el.offsetParent === null || el.getBoundingClientRect().height > 0) return;
+      console.error("[stack nav] DomNavigationHost rendered 0px tall \u2014 every page is clipped and this surface paints nothing. Give the mount node a definite height (e.g. `#app { display: flex; flex-direction: column; min-height: 100vh }`) or pass `style={{ minHeight: \u2026 }}` to the host.");
+    });
+    return function () {
+      return cancelAnimationFrame(raf);
+    };
+  }, [ref]);
+}
 function DomNavigationHost(param) {
   var {
     routes,
@@ -108,6 +123,7 @@ function DomNavigationHost(param) {
   } = param;
   var _adapterRef, _current, _ref;
   var _routes_;
+  var hostRef = useRef(null);
   var adapterRef = useRef(null);
   (_current = (_adapterRef = adapterRef).current) !== null && _current !== void 0 ? _current : _adapterRef.current = new DomStackAdapter((_ref = (_routes_ = routes[0]) === null || _routes_ === void 0 ? void 0 : _routes_.tag) !== null && _ref !== void 0 ? _ref : "", function () {
     return stackNavigator.syncFromHost();
@@ -123,10 +139,14 @@ function DomNavigationHost(param) {
       return stackNavigator.detach();
     };
   }, []);
+  useZeroHeightWarning(hostRef);
   var nav = useNavState();
   return /* @__PURE__ */_jsx("div", {
+    ref: hostRef,
     style: {
       position: "relative",
+      display: "flex",
+      flexDirection: "column",
       flex: 1,
       minHeight: 0,
       height: "100%",

package/dist/esm/seam/DomNavigationHost.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Suspense","useEffect","useRef","RouteTagContext","stackNavigator","useNavState","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","value","DomStackAdapter","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"AAwBA,SAASA,GAAA,IAAAC,IAAU,2BAAyB;AAC5C,SAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACEC,eAAA,EAAAC,cAAA,EAAAC,WAAA;AAAA,SACAC,kBAAAC,QAAA,EAAAC,WAAA;EACA,MAAAD,QAAA,YAAAC,WAAA;IAAA,MAIK,IAAAC,SAAA;EA8GO;AAzGP;AAAiD,SAC9CC,kBAAAC,MAAA,EAAAC,KAAA;EACS,SAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IAEjB,IAAAE,UAAY,GAAAH,KAAiB,CAAAC,CAAA;IAC3BE,UAAK,CAAAC,UAAQ,GAAWD,UAAO,CAAIC,UAAC;IACpCD,UAAK,CAAAE,YAAY;IACnB,eAAAF,UAAA,EAAAA,UAAA,CAAAG,QAAA;IAEAC,MAAA,CAAAC,cAA+B,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAC7B;AACA;AAAe,SACjBO,cAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAA;EAEA,IAAAD,UAAe,EAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA;EACb,IAAAC,WAAS,EAAMd,iBAAa,CAAAF,WAAO,EAAAgB,WAAA;EACnC,OAAKhB,WAAU;AACf;AACA,SAAAkB,gBAAOA,CAAAC,GAAA,EAAAN,GAAA,EAAAO,KAAA;EACT,IAAAP,GAAA,IAAAM,GAAA;IAEAR,MAAA,CAAAC,cAAiC,CAAAO,GAAA,EAAAN,GAAA;MAC/BO,KAAM;MACNZ,UAAY,MAAM;MAClBC,YAAa,MAAK;MAClBC,QAAK;IACL;EACF;IAEAS,GAAA,CAAAN,GAAA,IAAAO,KAAkB;EAChB;EACA,OAAKD,GAAA;AAAU;AACjB,IAEAE,eAAA,kBAGE;EACA,YAAM;;EACN,SAAOC,iBAAAC,OAAA,EAAAC,SAAA;IAAA1B,iBACQ,KAAM,EAAAwB,gBAAS;IAAAJ,gBACjB,OACT,SAAS,KAAK;IAClBA,gBAAA;IACF,KAAAO,KAAA,GAAAF,OAAA,IACFA,OAAA,CAeA,GAAM;IACJ,KAAAC,SAAU,GAAAA,SAAA;EACV;EACAV,aAAS,CAAAQ,gBAAA,GACT;IACAT,GAAA,eAAU;IACZO,KAAA,WAAAM,YAAAC,GAAA;MAEO,IAAS,CAAAF,KAAA,CAAAG,IAAA,CAAAD,GAAkB;MAChC,KAAAH,SAAA;IACA;EACA,GACoC;IACpCX,GAAM;IACNO,KAAA,EAAW,SAAAS,GAAYA,CAAA;MAAoB,IAAQ,IAAG,CAAAJ,KAAO,CAAAnB,MAAA;MAAI,IAC/D,CAAAmB,KAAA,CAAAI,GAAA;MACF,KAAAL,SAAA;MAGM;IAEN;EACE,GACA;IACAX,GAAA,cAAe;IACfO,KAAM,WAAUU,WAAAH,GAAe;MAC3B,IAAAI,GAAA,GAAS,KAAAN,KAAA,CAAAO,WAAuB,CAAAL,GAAA;MACpC,IAAOI,GAAA,KAAM,MAAAA,GAAA,KAAe,KAAON,KAAA,CAAAnB,MAAA;MAChC,KAAAmB,KAAA,QAAAA,KAAA,CAAAQ,KAAA,IAAAF,GAAA;MAEC,KAAAP,SAAM;MAEZ,OACE;IAEI;EACA,GACA;IACGX,GAAA;IAAAO,KAAA,WAAAc,kBAAAC,IAAA;MAEC,KAAAV,KAAA,IACA,GAAAU,IAAA,CACA;MAEA,KAAAX,SAAA;IAEA;EAAA,GACF;IAGNX,GAAA;IAEJO,KAAA,WAAAgB,qBAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Suspense","useEffect","useRef","RouteTagContext","stackNavigator","useNavState","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","value","DomStackAdapter","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","_snapshot_index","PAGE_STYLE","position","flex","minHeight","display","flexDirection","overflow","useZeroHeightWarning","ref","process","env","NODE_ENV","el","current"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/seam/DomNavigationHost.mjs

@@ -40,17 +40,31 @@ class DomStackAdapter {
   }
 }
 const PAGE_STYLE = {
-  position: "absolute",
-  inset: 0,
+  position: "relative",
+  flex: "1 1 auto",
+  minHeight: 0,
   display: "flex",
   flexDirection: "column",
   overflow: "auto"
 };
+function useZeroHeightWarning(ref) {
+  useEffect(() => {
+    if (process.env.NODE_ENV === "production") return;
+    const el = ref.current;
+    if (!el) return;
+    const raf = requestAnimationFrame(() => {
+      if (el.offsetParent === null || el.getBoundingClientRect().height > 0) return;
+      console.error("[stack nav] DomNavigationHost rendered 0px tall \u2014 every page is clipped and this surface paints nothing. Give the mount node a definite height (e.g. `#app { display: flex; flex-direction: column; min-height: 100vh }`) or pass `style={{ minHeight: \u2026 }}` to the host.");
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [ref]);
+}
 function DomNavigationHost({
   routes,
   initialHref,
   style
 }) {
+  const hostRef = useRef(null);
   const adapterRef = useRef(null);
   adapterRef.current ??= new DomStackAdapter(routes[0]?.tag ?? "", () => stackNavigator.syncFromHost());
   const initialHrefRef = useRef(initialHref);
@@ -62,10 +76,14 @@ function DomNavigationHost({
     if (restore) stackNavigator.replace(restore);
     return () => stackNavigator.detach();
   }, []);
+  useZeroHeightWarning(hostRef);
   const nav = useNavState();
   return /* @__PURE__ */jsx("div", {
+    ref: hostRef,
     style: {
       position: "relative",
+      display: "flex",
+      flexDirection: "column",
       flex: 1,
       minHeight: 0,
       height: "100%",

package/dist/jsx/seam/DomNavigationHost.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Suspense","useEffect","useRef","RouteTagContext","stackNavigator","useNavState","jsx","DomStackAdapter","stack","onChanged","constructor","rootTag","push_by_tag","tag","push","pop","length","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","PAGE_STYLE","position","inset","display","flexDirection","overflow","DomNavigationHost","routes","initialHref","style","adapterRef","current","syncFromHost","initialHrefRef","adapter","attach","restore","replace","detach","nav","flex","minHeight","height","children","map","route","active","mounted","isVisited","Provider","value","fallback","element"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Suspense","useEffect","useRef","RouteTagContext","stackNavigator","useNavState","jsx","DomStackAdapter","stack","onChanged","constructor","rootTag","push_by_tag","tag","push","pop","length","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag","PAGE_STYLE","position","flex","minHeight","display","flexDirection","overflow","useZeroHeightWarning","ref","process","env","NODE_ENV","el","current","raf","requestAnimationFrame","offsetParent","getBoundingClientRect","height","console","error","cancelAnimationFrame","DomNavigationHost","routes","initialHref","style","hostRef","adapterRef","syncFromHost","initialHrefRef","adapter","attach","restore","replace","detach","nav","children","map","route","active","mounted","isVisited","Provider","value","fallback","element"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"AA4BA,SAASA,QAAA,EAAUC,SAAA,EAAWC,MAAA,QAAc;AAC5C,SACEC,eAAA,EACAC,cAAA,EACAC,WAAA,QAIK;AAqKO,SAAAC,GAAA;AAhKP,MAAMC,eAAA,CAA2C;EAC9CC,KAAA;EACSC,SAAA;EAEjBC,YAAYC,OAAA,EAAiBF,SAAA,EAAuB;IAClD,KAAKD,KAAA,GAAQG,OAAA,GAAU,CAACA,OAAO,IAAI,EAAC;IACpC,KAAKF,SAAA,GAAYA,SAAA;EACnB;EAEAG,YAAYC,GAAA,EAAmB;IAC7B,KAAKL,KAAA,CAAMM,IAAA,CAAKD,GAAG;IACnB,KAAKJ,SAAA,CAAU;EACjB;EAEAM,IAAA,EAAe;IACb,IAAI,KAAKP,KAAA,CAAMQ,MAAA,IAAU,GAAG,OAAO;IACnC,KAAKR,KAAA,CAAMO,GAAA,CAAI;IACf,KAAKN,SAAA,CAAU;IACf,OAAO;EACT;EAEAQ,WAAWJ,GAAA,EAAsB;IAC/B,MAAMK,GAAA,GAAM,KAAKV,KAAA,CAAMW,WAAA,CAAYN,GAAG;IACtC,IAAIK,GAAA,KAAQ,MAAMA,GAAA,KAAQ,KAAKV,KAAA,CAAMQ,MAAA,GAAS,GAAG,OAAO;IACxD,KAAKR,KAAA,GAAQ,KAAKA,KAAA,CAAMY,KAAA,CAAM,GAAGF,GAAA,GAAM,CAAC;IACxC,KAAKT,SAAA,CAAU;IACf,OAAO;EACT;EAEAY,kBAAkBC,IAAA,EAAsB;IACtC,KAAKd,KAAA,GAAQ,CAAC,GAAGc,IAAI;IACrB,KAAKb,SAAA,CAAU;EACjB;EAEAc,qBAAA,EAGE;IACA,MAAMC,QAAA,GAAW,KAAKhB,KAAA;IACtB,OAAO;MACLiB,WAAA,EAAaA,CAAA,KAAMD,QAAA,CAASR,MAAA;MAC5BU,QAAA,EAAWC,KAAA,IACTA,KAAA,IAAS,KAAKA,KAAA,GAAQH,QAAA,CAASR,MAAA,GAAS;QAAEY,OAAA,EAASA,CAAA,KAAMJ,QAAA,CAASG,KAAK,KAAK;MAAK,IAAI;IACzF;EACF;AACF;AA+BA,MAAME,UAAA,GAA4B;EAChCC,QAAA,EAAU;EACVC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,OAAA,EAAS;EACTC,aAAA,EAAe;EACfC,QAAA,EAAU;AACZ;AAIA,SAASC,qBAAqBC,GAAA,EAA+C;EAC3EpC,SAAA,CAAU,MAAM;IACd,IAAIqC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,cAAc;IAC3C,MAAMC,EAAA,GAAKJ,GAAA,CAAIK,OAAA;IACf,IAAI,CAACD,EAAA,EAAI;IAGT,MAAME,GAAA,GAAMC,qBAAA,CAAsB,MAAM;MAGtC,IAAIH,EAAA,CAAGI,YAAA,KAAiB,QAAQJ,EAAA,CAAGK,qBAAA,CAAsB,EAAEC,MAAA,GAAS,GAAG;MACvEC,OAAA,CAAQC,KAAA,CACN,qRAIF;IACF,CAAC;IACD,OAAO,MAAMC,oBAAA,CAAqBP,GAAG;EACvC,GAAG,CAACN,GAAG,CAAC;AACV;AAEO,SAASc,kBAAkB;EAChCC,MAAA;EACAC,WAAA;EACAC;AACF,GAAsC;EACpC,MAAMC,OAAA,GAAUrD,MAAA,CAAuB,IAAI;EAC3C,MAAMsD,UAAA,GAAatD,MAAA,CAA+B,IAAI;EACtDsD,UAAA,CAAWd,OAAA,KAAY,IAAInC,eAAA,CAAgB6C,MAAA,CAAO,CAAC,GAAGvC,GAAA,IAAO,IAAI,MAC/DT,cAAA,CAAeqD,YAAA,CAAa,CAC9B;EAGA,MAAMC,cAAA,GAAiBxD,MAAA,CAAOmD,WAAW;EAEzCpD,SAAA,CAAU,MAAM;IACd,MAAM0D,OAAA,GAAUH,UAAA,CAAWd,OAAA;IAC3B,IAAI,CAACiB,OAAA,EAAS;IACdvD,cAAA,CAAewD,MAAA,CAAOD,OAAO;IAC7B,MAAME,OAAA,GAAUH,cAAA,CAAehB,OAAA;IAC/B,IAAImB,OAAA,EAASzD,cAAA,CAAe0D,OAAA,CAAQD,OAAO;IAC3C,OAAO,MAAMzD,cAAA,CAAe2D,MAAA,CAAO;EACrC,GAAG,EAAE;EAEL3B,oBAAA,CAAqBmB,OAAO;EAE5B,MAAMS,GAAA,GAAM3D,WAAA,CAAY;EAExB,OACE,eAAAC,GAAA,CAAC;IACC+B,GAAA,EAAKkB,OAAA;IACLD,KAAA,EAAO;MACLxB,QAAA,EAAU;MACVG,OAAA,EAAS;MACTC,aAAA,EAAe;MACfH,IAAA,EAAM;MACNC,SAAA,EAAW;MACXe,MAAA,EAAQ;MACR,GAAGO;IACL;IAECW,QAAA,EAAAb,MAAA,CAAOc,GAAA,CAAKC,KAAA,IAAU;MACrB,MAAMC,MAAA,GAASJ,GAAA,CAAInD,GAAA,KAAQsD,KAAA,CAAMtD,GAAA;MACjC,MAAMwD,OAAA,GAAUjE,cAAA,CAAekE,SAAA,CAAUH,KAAA,CAAMtD,GAAG;MAClD,OACE,eAAAP,GAAA,CAAC;QAEC,kBAAgB6D,KAAA,CAAMtD,GAAA;QACtB,oBAAkBuD,MAAA,GAAS,SAAS;QACpCd,KAAA,EAAO;UAAE,GAAGzB,UAAA;UAAYI,OAAA,EAASmC,MAAA,GAAS,SAAS;QAAO;QAE1DH,QAAA,iBAAA3D,GAAA,CAACH,eAAA,CAAgBoE,QAAA,EAAhB;UAAyBC,KAAA,EAAOL,KAAA,CAAMtD,GAAA;UACrCoD,QAAA,iBAAA3D,GAAA,CAACN,QAAA;YAASyE,QAAA,EAAU;YAAOR,QAAA,EAAAI,OAAA,GAAUF,KAAA,CAAMO,OAAA,GAAU;UAAA,CAAK;QAAA,CAC5D;MAAA,GAPKP,KAAA,CAAMtD,GAQb;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/seam/DomNavigationHost.native.js

@@ -124,12 +124,27 @@ var DomStackAdapter = /* @__PURE__ */function () {
   return DomStackAdapter2;
 }();
 var PAGE_STYLE = {
-  position: "absolute",
-  inset: 0,
+  position: "relative",
+  flex: "1 1 auto",
+  minHeight: 0,
   display: "flex",
   flexDirection: "column",
   overflow: "auto"
 };
+function useZeroHeightWarning(ref) {
+  (0, import_react.useEffect)(function () {
+    if (process.env.NODE_ENV === "production") return;
+    var el = ref.current;
+    if (!el) return;
+    var raf = requestAnimationFrame(function () {
+      if (el.offsetParent === null || el.getBoundingClientRect().height > 0) return;
+      console.error("[stack nav] DomNavigationHost rendered 0px tall \u2014 every page is clipped and this surface paints nothing. Give the mount node a definite height (e.g. `#app { display: flex; flex-direction: column; min-height: 100vh }`) or pass `style={{ minHeight: \u2026 }}` to the host.");
+    });
+    return function () {
+      return cancelAnimationFrame(raf);
+    };
+  }, [ref]);
+}
 function DomNavigationHost(param) {
   var {
     routes,
@@ -138,6 +153,7 @@ function DomNavigationHost(param) {
   } = param;
   var _adapterRef, _current, _ref;
   var _routes_;
+  var hostRef = (0, import_react.useRef)(null);
   var adapterRef = (0, import_react.useRef)(null);
   (_current = (_adapterRef = adapterRef).current) !== null && _current !== void 0 ? _current : _adapterRef.current = new DomStackAdapter((_ref = (_routes_ = routes[0]) === null || _routes_ === void 0 ? void 0 : _routes_.tag) !== null && _ref !== void 0 ? _ref : "", function () {
     return import_navigator.stackNavigator.syncFromHost();
@@ -153,10 +169,14 @@ function DomNavigationHost(param) {
       return import_navigator.stackNavigator.detach();
     };
   }, []);
+  useZeroHeightWarning(hostRef);
   var nav = (0, import_navigator.useNavState)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    ref: hostRef,
     style: {
       position: "relative",
+      display: "flex",
+      flexDirection: "column",
       flex: 1,
       minHeight: 0,
       height: "100%",

package/dist/jsx/seam/DomNavigationHost.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DomNavigationHost_exports","DomNavigationHost","DomStackAdapter","module","exports","import_jsx_runtime","require","import_react","import_navigator","_class_call_check","instance","Constructor","TypeError","_defineProperties","props","i","length","descriptor","configurable","writable","_create_class","protoProps","staticProps","_define_property","obj","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DomNavigationHost_exports","DomNavigationHost","DomStackAdapter","module","exports","import_jsx_runtime","require","import_react","import_navigator","_class_call_check","instance","Constructor","TypeError","_defineProperties","props","i","length","descriptor","configurable","writable","_create_class","protoProps","staticProps","_define_property","obj","DomStackAdapter2","rootTag","onChanged","stack","push_by_tag","tag","push","pop","pop_to_tag","idx","lastIndexOf","slice","replace_with_tags","tags","get_navigation_stack","snapshot","get_n_items","get_item","index","get_tag"],"sources":["../../../src/seam/DomNavigationHost.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/router",
-  "version": "6.4.3",
+  "version": "6.7.0",
   "description": "multiplatform.one router with support for react-router-dom and react-navigation",
   "keywords": [
     "react",
@@ -31,6 +31,7 @@
   "types": "types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./src/*": "./src/*",
     ".": {
       "react-native": {
         "types": "./types/index.d.ts",
@@ -61,7 +62,7 @@
   },
   "dependencies": {
     "@vxrn/color-scheme": "~1.16.5",
-    "@multiplatform.one/platform": "6.4.3"
+    "@multiplatform.one/platform": "6.7.0"
   },
   "devDependencies": {
     "@react-navigation/native": "^7.2.2",
@@ -76,8 +77,8 @@
     "typescript": "~5.9.3",
     "vite": "^8.0.10",
     "vitest": "^4.1.5",
-    "@multiplatform.one/config": "6.4.3",
-    "@multiplatform.one/test-utils": "6.4.3"
+    "@multiplatform.one/test-utils": "6.7.0",
+    "@multiplatform.one/config": "6.7.0"
   },
   "peerDependencies": {
     "@react-navigation/native": "~7.2.2",
@@ -92,6 +93,6 @@
   "scripts": {
     "build": "rm -rf dist types 2>/dev/null && tamagui-build --ts-project ./tsconfig.build.json --exclude '\\.spec\\.|\\.test\\.|\\.stories\\.'",
     "test": "vitest run --coverage --coverage.provider=v8 --coverage.reporter=text --coverage.reporter=lcov --coverage.reporter=html",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsgo --noEmit"
   }
 }

package/src/seam/DomNavigationHost.spec.tsx

@@ -66,6 +66,48 @@ describe("DomNavigationHost", () => {
     expect(screen.getByTestId("detail-params").textContent).toBe("mew");
   });
 
+  // happy-dom performs no layout, so these assert the STRUCTURE that decides
+  // whether the host can be measured at all. An out-of-flow page contributes
+  // nothing to its container's intrinsic height, which is what collapsed the
+  // host to 0px under an unsized mount node and clipped every page away —
+  // with a fully populated DOM, so innerText and toBeVisible() both passed.
+  // Real painted heights are measured in a browser (see the seam probe).
+  it("keeps the active page in normal flow so an unsized parent still gets height", () => {
+    const { container } = renderHost();
+    const host = container.firstElementChild as HTMLElement;
+    const active = pageByTag(container, "home");
+
+    expect(active.style.position).toBe("relative");
+    expect(active.style.display).toBe("flex");
+    expect(active.style.flexGrow).toBe("1");
+    expect(active.style.flexBasis).toBe("auto");
+    // Fills a definite-height host, scrolls inside it rather than growing it.
+    expect(active.style.minHeight).toBe("0");
+    expect(active.style.overflow).toBe("auto");
+    // ...and the host is the column flex container the page fills.
+    expect(host.style.display).toBe("flex");
+    expect(host.style.flexDirection).toBe("column");
+  });
+
+  it("takes backgrounded pages out of layout entirely", () => {
+    const { container } = renderHost();
+    act(() => stackNavigator.push("/todos"));
+    expect(pageByTag(container, "home").style.display).toBe("none");
+    expect(pageByTag(container, "todos").style.display).toBe("flex");
+  });
+
+  it("lets the caller override sizing through style", () => {
+    stackNavigator.detach();
+    stackNavigator.configure(ROUTES);
+    const { container } = render(
+      <DomNavigationHost
+        style={{ minHeight: 480 }}
+        routes={[{ ...ROUTES[0]!, element: <div data-testid="home-screen" /> }]}
+      />,
+    );
+    expect((container.firstElementChild as HTMLElement).style.minHeight).toBe("480px");
+  });
+
   it("restores an initial route as a root replace", () => {
     const { container } = renderHost("/todos");
     expect(pageByTag(container, "todos").dataset.seamActive).toBe("true");

package/src/seam/DomNavigationHost.tsx

@@ -20,6 +20,10 @@
 // Stack state flows host → seam: every adapter mutation calls
 // stackNavigator.syncFromHost(), exactly like the GTK pushed/popped/
 // replaced signal handlers.
+//
+// Sizing needs no ceremony: the host fills a parent with a definite height
+// and otherwise sizes to the active page (`style` overrides either way).
+// See the contract above PAGE_STYLE.
 
 import type { CSSProperties, ReactNode } from "react";
 import { Suspense, useEffect, useRef } from "react";
@@ -95,19 +99,61 @@ export interface DomNavigationHostProps {
   style?: CSSProperties;
 }
 
+// Sizing contract — the host fills a definite-height parent and falls back
+// to its content's height when the parent is indefinite.
+//
+// The active page is a NORMAL-FLOW flex child, not `position: absolute;
+// inset: 0`. Out-of-flow pages contribute nothing to the container's
+// intrinsic height, so a host under an unsized mount node (a webext popup's
+// `#app`, say) collapsed to 0 and clipped every page away — a fully
+// populated DOM painting zero pixels, which neither innerText assertions nor
+// Playwright's toBeVisible() can see. In flow, `height: 100%` degrades to
+// `auto` and the container sizes to the page instead of to nothing.
+//
+// Only the top-of-stack page is displayed, so nothing needs to overlay:
+// backgrounded pages are `display: none` and leave layout entirely.
+// `position: relative` stays so screens keep the page as their containing
+// block, and `minHeight: 0` + `overflow: auto` keep a too-tall page
+// scrolling INSIDE a definite-height host rather than growing it.
 const PAGE_STYLE: CSSProperties = {
-  position: "absolute",
-  inset: 0,
+  position: "relative",
+  flex: "1 1 auto",
+  minHeight: 0,
   display: "flex",
   flexDirection: "column",
   overflow: "auto",
 };
 
+/** Dev-only: a host that measures 0px tall paints nothing, however healthy
+ *  its DOM looks. Say so instead of shipping a blank surface. */
+function useZeroHeightWarning(ref: { current: HTMLDivElement | null }): void {
+  useEffect(() => {
+    if (process.env.NODE_ENV === "production") return;
+    const el = ref.current;
+    if (!el) return;
+    // A frame late: parents that size themselves in their own effect (or on
+    // font load) have landed by then.
+    const raf = requestAnimationFrame(() => {
+      // offsetParent === null ⇒ legitimately hidden (collapsed panel, an
+      // ancestor with display:none), not a sizing bug.
+      if (el.offsetParent === null || el.getBoundingClientRect().height > 0) return;
+      console.error(
+        "[stack nav] DomNavigationHost rendered 0px tall — every page is clipped and " +
+          "this surface paints nothing. Give the mount node a definite height (e.g. " +
+          "`#app { display: flex; flex-direction: column; min-height: 100vh }`) or pass " +
+          "`style={{ minHeight: … }}` to the host.",
+      );
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [ref]);
+}
+
 export function DomNavigationHost({
   routes,
   initialHref,
   style,
 }: DomNavigationHostProps): ReactNode {
+  const hostRef = useRef<HTMLDivElement>(null);
   const adapterRef = useRef<DomStackAdapter | null>(null);
   adapterRef.current ??= new DomStackAdapter(routes[0]?.tag ?? "", () =>
     stackNavigator.syncFromHost(),
@@ -125,10 +171,23 @@ export function DomNavigationHost({
     return () => stackNavigator.detach();
   }, []);
 
+  useZeroHeightWarning(hostRef);
+
   const nav = useNavState();
 
   return (
-    <div style={{ position: "relative", flex: 1, minHeight: 0, height: "100%", ...style }}>
+    <div
+      ref={hostRef}
+      style={{
+        position: "relative",
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        minHeight: 0,
+        height: "100%",
+        ...style,
+      }}
+    >
       {routes.map((route) => {
         const active = nav.tag === route.tag;
         const mounted = stackNavigator.isVisited(route.tag);

package/types/seam/DomNavigationHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DomNavigationHost.d.ts","sourceRoot":"","sources":["../../src/seam/DomNavigationHost.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAIL,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAC;AAErB;;qBAEqB;AACrB,qBAAa,eAAgB,YAAW,eAAe;IACrD,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;gBAE3B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI;IAKlD,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK9B,GAAG,IAAI,OAAO;IAOd,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAQhC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;IAKvC,oBAAoB,IAAI;QACtB,WAAW,IAAI,MAAM,CAAC;QACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG;YAAE,OAAO,IAAI,MAAM,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;KAC9D;CAQF;AAED,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB;;2CAEuC;IACvC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAUD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,WAAW,EACX,KAAK,GACN,EAAE,sBAAsB,GAAG,SAAS,CAwCpC"}
+{"version":3,"file":"DomNavigationHost.d.ts","sourceRoot":"","sources":["../../src/seam/DomNavigationHost.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAIL,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,QAAQ,EACd,MAAM,aAAa,CAAC;AAErB;;qBAEqB;AACrB,qBAAa,eAAgB,YAAW,eAAe;IACrD,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;gBAE3B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI;IAKlD,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK9B,GAAG,IAAI,OAAO;IAOd,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAQhC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;IAKvC,oBAAoB,IAAI;QACtB,WAAW,IAAI,MAAM,CAAC;QACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG;YAAE,OAAO,IAAI,MAAM,GAAG,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;KAC9D;CAQF;AAED,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB;;2CAEuC;IACvC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAmDD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,WAAW,EACX,KAAK,GACN,EAAE,sBAAsB,GAAG,SAAS,CAsDpC"}