one 1.8.2 → 1.8.3

package/dist/cjs/views/LoadProgressBar.js

@@ -0,0 +1,83 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var LoadProgressBar_exports = {};
+__export(LoadProgressBar_exports, {
+  LoadProgressBar: () => LoadProgressBar
+});
+module.exports = __toCommonJS(LoadProgressBar_exports);
+var import_react = require("react"), import_react_native = require("react-native-web"), import_imperative_api = require("../router/imperative-api"), import_jsx_runtime = require("react/jsx-runtime");
+const LoadProgressBar = ({
+  startDelay = 500,
+  finishDelay = 50,
+  initialPercent = 20,
+  updateInterval = 300,
+  sporadicness = 3,
+  ...props
+}) => {
+  const [loaded, setLoaded] = (0, import_react.useState)(0), [width, setWidth] = (0, import_react.useState)(0);
+  return (0, import_react.useEffect)(() => {
+    let loadInterval;
+    const dispose = import_imperative_api.router.onLoadState((state) => {
+      switch (clearTimeout(loadInterval), state) {
+        case "loading": {
+          loadInterval = setTimeout(() => {
+            setLoaded(initialPercent);
+            let intervalCount = 0;
+            loadInterval = setInterval(() => {
+              intervalCount++, intervalCount % sporadicness !== 0 && setLoaded((prev) => {
+                const increment = (100 - prev) * (prev > 80 ? 0.05 : 0.1) * Math.random();
+                return Math.min(prev + increment, 100);
+              });
+            }, updateInterval);
+          }, startDelay);
+          break;
+        }
+        case "loaded": {
+          setLoaded(100), clearInterval(loadInterval), setTimeout(() => {
+            setLoaded(0);
+          }, finishDelay);
+          break;
+        }
+      }
+    });
+    return () => {
+      dispose(), clearInterval(loadInterval);
+    };
+  }, [finishDelay, initialPercent, sporadicness, startDelay, updateInterval]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.View,
+    {
+      ...props,
+      onLayout: (e) => {
+        setWidth(e.nativeEvent.layout.width), props.onLayout?.(e);
+      },
+      style: [
+        {
+          display: loaded === 0 ? "none" : "flex",
+          height: 1,
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          backgroundColor: "rgba(60, 100, 200, 0.65)",
+          width: "100%",
+          transform: [{ translateX: -(1 - loaded * 0.01) * width }],
+          zIndex: Number.MAX_SAFE_INTEGER
+        },
+        props.style
+      ]
+    }
+  );
+};
+//# sourceMappingURL=LoadProgressBar.js.map

package/dist/cjs/views/LoadProgressBar.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/LoadProgressBar.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBACpC,sBAAqC,yBACrC,wBAAuB,qCAgFnB;AA3DG,MAAM,kBAAkB,CAAC;AAAA,EAC9B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,GAAG;AACL,MAA4B;AAC1B,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,CAAC,GAChC,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AAEpC,qCAAU,MAAM;AACd,QAAI;AAEJ,UAAM,UAAU,6BAAO,YAAY,CAAC,UAAU;AAG5C,cAFA,aAAa,YAAY,GAEjB,OAAO;AAAA,QACb,KAAK,WAAW;AACd,yBAAe,WAAW,MAAM;AAC9B,sBAAU,cAAc;AAGxB,gBAAI,gBAAgB;AAEpB,2BAAe,YAAY,MAAM;AAG/B,cAFA,iBAEI,gBAAgB,iBAAiB,KAIrC,UAAU,CAAC,SAAS;AAClB,sBAAM,aAAa,MAAM,SAAS,OAAO,KAAK,OAAO,OAAO,KAAK,OAAO;AACxE,uBAAO,KAAK,IAAI,OAAO,WAAW,GAAG;AAAA,cACvC,CAAC;AAAA,YACH,GAAG,cAAc;AAAA,UACnB,GAAG,UAAU;AACb;AAAA,QACF;AAAA,QAEA,KAAK,UAAU;AACb,oBAAU,GAAG,GACb,cAAc,YAAY,GAC1B,WAAW,MAAM;AACf,sBAAU,CAAC;AAAA,UACb,GAAG,WAAW;AACd;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,cAAQ,GACR,cAAc,YAAY;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,cAAc,YAAY,cAAc,CAAC,GAGxE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,CAAC,MAAM;AACf,iBAAS,EAAE,YAAY,OAAO,KAAK,GACnC,MAAM,WAAW,CAAC;AAAA,MACpB;AAAA,MACA,OAAO;AAAA,QACL;AAAA,UACE,SAAS,WAAW,IAAI,SAAS;AAAA,UACjC,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,WAAW,CAAC,EAAE,YAAY,EAAE,IAAI,SAAS,QAAQ,MAAM,CAAC;AAAA,UACxD,QAAQ,OAAO;AAAA,QACjB;AAAA,QACA,MAAM;AAAA,MACR;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/views/LoadProgressBar.native.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var LoadProgressBar_exports = {};
+__export(LoadProgressBar_exports, {
+  LoadProgressBar: () => LoadProgressBar
+});
+module.exports = __toCommonJS(LoadProgressBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = require("react"),
+  import_react_native = require("react-native"),
+  import_imperative_api = require("../router/imperative-api.native.js"),
+  LoadProgressBar = function (param) {
+    var {
+        startDelay = 500,
+        finishDelay = 50,
+        initialPercent = 20,
+        updateInterval = 300,
+        sporadicness = 3,
+        ...props
+      } = param,
+      [loaded, setLoaded] = (0, import_react.useState)(0),
+      [width, setWidth] = (0, import_react.useState)(0);
+    return (0, import_react.useEffect)(function () {
+      var loadInterval,
+        dispose = import_imperative_api.router.onLoadState(function (state) {
+          switch (clearTimeout(loadInterval), state) {
+            case "loading":
+              {
+                loadInterval = setTimeout(function () {
+                  setLoaded(initialPercent);
+                  var intervalCount = 0;
+                  loadInterval = setInterval(function () {
+                    intervalCount++, intervalCount % sporadicness !== 0 && setLoaded(function (prev) {
+                      var increment = (100 - prev) * (prev > 80 ? 0.05 : 0.1) * Math.random();
+                      return Math.min(prev + increment, 100);
+                    });
+                  }, updateInterval);
+                }, startDelay);
+                break;
+              }
+            case "loaded":
+              {
+                setLoaded(100), clearInterval(loadInterval), setTimeout(function () {
+                  setLoaded(0);
+                }, finishDelay);
+                break;
+              }
+          }
+        });
+      return function () {
+        dispose(), clearInterval(loadInterval);
+      };
+    }, [finishDelay, initialPercent, sporadicness, startDelay, updateInterval]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+      ...props,
+      onLayout: function (e) {
+        var _props_onLayout;
+        setWidth(e.nativeEvent.layout.width), (_props_onLayout = props.onLayout) === null || _props_onLayout === void 0 || _props_onLayout.call(props, e);
+      },
+      style: [{
+        display: loaded === 0 ? "none" : "flex",
+        height: 1,
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: "rgba(60, 100, 200, 0.65)",
+        width: "100%",
+        transform: [{
+          translateX: -(1 - loaded * 0.01) * width
+        }],
+        zIndex: Number.MAX_SAFE_INTEGER
+      }, props.style]
+    });
+  };
+//# sourceMappingURL=LoadProgressBar.native.js.map

package/dist/cjs/views/LoadProgressBar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LoadProgressBar_exports","__export","LoadProgressBar","module","exports","import_jsx_runtime","require","import_react","import_react_native","import_imperative_api","param","startDelay","finishDelay","initialPercent","updateInterval","sporadicness","props","loaded","setLoaded","useState","width","setWidth","useEffect","loadInterval","dispose","router","onLoadState","state","clearTimeout","setTimeout","intervalCount","setInterval","prev","increment","Math","random","min","clearInterval","jsx","View","onLayout","e","_props_onLayout","nativeEvent","layout","call","style","display","height","position","top","left","right","backgroundColor","transform","translateX","zIndex","Number","MAX_SAFE_INTEGER"],"sources":["../../../src/views/LoadProgressBar.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,uBACpC;AAsBO,IAAAK,kBAAM,GAAmBC,OAAA;EAAAC,YAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAG,qBAAA,GAAAH,OAAA;EAAAJ,eAAA,YAAAA,CAAAQ,KAAA;IAC9B;QAAAC,UAAa;QAAAC,WAAA;QAAAC,cAAA;QAAAC,cAAA;QAAAC,YAAA;QAAA,GAAAC;MAAA,IAAAN,KAAA;MAAA,CAAAO,MAAA,EAAAC,SAAA,QAAAX,YAAA,CAAAY,QAAA;MAAA,CAAAC,KAAA,EAAAC,QAAA,QAAAd,YAAA,CAAAY,QAAA;IACb,WAAAZ,YAAc,CAAAe,SAAA;MACd,IAAAC,YAAiB;QAAAC,OAAA,GAAAf,qBAAA,CAAAgB,MAAA,CAAAC,WAAA,WAAAC,KAAA;UACjB,QAAAC,YAAiB,CAAAL,YAAA,GAAAI,KAAA;YACjB,cAAe;cAAA;gBACZJ,YAAA,GAAAM,UAAA;kBACuBX,SAAA,CAAAL,cAAA;kBACnB,IAAAiB,aAAiB;kBAGxBP,YAAA,GAAAQ,WAAU,aAAM;oBACVD,aAAA,IAAAA,aAAA,GAAAf,YAAA,UAAAG,SAAA,WAAAc,IAAA;sBAEE,IAAUC,SAAA,UAAAD,IAAA,KAAAA,IAAO,YAAa,UAAUE,IAAA,CAAAC,MAAA;sBAC5C,OAAAD,IAAa,CAAAE,GAAA,CAAAJ,IAAA,GAAYC,SAEjB,EAAO;oBACR;kBACH,GAAAnB,cAAe;gBACb,GAAAH,UAAU;gBAGV;cAEA;YAGE,aAFA;cAAA;gBAOEO,SAAA,IAAM,GAAAmB,aAAa,CAAAd,YAAe,GAAAM,UAAY,aAAc;kBAC5DX,SAAA,EAAO;gBAA8B,GAAAN,WACtC;gBAAA;cACc;UAEnB;QAAA;MACF,OAEA,YAAK;QACHY,OAAA,IAAAa,aACA,CAAAd,YAAc;MAEZ;IAAW,IAEbX,WAAA,EAAAC,cACF,EAAAE,YACF,EACFJ,UAAC,EAEDG,cAAa,CACX,kBACA,IAAAT,kBAA0B,CAAAiC,GAAA,EAAA9B,mBAAA,CAAA+B,IAAA;MAC5B,GAAAvB,KAAA;MACFwB,QAAI,WAAAA,CAAaC,CAAA;QAGd,IAAAC,eAAA;QAAArB,QAAA,CAAAoB,CAAA,CAAAE,WAAA,CAAAC,MAAA,CAAAxB,KAAA,IAAAsB,eAAA,GAAA1B,KAAA,CAAAwB,QAAA,cAAAE,eAAA,eAAAA,eAAA,CAAAG,IAAA,CAAA7B,KAAA,EAAAyB,CAAA;MAAA;MACKK,KACJ,GACE;QAEFC,OAAA,EAAA9B,MAAA;QACA+B,MAAO;QACLC,QAAA;QAAAC,GACE;QAAiCC,IACjC;QAAQC,KACR;QAAUC,eACL;QAAAjC,KACL,QAAM;QAAAkC,SACC,GACP;UACAC,UAAO,QAAAtC,MAAA,WAAAG;QACP,EAAwD;QAE1DoC,MAAA,EAAAC,MAAA,CAAAC;MAAA,GAEF1C,KAAA,CAAA8B,KAAA;IACF;EAEJ","ignoreList":[]}

package/dist/cjs/views/Navigator.cjs

@@ -0,0 +1,217 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Navigator_exports = {};
+__export(Navigator_exports, {
+  DefaultNavigator: () => DefaultNavigator,
+  NamedSlot: () => NamedSlot,
+  Navigator: () => Navigator,
+  NavigatorContext: () => NavigatorContext,
+  QualifiedSlot: () => QualifiedSlot,
+  Slot: () => Slot,
+  clearAllSlotStates: () => clearAllSlotStates,
+  getScopedSlotKey: () => getScopedSlotKey,
+  getSlotState: () => getSlotState,
+  setSlotState: () => setSlotState,
+  useNamedSlot: () => useNamedSlot,
+  useNavigatorContext: () => useNavigatorContext,
+  useSlot: () => useSlot
+});
+module.exports = __toCommonJS(Navigator_exports);
+var import_native = require("@react-navigation/native"),
+  React = __toESM(require("react"), 1),
+  import_react_native_safe_area_context = require("react-native-safe-area-context"),
+  import_withLayoutContext = require("../layouts/withLayoutContext.cjs"),
+  import_Route = require("../router/Route.cjs"),
+  import_router = require("../router/router.cjs"),
+  import_useScreens = require("../router/useScreens.cjs"),
+  import_Screen = require("./Screen.cjs"),
+  import_interceptRoutes = require("../router/interceptRoutes.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const SLOT_STATIC_KEY = "one-slot-static-key",
+  globalSlotState = /* @__PURE__ */new Map(),
+  slotStateListeners = /* @__PURE__ */new Set();
+function getSlotState(slotName) {
+  return globalSlotState.get(slotName);
+}
+function setSlotState(slotName, state) {
+  state === null ? globalSlotState.delete(slotName) : globalSlotState.set(slotName, state), slotStateListeners.forEach(listener => listener());
+}
+function clearAllSlotStates() {
+  globalSlotState.clear(), slotStateListeners.forEach(listener => listener());
+}
+(0, import_interceptRoutes.registerClearSlotStates)(clearAllSlotStates);
+(0, import_interceptRoutes.registerSetSlotState)(setSlotState);
+function useSlotStateSubscription() {
+  const [, forceUpdate] = React.useReducer(x => x + 1, 0);
+  React.useEffect(() => (slotStateListeners.add(forceUpdate), () => {
+    slotStateListeners.delete(forceUpdate);
+  }), []);
+}
+const NavigatorContext = React.createContext(null);
+process.env.NODE_ENV !== "production" && (NavigatorContext.displayName = "NavigatorContext");
+function Navigator({
+  initialRouteName,
+  screenOptions,
+  children,
+  router
+}) {
+  const contextKey = (0, import_Route.useContextKey)(),
+    {
+      screens,
+      children: otherSlot,
+      protectedScreens
+    } = (0, import_withLayoutContext.useFilterScreenChildren)(children, {
+      isCustomNavigator: !0,
+      contextKey
+    });
+  (0, import_router.registerProtectedRoutes)(contextKey, protectedScreens), React.useEffect(() => ((0, import_router.registerProtectedRoutes)(contextKey, protectedScreens), () => {
+    (0, import_router.unregisterProtectedRoutes)(contextKey);
+  }), [contextKey, protectedScreens]);
+  const sorted = (0, import_useScreens.useSortedScreens)(screens ?? [], {
+    protectedScreens
+  });
+  return sorted.length ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(QualifiedNavigator, {
+    initialRouteName,
+    screenOptions,
+    screens: sorted,
+    contextKey,
+    router,
+    children: otherSlot
+  }) : (console.warn(`Navigator at "${contextKey}" has no children.`), null);
+}
+function QualifiedNavigator({
+  initialRouteName,
+  screenOptions,
+  children,
+  screens,
+  contextKey,
+  router = import_native.StackRouter
+}) {
+  const {
+      state,
+      navigation,
+      descriptors,
+      NavigationContent
+    } = (0, import_native.useNavigationBuilder)(router, {
+      // Used for getting the parent with navigation.getParent('/normalized/path')
+      id: contextKey,
+      children: screens,
+      screenOptions,
+      initialRouteName
+    }),
+    descriptorsRef = React.useRef(descriptors);
+  descriptorsRef.current = descriptors;
+  const value = React.useMemo(() => ({
+    contextKey,
+    state,
+    navigation,
+    descriptorsRef,
+    router
+  }), [contextKey, state, navigation, router]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NavigatorContext.Provider, {
+    value,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NavigationContent, {
+      children
+    })
+  });
+}
+function useNavigatorContext() {
+  const context = React.useContext(NavigatorContext);
+  if (!context) throw new Error("useNavigatorContext must be used within a <Navigator />");
+  return context;
+}
+function useSlot() {
+  const context = useNavigatorContext(),
+    {
+      state,
+      descriptorsRef
+    } = context,
+    current = state.routes.find((route, i) => state.index === i);
+  if (!current) return null;
+  const renderedElement = descriptorsRef.current[current.key]?.render() ?? null;
+  return renderedElement !== null ? React.cloneElement(renderedElement, {
+    key: SLOT_STATIC_KEY
+  }) : renderedElement;
+}
+const Slot = React.memo(function (props) {
+  const contextKey = (0, import_Route.useContextKey)();
+  return React.useContext(NavigatorContext)?.contextKey !== contextKey ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Navigator, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(QualifiedSlot, {})
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(QualifiedSlot, {});
+});
+function QualifiedSlot() {
+  return useSlot();
+}
+function DefaultNavigator() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native_safe_area_context.SafeAreaView, {
+    style: {
+      flex: 1
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Navigator, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(QualifiedSlot, {})
+    })
+  });
+}
+Navigator.Slot = Slot;
+Navigator.useContext = useNavigatorContext;
+Navigator.Screen = import_Screen.Screen;
+function getScopedSlotKey(slotName, layoutContextKey) {
+  return layoutContextKey ? `${layoutContextKey}:${slotName}` : slotName;
+}
+function useNamedSlot(slotName, layoutContextKey) {
+  useSlotStateSubscription();
+  const scopedKey = getScopedSlotKey(slotName, layoutContextKey),
+    slotState = getSlotState(scopedKey);
+  if (!slotState?.activeRouteKey || !slotState.isIntercepted) return null;
+  if (slotState.activeRouteNode) {
+    const Component = (0, import_useScreens.getQualifiedRouteComponent)(slotState.activeRouteNode);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      route: {
+        params: slotState.params || {}
+      }
+    }, slotState.activeRouteKey);
+  }
+  return null;
+}
+function NamedSlot({
+  name,
+  layoutContextKey,
+  children
+}) {
+  const slotContent = useNamedSlot(name, layoutContextKey);
+  return slotContent ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: slotContent
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children
+  });
+}

package/dist/cjs/views/Navigator.js

@@ -0,0 +1,173 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Navigator_exports = {};
+__export(Navigator_exports, {
+  DefaultNavigator: () => DefaultNavigator,
+  NamedSlot: () => NamedSlot,
+  Navigator: () => Navigator,
+  NavigatorContext: () => NavigatorContext,
+  QualifiedSlot: () => QualifiedSlot,
+  Slot: () => Slot,
+  clearAllSlotStates: () => clearAllSlotStates,
+  getScopedSlotKey: () => getScopedSlotKey,
+  getSlotState: () => getSlotState,
+  setSlotState: () => setSlotState,
+  useNamedSlot: () => useNamedSlot,
+  useNavigatorContext: () => useNavigatorContext,
+  useSlot: () => useSlot
+});
+module.exports = __toCommonJS(Navigator_exports);
+var import_native = require("@react-navigation/native"), React = __toESM(require("react"), 1), import_react_native_safe_area_context = require("react-native-safe-area-context"), import_withLayoutContext = require("../layouts/withLayoutContext"), import_Route = require("../router/Route"), import_router = require("../router/router"), import_useScreens = require("../router/useScreens"), import_Screen = require("./Screen"), import_interceptRoutes = require("../router/interceptRoutes"), import_jsx_runtime = require("react/jsx-runtime");
+const SLOT_STATIC_KEY = "one-slot-static-key", globalSlotState = /* @__PURE__ */ new Map(), slotStateListeners = /* @__PURE__ */ new Set();
+function getSlotState(slotName) {
+  return globalSlotState.get(slotName);
+}
+function setSlotState(slotName, state) {
+  state === null ? globalSlotState.delete(slotName) : globalSlotState.set(slotName, state), slotStateListeners.forEach((listener) => listener());
+}
+function clearAllSlotStates() {
+  globalSlotState.clear(), slotStateListeners.forEach((listener) => listener());
+}
+(0, import_interceptRoutes.registerClearSlotStates)(clearAllSlotStates);
+(0, import_interceptRoutes.registerSetSlotState)(setSlotState);
+function useSlotStateSubscription() {
+  const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
+  React.useEffect(() => (slotStateListeners.add(forceUpdate), () => {
+    slotStateListeners.delete(forceUpdate);
+  }), []);
+}
+const NavigatorContext = React.createContext(null);
+process.env.NODE_ENV !== "production" && (NavigatorContext.displayName = "NavigatorContext");
+function Navigator({
+  initialRouteName,
+  screenOptions,
+  children,
+  router
+}) {
+  const contextKey = (0, import_Route.useContextKey)(), {
+    screens,
+    children: otherSlot,
+    protectedScreens
+  } = (0, import_withLayoutContext.useFilterScreenChildren)(children, {
+    isCustomNavigator: !0,
+    contextKey
+  });
+  (0, import_router.registerProtectedRoutes)(contextKey, protectedScreens), React.useEffect(() => ((0, import_router.registerProtectedRoutes)(contextKey, protectedScreens), () => {
+    (0, import_router.unregisterProtectedRoutes)(contextKey);
+  }), [contextKey, protectedScreens]);
+  const sorted = (0, import_useScreens.useSortedScreens)(screens ?? [], { protectedScreens });
+  return sorted.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    QualifiedNavigator,
+    {
+      initialRouteName,
+      screenOptions,
+      screens: sorted,
+      contextKey,
+      router,
+      children: otherSlot
+    }
+  ) : (console.warn(`Navigator at "${contextKey}" has no children.`), null);
+}
+function QualifiedNavigator({
+  initialRouteName,
+  screenOptions,
+  children,
+  screens,
+  contextKey,
+  router = import_native.StackRouter
+}) {
+  const { state, navigation, descriptors, NavigationContent } = (0, import_native.useNavigationBuilder)(
+    router,
+    {
+      // Used for getting the parent with navigation.getParent('/normalized/path')
+      id: contextKey,
+      children: screens,
+      screenOptions,
+      initialRouteName
+    }
+  ), descriptorsRef = React.useRef(descriptors);
+  descriptorsRef.current = descriptors;
+  const value = React.useMemo(() => ({
+    contextKey,
+    state,
+    navigation,
+    descriptorsRef,
+    router
+  }), [contextKey, state, navigation, router]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigatorContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationContent, { children }) });
+}
+function useNavigatorContext() {
+  const context = React.useContext(NavigatorContext);
+  if (!context)
+    throw new Error("useNavigatorContext must be used within a <Navigator />");
+  return context;
+}
+function useSlot() {
+  const context = useNavigatorContext(), { state, descriptorsRef } = context, current = state.routes.find((route, i) => state.index === i);
+  if (!current)
+    return null;
+  const renderedElement = descriptorsRef.current[current.key]?.render() ?? null;
+  return renderedElement !== null ? React.cloneElement(renderedElement, { key: SLOT_STATIC_KEY }) : renderedElement;
+}
+const Slot = React.memo(function(props) {
+  const contextKey = (0, import_Route.useContextKey)();
+  return React.useContext(NavigatorContext)?.contextKey !== contextKey ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Navigator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QualifiedSlot, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QualifiedSlot, {});
+});
+function QualifiedSlot() {
+  return useSlot();
+}
+function DefaultNavigator() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_safe_area_context.SafeAreaView, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Navigator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QualifiedSlot, {}) }) });
+}
+Navigator.Slot = Slot;
+Navigator.useContext = useNavigatorContext;
+Navigator.Screen = import_Screen.Screen;
+function getScopedSlotKey(slotName, layoutContextKey) {
+  return layoutContextKey ? `${layoutContextKey}:${slotName}` : slotName;
+}
+function useNamedSlot(slotName, layoutContextKey) {
+  useSlotStateSubscription();
+  const scopedKey = getScopedSlotKey(slotName, layoutContextKey), slotState = getSlotState(scopedKey);
+  if (!slotState?.activeRouteKey || !slotState.isIntercepted)
+    return null;
+  if (slotState.activeRouteNode) {
+    const Component = (0, import_useScreens.getQualifiedRouteComponent)(slotState.activeRouteNode);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      {
+        route: { params: slotState.params || {} }
+      },
+      slotState.activeRouteKey
+    );
+  }
+  return null;
+}
+function NamedSlot({
+  name,
+  layoutContextKey,
+  children
+}) {
+  const slotContent = useNamedSlot(name, layoutContextKey);
+  return slotContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: slotContent }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+//# sourceMappingURL=Navigator.js.map

package/dist/cjs/views/Navigator.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Navigator.tsx"],
+  "mappings": "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",
+  "names": []
+}