@argon-router/react 0.3.2 → 0.4.0

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),X=require("effector-react");var A={exports:{}},k={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),be=require("effector-react");var N={exports:{}},S={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Ee;function Se(){if(Ee)return k;Ee=1;var a=Symbol.for("react.transitional.element"),g=Symbol.for("react.fragment");function f(E,s,l){var v=null;if(l!==void 0&&(v=""+l),s.key!==void 0&&(v=""+s.key),"key"in s){l={};for(var b in s)b!=="key"&&(l[b]=s[b])}else l=s;return s=l.ref,{$$typeof:a,type:E,key:v,ref:s!==void 0?s:null,props:l}}return k.Fragment=g,k.jsx=f,k.jsxs=f,k}var O={};/**
+ */var de;function Oe(){if(de)return S;de=1;var a=Symbol.for("react.transitional.element"),E=Symbol.for("react.fragment");function s(g,l,i){var b=null;if(i!==void 0&&(b=""+i),l.key!==void 0&&(b=""+l.key),"key"in l){i={};for(var m in l)m!=="key"&&(i[m]=l[m])}else i=l;return l=i.ref,{$$typeof:a,type:g,key:b,ref:l!==void 0?l:null,props:i}}return S.Fragment=E,S.jsx=s,S.jsxs=s,S}var O={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,18 +14,18 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var be;function Ae(){return be||(be=1,process.env.NODE_ENV!=="production"&&function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case $:return"Fragment";case Te:return"Portal";case I:return"Profiler";case Z:return"StrictMode";case W:return"Suspense";case V:return"SuspenseList"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case D:return(e.displayName||"Context")+".Provider";case Q:return(e._context.displayName||"Context")+".Consumer";case U:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case q:return r=e.displayName||null,r!==null?r:a(e.type)||"Memo";case J:r=e._payload,e=e._init;try{return a(e(r))}catch{}}return null}function g(e){return""+e}function f(e){try{g(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),g(e)}}function E(){}function s(){if(j===0){te=console.log,oe=console.info,ne=console.warn,ae=console.error,ue=console.group,se=console.groupCollapsed,ie=console.groupEnd;var e={configurable:!0,enumerable:!0,value:E,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}j++}function l(){if(j--,j===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:h({},e,{value:te}),info:h({},e,{value:oe}),warn:h({},e,{value:ne}),error:h({},e,{value:ae}),group:h({},e,{value:ue}),groupCollapsed:h({},e,{value:se}),groupEnd:h({},e,{value:ie})})}0>j&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function v(e){if(G===void 0)try{throw Error()}catch(t){var r=t.stack.trim().match(/\n( *(at )?)/);G=r&&r[1]||"",le=-1<t.stack.indexOf(`
+ */var ve;function Ae(){return ve||(ve=1,process.env.NODE_ENV!=="production"&&function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===pe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case M:return"Fragment";case Te:return"Portal";case K:return"Profiler";case B:return"StrictMode";case V:return"Suspense";case W:return"SuspenseList"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case Z:return(e.displayName||"Context")+".Provider";case I:return(e._context.displayName||"Context")+".Consumer";case $:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case U:return r=e.displayName||null,r!==null?r:a(e.type)||"Memo";case q:r=e._payload,e=e._init;try{return a(e(r))}catch{}}return null}function E(e){return""+e}function s(e){try{E(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),E(e)}}function g(){}function l(){if(p===0){ee=console.log,re=console.info,te=console.warn,oe=console.error,ne=console.group,ae=console.groupCollapsed,ue=console.groupEnd;var e={configurable:!0,enumerable:!0,value:g,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}p++}function i(){if(p--,p===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:_({},e,{value:ee}),info:_({},e,{value:re}),warn:_({},e,{value:te}),error:_({},e,{value:oe}),group:_({},e,{value:ne}),groupCollapsed:_({},e,{value:ae}),groupEnd:_({},e,{value:ue})})}0>p&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function b(e){if(J===void 0)try{throw Error()}catch(t){var r=t.stack.trim().match(/\n( *(at )?)/);J=r&&r[1]||"",se=-1<t.stack.indexOf(`
     at`)?" (<anonymous>)":-1<t.stack.indexOf("@")?"@unknown:0:0":""}return`
-`+G+e+le}function b(e,r){if(!e||L)return"";var t=H.get(e);if(t!==void 0)return t;L=!0,t=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var n=null;n=_.H,_.H=null,s();try{var c={DetermineComponentFrameRoot:function(){try{if(r){var y=function(){throw Error()};if(Object.defineProperty(y.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(y,[])}catch(w){var S=w}Reflect.construct(e,[],y)}else{try{y.call()}catch(w){S=w}e.call(y.prototype)}}else{try{throw Error()}catch(w){S=w}(y=e())&&typeof y.catch=="function"&&y.catch(function(){})}}catch(w){if(w&&S&&typeof w.stack=="string")return[w.stack,S.stack]}return[null,null]}};c.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var u=Object.getOwnPropertyDescriptor(c.DetermineComponentFrameRoot,"name");u&&u.configurable&&Object.defineProperty(c.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var o=c.DetermineComponentFrameRoot(),R=o[0],T=o[1];if(R&&T){var d=R.split(`
-`),p=T.split(`
-`);for(o=u=0;u<d.length&&!d[u].includes("DetermineComponentFrameRoot");)u++;for(;o<p.length&&!p[o].includes("DetermineComponentFrameRoot");)o++;if(u===d.length||o===p.length)for(u=d.length-1,o=p.length-1;1<=u&&0<=o&&d[u]!==p[o];)o--;for(;1<=u&&0<=o;u--,o--)if(d[u]!==p[o]){if(u!==1||o!==1)do if(u--,o--,0>o||d[u]!==p[o]){var C=`
-`+d[u].replace(" at new "," at ");return e.displayName&&C.includes("<anonymous>")&&(C=C.replace("<anonymous>",e.displayName)),typeof e=="function"&&H.set(e,C),C}while(1<=u&&0<=o);break}}}finally{L=!1,_.H=n,l(),Error.prepareStackTrace=t}return d=(d=e?e.displayName||e.name:"")?v(d):"",typeof e=="function"&&H.set(e,d),d}function m(e){if(e==null)return"";if(typeof e=="function"){var r=e.prototype;return b(e,!(!r||!r.isReactComponent))}if(typeof e=="string")return v(e);switch(e){case W:return v("Suspense");case V:return v("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case U:return e=b(e.render,!1),e;case q:return m(e.type);case J:r=e._payload,e=e._init;try{return m(e(r))}catch{}}return""}function i(){var e=_.A;return e===null?null:e.getOwner()}function P(e){if(re.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function xe(e,r){function t(){ce||(ce=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function ye(){var e=a(this.type);return fe[e]||(fe[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function _e(e,r,t,n,c,u){return t=u.ref,e={$$typeof:M,type:e,key:r,props:u,_owner:c},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:ye}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function B(e,r,t,n,c,u){if(typeof e=="string"||typeof e=="function"||e===$||e===I||e===Z||e===W||e===V||e===je||typeof e=="object"&&e!==null&&(e.$$typeof===J||e.$$typeof===q||e.$$typeof===D||e.$$typeof===Q||e.$$typeof===U||e.$$typeof===ke||e.getModuleId!==void 0)){var o=r.children;if(o!==void 0)if(n)if(z(o)){for(n=0;n<o.length;n++)F(o[n],e);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else F(o,e)}else o="",(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),e===null?n="null":z(e)?n="array":e!==void 0&&e.$$typeof===M?(n="<"+(a(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):n=typeof e,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",n,o);if(re.call(r,"key")){o=a(e);var R=Object.keys(r).filter(function(d){return d!=="key"});n=0<R.length?"{key: someKey, "+R.join(": ..., ")+": ...}":"{key: someKey}",de[o+n]||(R=0<R.length?"{"+R.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+`+J+e+se}function m(e,r){if(!e||L)return"";var t=G.get(e);if(t!==void 0)return t;L=!0,t=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var n=null;n=h.H,h.H=null,l();try{var c={DetermineComponentFrameRoot:function(){try{if(r){var x=function(){throw Error()};if(Object.defineProperty(x.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(x,[])}catch(w){var A=w}Reflect.construct(e,[],x)}else{try{x.call()}catch(w){A=w}e.call(x.prototype)}}else{try{throw Error()}catch(w){A=w}(x=e())&&typeof x.catch=="function"&&x.catch(function(){})}}catch(w){if(w&&A&&typeof w.stack=="string")return[w.stack,A.stack]}return[null,null]}};c.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var u=Object.getOwnPropertyDescriptor(c.DetermineComponentFrameRoot,"name");u&&u.configurable&&Object.defineProperty(c.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var o=c.DetermineComponentFrameRoot(),R=o[0],k=o[1];if(R&&k){var d=R.split(`
+`),T=k.split(`
+`);for(o=u=0;u<d.length&&!d[u].includes("DetermineComponentFrameRoot");)u++;for(;o<T.length&&!T[o].includes("DetermineComponentFrameRoot");)o++;if(u===d.length||o===T.length)for(u=d.length-1,o=T.length-1;1<=u&&0<=o&&d[u]!==T[o];)o--;for(;1<=u&&0<=o;u--,o--)if(d[u]!==T[o]){if(u!==1||o!==1)do if(u--,o--,0>o||d[u]!==T[o]){var C=`
+`+d[u].replace(" at new "," at ");return e.displayName&&C.includes("<anonymous>")&&(C=C.replace("<anonymous>",e.displayName)),typeof e=="function"&&G.set(e,C),C}while(1<=u&&0<=o);break}}}finally{L=!1,h.H=n,i(),Error.prepareStackTrace=t}return d=(d=e?e.displayName||e.name:"")?b(d):"",typeof e=="function"&&G.set(e,d),d}function j(e){if(e==null)return"";if(typeof e=="function"){var r=e.prototype;return m(e,!(!r||!r.isReactComponent))}if(typeof e=="string")return b(e);switch(e){case V:return b("Suspense");case W:return b("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case $:return e=m(e.render,!1),e;case U:return j(e.type);case q:r=e._payload,e=e._init;try{return j(e(r))}catch{}}return""}function f(){var e=h.A;return e===null?null:e.getOwner()}function we(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function xe(e,r){function t(){le||(le=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function ye(){var e=a(this.type);return ie[e]||(ie[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function je(e,r,t,n,c,u){return t=u.ref,e={$$typeof:Y,type:e,key:r,props:u,_owner:c},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:ye}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function F(e,r,t,n,c,u){if(typeof e=="string"||typeof e=="function"||e===M||e===K||e===B||e===V||e===W||e===ke||typeof e=="object"&&e!==null&&(e.$$typeof===q||e.$$typeof===U||e.$$typeof===Z||e.$$typeof===I||e.$$typeof===$||e.$$typeof===Ce||e.getModuleId!==void 0)){var o=r.children;if(o!==void 0)if(n)if(z(o)){for(n=0;n<o.length;n++)H(o[n],e);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else H(o,e)}else o="",(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),e===null?n="null":z(e)?n="array":e!==void 0&&e.$$typeof===Y?(n="<"+(a(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):n=typeof e,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",n,o);if(D.call(r,"key")){o=a(e);var R=Object.keys(r).filter(function(d){return d!=="key"});n=0<R.length?"{key: someKey, "+R.join(": ..., ")+": ...}":"{key: someKey}",ce[o+n]||(R=0<R.length?"{"+R.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,o,R,o),de[o+n]=!0)}if(o=null,t!==void 0&&(f(t),o=""+t),P(r)&&(f(r.key),o=""+r.key),"key"in r){t={};for(var T in r)T!=="key"&&(t[T]=r[T])}else t=r;return o&&xe(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),_e(e,o,u,c,i(),t)}function F(e,r){if(typeof e=="object"&&e&&e.$$typeof!==Oe){if(z(e))for(var t=0;t<e.length;t++){var n=e[t];Y(n)&&K(n,r)}else if(Y(e))e._store&&(e._store.validated=1);else if(e===null||typeof e!="object"?t=null:(t=ee&&e[ee]||e["@@iterator"],t=typeof t=="function"?t:null),typeof t=="function"&&t!==e.entries&&(t=t.call(e),t!==e))for(;!(e=t.next()).done;)Y(e.value)&&K(e.value,r)}}function Y(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}function K(e,r){if(e._store&&!e._store.validated&&e.key==null&&(e._store.validated=1,r=he(r),!ve[r])){ve[r]=!0;var t="";e&&e._owner!=null&&e._owner!==i()&&(t=null,typeof e._owner.tag=="number"?t=a(e._owner.type):typeof e._owner.name=="string"&&(t=e._owner.name),t=" It was passed a child from "+t+".");var n=_.getCurrentStack;_.getCurrentStack=function(){var c=m(e.type);return n&&(c+=n()||""),c},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',r,t),_.getCurrentStack=n}}function he(e){var r="",t=i();return t&&(t=a(t.type))&&(r=`
+  <%s key={someKey} {...props} />`,n,o,R,o),ce[o+n]=!0)}if(o=null,t!==void 0&&(s(t),o=""+t),we(r)&&(s(r.key),o=""+r.key),"key"in r){t={};for(var k in r)k!=="key"&&(t[k]=r[k])}else t=r;return o&&xe(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),je(e,o,u,c,f(),t)}function H(e,r){if(typeof e=="object"&&e&&e.$$typeof!==Se){if(z(e))for(var t=0;t<e.length;t++){var n=e[t];P(n)&&X(n,r)}else if(P(e))e._store&&(e._store.validated=1);else if(e===null||typeof e!="object"?t=null:(t=Q&&e[Q]||e["@@iterator"],t=typeof t=="function"?t:null),typeof t=="function"&&t!==e.entries&&(t=t.call(e),t!==e))for(;!(e=t.next()).done;)P(e.value)&&X(e.value,r)}}function P(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}function X(e,r){if(e._store&&!e._store.validated&&e.key==null&&(e._store.validated=1,r=he(r),!fe[r])){fe[r]=!0;var t="";e&&e._owner!=null&&e._owner!==f()&&(t=null,typeof e._owner.tag=="number"?t=a(e._owner.type):typeof e._owner.name=="string"&&(t=e._owner.name),t=" It was passed a child from "+t+".");var n=h.getCurrentStack;h.getCurrentStack=function(){var c=j(e.type);return n&&(c+=n()||""),c},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',r,t),h.getCurrentStack=n}}function he(e){var r="",t=f();return t&&(t=a(t.type))&&(r=`
 
 Check the render method of \``+t+"`."),r||(e=a(e))&&(r=`
 
-Check the top-level render call using <`+e+">."),r}var pe=N,M=Symbol.for("react.transitional.element"),Te=Symbol.for("react.portal"),$=Symbol.for("react.fragment"),Z=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),D=Symbol.for("react.context"),U=Symbol.for("react.forward_ref"),W=Symbol.for("react.suspense"),V=Symbol.for("react.suspense_list"),q=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),je=Symbol.for("react.offscreen"),ee=Symbol.iterator,Ce=Symbol.for("react.client.reference"),_=pe.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re=Object.prototype.hasOwnProperty,h=Object.assign,ke=Symbol.for("react.client.reference"),z=Array.isArray,j=0,te,oe,ne,ae,ue,se,ie;E.__reactDisabledLog=!0;var G,le,L=!1,H=new(typeof WeakMap=="function"?WeakMap:Map),Oe=Symbol.for("react.client.reference"),ce,fe={},de={},ve={};O.Fragment=$,O.jsx=function(e,r,t,n,c){return B(e,r,t,!1,n,c)},O.jsxs=function(e,r,t,n,c){return B(e,r,t,!0,n,c)}}()),O}var ge;function Ne(){return ge||(ge=1,process.env.NODE_ENV==="production"?A.exports=Se():A.exports=Ae()),A.exports}var x=Ne();const me=N.createContext(null),Pe=a=>x.jsx(me.Provider,{value:a.router,children:a.children});function Re(){const a=N.useContext(me);if(!a)throw new Error("[useRouter] Router not found. Add RouterProvider in app root");return a}function we(){return X.useUnit(Re())}const Ye=N.forwardRef((a,g)=>{const{to:f,params:E,onClick:s,...l}=a,{mappedRoutes:v}=Re(),b=v.find(({route:i})=>i===f),{onOpen:m}=X.useUnit(f);if(!b){const{internal:i}=f;throw new Error(`[Link] Route with path "${i.path}" not found. Maybe it is not passed into createRouter?`)}return x.jsx("a",{...l,ref:g,href:b.toPath(E??void 0),onClick:i=>{s==null||s(i),!i.defaultPrevented&&(l.target&&l.target!=="_self"||i.metaKey||i.altKey||i.ctrlKey||i.shiftKey||(i.preventDefault(),m({params:E||{}})))}})}),Me=a=>({...a,view:()=>{const{view:g,layout:f,route:E}=a,{isOpened:s}=X.useUnit(E);return s?f?x.jsx(f,{children:x.jsx(g,{})}):x.jsx(g,{}):null}}),$e=a=>{const{routes:g,otherwise:f}=a;return()=>{const{activeRoutes:E}=we(),s=E.reduce((m,i)=>m.filter(P=>P!==i.internal.parent),E),l=g.find(m=>m.route===s.at(-1));if(!l)return f?x.jsx(f,{}):null;const{view:v,layout:b}=l;return b?x.jsx(b,{children:x.jsx(v,{})}):x.jsx(v,{})}};exports.Link=Ye;exports.RouterProvider=Pe;exports.createRouteView=Me;exports.createRoutesView=$e;exports.useRouter=we;
+Check the top-level render call using <`+e+">."),r}var _e=y,Y=Symbol.for("react.transitional.element"),Te=Symbol.for("react.portal"),M=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),K=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),Z=Symbol.for("react.context"),$=Symbol.for("react.forward_ref"),V=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),U=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),ke=Symbol.for("react.offscreen"),Q=Symbol.iterator,pe=Symbol.for("react.client.reference"),h=_e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,_=Object.assign,Ce=Symbol.for("react.client.reference"),z=Array.isArray,p=0,ee,re,te,oe,ne,ae,ue;g.__reactDisabledLog=!0;var J,se,L=!1,G=new(typeof WeakMap=="function"?WeakMap:Map),Se=Symbol.for("react.client.reference"),le,ie={},ce={},fe={};O.Fragment=M,O.jsx=function(e,r,t,n,c){return F(e,r,t,!1,n,c)},O.jsxs=function(e,r,t,n,c){return F(e,r,t,!0,n,c)}}()),O}var Ee;function Ne(){return Ee||(Ee=1,process.env.NODE_ENV==="production"?N.exports=Oe():N.exports=Ae()),N.exports}var v=Ne();const ge=y.createContext(null),Pe=a=>v.jsx(ge.Provider,{value:a.router,children:a.children});function me(){const a=y.useContext(ge);if(!a)throw new Error("[useRouter] Router not found. Add RouterProvider in app root");return a}function Re(){return be.useUnit(me())}const Ye=y.forwardRef((a,E)=>{const{to:s,params:g,onClick:l,...i}=a,{mappedRoutes:b}=me(),m=b.find(({route:f})=>f===s),{onOpen:j}=be.useUnit(s);if(!m){const{internal:f}=s;throw new Error(`[Link] Route with path "${f.path}" not found. Maybe it is not passed into createRouter?`)}return v.jsx("a",{...i,ref:E,href:m.toPath(g??void 0),onClick:f=>{l==null||l(f),!f.defaultPrevented&&(i.target&&i.target!=="_self"||f.metaKey||f.altKey||f.ctrlKey||f.shiftKey||(f.preventDefault(),j({params:g||{}})))}})}),Me=a=>({route:a.route,view:()=>{const{view:E,layout:s}=a;return s?v.jsx(s,{children:v.jsx(E,{})}):v.jsx(E,{})}}),$e=a=>{const{routes:E,otherwise:s}=a;return()=>{const{activeRoutes:g}=Re(),l=g.reduce((b,m)=>b.filter(j=>j!==m.internal.parent),g),i=E.find(b=>b.route===l.at(-1));return i?y.createElement(i.view):s?v.jsx(s,{}):null}},Ve=a=>{a.route.internal.setAsyncImport(a.view);const E=y.lazy(a.view);return{route:a.route,view:()=>{const{layout:s,fallback:g=()=>v.jsx(v.Fragment,{})}=a;return s?v.jsx(s,{children:v.jsx(y.Suspense,{fallback:v.jsx(g,{}),children:v.jsx(E,{})})}):v.jsx(y.Suspense,{fallback:v.jsx(g,{}),children:v.jsx(E,{})})}}};exports.Link=Ye;exports.RouterProvider=Pe;exports.createLazyRouteView=Ve;exports.createRouteView=Me;exports.createRoutesView=$e;exports.useRouter=Re;

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 import { AnchorHTMLAttributes } from 'react';
 import { ComponentType } from 'react';
+import { FC } from 'react';
 import { ForwardedRef } from 'react';
 import { JSX } from 'react/jsx-runtime';
+import { NavigatePayload } from '@argon-router/core';
 import { Query } from '@argon-router/core';
 import { ReactNode } from 'react';
 import { Route } from '@argon-router/core';
@@ -14,27 +16,33 @@ declare type BaseLinkProps<Params> = {
     children?: ReactNode;
 } & AnchorProps;
 
+declare interface CreateBaseRouteViewProps {
+    route: Route<any>;
+    layout?: ComponentType<{
+        children?: ReactNode;
+    }>;
+}
+
+export declare const createLazyRouteView: (props: CreateLazyRouteViewProps) => RouteView;
+
+export declare interface CreateLazyRouteViewProps extends CreateBaseRouteViewProps {
+    view: () => Promise<{
+        default: ComponentType;
+    }>;
+    fallback?: ComponentType;
+}
+
 export declare const createRoutesView: (props: CreateRoutesViewProps) => () => JSX.Element | null;
 
 declare interface CreateRoutesViewProps {
-    routes: CreateRouteViewProps[];
+    routes: RouteView[];
     otherwise?: ComponentType;
 }
 
-export declare const createRouteView: (props: CreateRouteViewProps) => {
-    view: () => JSX.Element | null;
-    route: Route<any>;
-    layout?: ComponentType<{
-        children?: ReactNode;
-    }>;
-};
+export declare const createRouteView: (props: CreateRouteViewProps) => RouteView;
 
-declare interface CreateRouteViewProps {
-    route: Route<any>;
+export declare interface CreateRouteViewProps extends CreateBaseRouteViewProps {
     view: ComponentType;
-    layout?: ComponentType<{
-        children?: ReactNode;
-    }>;
 }
 
 declare type ForwardedLink = <Params = void>(props: LinkProps<Params> & {
@@ -43,7 +51,7 @@ declare type ForwardedLink = <Params = void>(props: LinkProps<Params> & {
 
 export declare const Link: ForwardedLink;
 
-declare type LinkProps<Params> = Params extends Record<string, never> | void | undefined ? BaseLinkProps<Params> & {
+export declare type LinkProps<Params> = Params extends Record<string, never> | void | undefined ? BaseLinkProps<Params> & {
     params?: Params;
 } : BaseLinkProps<Params> & {
     params: Params;
@@ -56,21 +64,18 @@ declare interface RouterProviderProps {
     router: Router;
 }
 
+export declare interface RouteView {
+    route: Route<any>;
+    view: FC;
+}
+
 export declare function useRouter(): {
     query: Query;
     path: string;
     activeRoutes: Route<any>[];
     onBack: () => void;
     onForward: () => void;
-    onNavigate: (payload: {
-        path: string;
-        query: Query;
-        replace?: boolean;
-    }) => {
-        path: string;
-        query: Query;
-        replace?: boolean;
-    };
+    onNavigate: (payload: NavigatePayload) => NavigatePayload;
 };
 
 export { }

package/dist/index.js

@@ -1,6 +1,6 @@
-import ke, { createContext as Oe, useContext as Ae, forwardRef as Se } from "react";
-import { useUnit as L } from "effector-react";
-var S = { exports: {} }, k = {};
+import Ae, { createContext as Oe, useContext as Se, forwardRef as Ne, createElement as Pe, lazy as Ye, Suspense as fe } from "react";
+import { useUnit as be } from "effector-react";
+var S = { exports: {} }, C = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var S = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ve;
-function Ne() {
-  if (ve) return k;
-  ve = 1;
-  var a = Symbol.for("react.transitional.element"), m = Symbol.for("react.fragment");
-  function f(E, s, i) {
-    var v = null;
-    if (i !== void 0 && (v = "" + i), s.key !== void 0 && (v = "" + s.key), "key" in s) {
+var de;
+function Me() {
+  if (de) return C;
+  de = 1;
+  var a = Symbol.for("react.transitional.element"), E = Symbol.for("react.fragment");
+  function s(m, l, i) {
+    var b = null;
+    if (i !== void 0 && (b = "" + i), l.key !== void 0 && (b = "" + l.key), "key" in l) {
       i = {};
-      for (var b in s)
-        b !== "key" && (i[b] = s[b]);
-    } else i = s;
-    return s = i.ref, {
+      for (var g in l)
+        g !== "key" && (i[g] = l[g]);
+    } else i = l;
+    return l = i.ref, {
       $$typeof: a,
-      type: E,
-      key: v,
-      ref: s !== void 0 ? s : null,
+      type: m,
+      key: b,
+      ref: l !== void 0 ? l : null,
       props: i
     };
   }
-  return k.Fragment = m, k.jsx = f, k.jsxs = f, k;
+  return C.Fragment = E, C.jsx = s, C.jsxs = s, C;
 }
-var O = {};
+var A = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,42 +42,42 @@ var O = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ee;
-function Pe() {
-  return Ee || (Ee = 1, process.env.NODE_ENV !== "production" && function() {
+var ve;
+function $e() {
+  return ve || (ve = 1, process.env.NODE_ENV !== "production" && function() {
     function a(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Te ? null : e.displayName || e.name || null;
+        return e.$$typeof === pe ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case M:
+        case Y:
           return "Fragment";
-        case pe:
+        case _e:
           return "Portal";
-        case Z:
+        case B:
           return "Profiler";
-        case K:
+        case X:
           return "StrictMode";
-        case W:
+        case $:
           return "Suspense";
-        case U:
+        case W:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case Q:
-            return (e.displayName || "Context") + ".Provider";
           case I:
+            return (e.displayName || "Context") + ".Provider";
+          case K:
             return (e._context.displayName || "Context") + ".Consumer";
-          case $:
+          case M:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case V:
+          case U:
             return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
-          case q:
+          case V:
             r = e._payload, e = e._init;
             try {
               return a(e(r));
@@ -86,12 +86,12 @@ function Pe() {
         }
       return null;
     }
-    function m(e) {
+    function E(e) {
       return "" + e;
     }
-    function f(e) {
+    function s(e) {
       try {
-        m(e);
+        E(e);
         var r = !1;
       } catch {
         r = !0;
@@ -103,18 +103,18 @@ function Pe() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           n
-        ), m(e);
+        ), E(e);
       }
     }
-    function E() {
+    function m() {
     }
-    function s() {
-      if (j === 0) {
-        re = console.log, te = console.info, oe = console.warn, ne = console.error, ae = console.group, ue = console.groupCollapsed, se = console.groupEnd;
+    function l() {
+      if (p === 0) {
+        D = console.log, ee = console.info, re = console.warn, te = console.error, oe = console.group, ne = console.groupCollapsed, ae = console.groupEnd;
         var e = {
           configurable: !0,
           enumerable: !0,
-          value: E,
+          value: m,
           writable: !0
         };
         Object.defineProperties(console, {
@@ -127,83 +127,83 @@ function Pe() {
           groupEnd: e
         });
       }
-      j++;
+      p++;
     }
     function i() {
-      if (j--, j === 0) {
+      if (p--, p === 0) {
         var e = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
-          log: p({}, e, { value: re }),
-          info: p({}, e, { value: te }),
-          warn: p({}, e, { value: oe }),
-          error: p({}, e, { value: ne }),
-          group: p({}, e, { value: ae }),
-          groupCollapsed: p({}, e, { value: ue }),
-          groupEnd: p({}, e, { value: se })
+          log: j({}, e, { value: D }),
+          info: j({}, e, { value: ee }),
+          warn: j({}, e, { value: re }),
+          error: j({}, e, { value: te }),
+          group: j({}, e, { value: oe }),
+          groupCollapsed: j({}, e, { value: ne }),
+          groupEnd: j({}, e, { value: ae })
         });
       }
-      0 > j && console.error(
+      0 > p && console.error(
         "disabledDepth fell below zero. This is a bug in React. Please file an issue."
       );
     }
-    function v(e) {
-      if (z === void 0)
+    function b(e) {
+      if (q === void 0)
         try {
           throw Error();
         } catch (t) {
           var r = t.stack.trim().match(/\n( *(at )?)/);
-          z = r && r[1] || "", le = -1 < t.stack.indexOf(`
+          q = r && r[1] || "", ue = -1 < t.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < t.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + z + e + le;
+` + q + e + ue;
     }
-    function b(e, r) {
-      if (!e || G) return "";
-      var t = H.get(e);
+    function g(e, r) {
+      if (!e || J) return "";
+      var t = G.get(e);
       if (t !== void 0) return t;
-      G = !0, t = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
+      J = !0, t = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
       var n = null;
-      n = _.H, _.H = null, s();
+      n = h.H, h.H = null, l();
       try {
         var c = {
           DetermineComponentFrameRoot: function() {
             try {
               if (r) {
-                var y = function() {
+                var R = function() {
                   throw Error();
                 };
-                if (Object.defineProperty(y.prototype, "props", {
+                if (Object.defineProperty(R.prototype, "props", {
                   set: function() {
                     throw Error();
                   }
                 }), typeof Reflect == "object" && Reflect.construct) {
                   try {
-                    Reflect.construct(y, []);
-                  } catch (x) {
-                    var A = x;
+                    Reflect.construct(R, []);
+                  } catch (w) {
+                    var O = w;
                   }
-                  Reflect.construct(e, [], y);
+                  Reflect.construct(e, [], R);
                 } else {
                   try {
-                    y.call();
-                  } catch (x) {
-                    A = x;
+                    R.call();
+                  } catch (w) {
+                    O = w;
                   }
-                  e.call(y.prototype);
+                  e.call(R.prototype);
                 }
               } else {
                 try {
                   throw Error();
-                } catch (x) {
-                  A = x;
+                } catch (w) {
+                  O = w;
                 }
-                (y = e()) && typeof y.catch == "function" && y.catch(function() {
+                (R = e()) && typeof R.catch == "function" && R.catch(function() {
                 });
               }
-            } catch (x) {
-              if (x && A && typeof x.stack == "string")
-                return [x.stack, A.stack];
+            } catch (w) {
+              if (w && O && typeof w.stack == "string")
+                return [w.stack, O.stack];
             }
             return [null, null];
           }
@@ -218,88 +218,88 @@ function Pe() {
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var o = c.DetermineComponentFrameRoot(), R = o[0], T = o[1];
-        if (R && T) {
-          var d = R.split(`
-`), h = T.split(`
+        var o = c.DetermineComponentFrameRoot(), x = o[0], T = o[1];
+        if (x && T) {
+          var d = x.split(`
+`), _ = T.split(`
 `);
           for (o = u = 0; u < d.length && !d[u].includes(
             "DetermineComponentFrameRoot"
           ); )
             u++;
-          for (; o < h.length && !h[o].includes(
+          for (; o < _.length && !_[o].includes(
             "DetermineComponentFrameRoot"
           ); )
             o++;
-          if (u === d.length || o === h.length)
-            for (u = d.length - 1, o = h.length - 1; 1 <= u && 0 <= o && d[u] !== h[o]; )
+          if (u === d.length || o === _.length)
+            for (u = d.length - 1, o = _.length - 1; 1 <= u && 0 <= o && d[u] !== _[o]; )
               o--;
           for (; 1 <= u && 0 <= o; u--, o--)
-            if (d[u] !== h[o]) {
+            if (d[u] !== _[o]) {
               if (u !== 1 || o !== 1)
                 do
-                  if (u--, o--, 0 > o || d[u] !== h[o]) {
-                    var C = `
+                  if (u--, o--, 0 > o || d[u] !== _[o]) {
+                    var k = `
 ` + d[u].replace(
                       " at new ",
                       " at "
                     );
-                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, C), C;
+                    return e.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, k), k;
                   }
                 while (1 <= u && 0 <= o);
               break;
             }
         }
       } finally {
-        G = !1, _.H = n, i(), Error.prepareStackTrace = t;
+        J = !1, h.H = n, i(), Error.prepareStackTrace = t;
       }
-      return d = (d = e ? e.displayName || e.name : "") ? v(d) : "", typeof e == "function" && H.set(e, d), d;
+      return d = (d = e ? e.displayName || e.name : "") ? b(d) : "", typeof e == "function" && G.set(e, d), d;
     }
-    function g(e) {
+    function y(e) {
       if (e == null) return "";
       if (typeof e == "function") {
         var r = e.prototype;
-        return b(
+        return g(
           e,
           !(!r || !r.isReactComponent)
         );
       }
-      if (typeof e == "string") return v(e);
+      if (typeof e == "string") return b(e);
       switch (e) {
+        case $:
+          return b("Suspense");
         case W:
-          return v("Suspense");
-        case U:
-          return v("SuspenseList");
+          return b("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case $:
-            return e = b(e.render, !1), e;
+          case M:
+            return e = g(e.render, !1), e;
+          case U:
+            return y(e.type);
           case V:
-            return g(e.type);
-          case q:
             r = e._payload, e = e._init;
             try {
-              return g(e(r));
+              return y(e(r));
             } catch {
             }
         }
       return "";
     }
-    function l() {
-      var e = _.A;
+    function f() {
+      var e = h.A;
       return e === null ? null : e.getOwner();
     }
-    function N(e) {
-      if (ee.call(e, "key")) {
+    function xe(e) {
+      if (Q.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function Re(e, r) {
+    function we(e, r) {
       function t() {
-        ie || (ie = !0, console.error(
+        se || (se = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
@@ -309,22 +309,22 @@ function Pe() {
         configurable: !0
       });
     }
-    function xe() {
+    function Re() {
       var e = a(this.type);
-      return ce[e] || (ce[e] = !0, console.error(
+      return le[e] || (le[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function we(e, r, t, n, c, u) {
+    function ye(e, r, t, n, c, u) {
       return t = u.ref, e = {
-        $$typeof: Y,
+        $$typeof: P,
         type: e,
         key: r,
         props: u,
         _owner: c
       }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: xe
+        get: Re
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -337,32 +337,32 @@ function Pe() {
         value: null
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function X(e, r, t, n, c, u) {
-      if (typeof e == "string" || typeof e == "function" || e === M || e === Z || e === K || e === W || e === U || e === he || typeof e == "object" && e !== null && (e.$$typeof === q || e.$$typeof === V || e.$$typeof === Q || e.$$typeof === I || e.$$typeof === $ || e.$$typeof === je || e.getModuleId !== void 0)) {
+    function L(e, r, t, n, c, u) {
+      if (typeof e == "string" || typeof e == "function" || e === Y || e === B || e === X || e === $ || e === W || e === Te || typeof e == "object" && e !== null && (e.$$typeof === V || e.$$typeof === U || e.$$typeof === I || e.$$typeof === K || e.$$typeof === M || e.$$typeof === ke || e.getModuleId !== void 0)) {
         var o = r.children;
         if (o !== void 0)
           if (n)
-            if (J(o)) {
+            if (z(o)) {
               for (n = 0; n < o.length; n++)
-                B(o[n], e);
+                F(o[n], e);
               Object.freeze && Object.freeze(o);
             } else
               console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
-          else B(o, e);
+          else F(o, e);
       } else
-        o = "", (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), e === null ? n = "null" : J(e) ? n = "array" : e !== void 0 && e.$$typeof === Y ? (n = "<" + (a(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : n = typeof e, console.error(
+        o = "", (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), e === null ? n = "null" : z(e) ? n = "array" : e !== void 0 && e.$$typeof === P ? (n = "<" + (a(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : n = typeof e, console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           n,
           o
         );
-      if (ee.call(r, "key")) {
+      if (Q.call(r, "key")) {
         o = a(e);
-        var R = Object.keys(r).filter(function(d) {
+        var x = Object.keys(r).filter(function(d) {
           return d !== "key";
         });
-        n = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", fe[o + n] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", ie[o + n] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -371,131 +371,139 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           n,
           o,
-          R,
+          x,
           o
-        ), fe[o + n] = !0);
+        ), ie[o + n] = !0);
       }
-      if (o = null, t !== void 0 && (f(t), o = "" + t), N(r) && (f(r.key), o = "" + r.key), "key" in r) {
+      if (o = null, t !== void 0 && (s(t), o = "" + t), xe(r) && (s(r.key), o = "" + r.key), "key" in r) {
         t = {};
         for (var T in r)
           T !== "key" && (t[T] = r[T]);
       } else t = r;
-      return o && Re(
+      return o && we(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), we(e, o, u, c, l(), t);
+      ), ye(e, o, u, c, f(), t);
     }
-    function B(e, r) {
+    function F(e, r) {
       if (typeof e == "object" && e && e.$$typeof !== Ce) {
-        if (J(e))
+        if (z(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            P(n) && F(n, r);
+            N(n) && H(n, r);
           }
-        else if (P(e))
+        else if (N(e))
           e._store && (e._store.validated = 1);
-        else if (e === null || typeof e != "object" ? t = null : (t = D && e[D] || e["@@iterator"], t = typeof t == "function" ? t : null), typeof t == "function" && t !== e.entries && (t = t.call(e), t !== e))
+        else if (e === null || typeof e != "object" ? t = null : (t = Z && e[Z] || e["@@iterator"], t = typeof t == "function" ? t : null), typeof t == "function" && t !== e.entries && (t = t.call(e), t !== e))
           for (; !(e = t.next()).done; )
-            P(e.value) && F(e.value, r);
+            N(e.value) && H(e.value, r);
       }
     }
-    function P(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === Y;
+    function N(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === P;
     }
-    function F(e, r) {
-      if (e._store && !e._store.validated && e.key == null && (e._store.validated = 1, r = ye(r), !de[r])) {
-        de[r] = !0;
+    function H(e, r) {
+      if (e._store && !e._store.validated && e.key == null && (e._store.validated = 1, r = he(r), !ce[r])) {
+        ce[r] = !0;
         var t = "";
-        e && e._owner != null && e._owner !== l() && (t = null, typeof e._owner.tag == "number" ? t = a(e._owner.type) : typeof e._owner.name == "string" && (t = e._owner.name), t = " It was passed a child from " + t + ".");
-        var n = _.getCurrentStack;
-        _.getCurrentStack = function() {
-          var c = g(e.type);
+        e && e._owner != null && e._owner !== f() && (t = null, typeof e._owner.tag == "number" ? t = a(e._owner.type) : typeof e._owner.name == "string" && (t = e._owner.name), t = " It was passed a child from " + t + ".");
+        var n = h.getCurrentStack;
+        h.getCurrentStack = function() {
+          var c = y(e.type);
           return n && (c += n() || ""), c;
         }, console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           r,
           t
-        ), _.getCurrentStack = n;
+        ), h.getCurrentStack = n;
       }
     }
-    function ye(e) {
-      var r = "", t = l();
+    function he(e) {
+      var r = "", t = f();
       return t && (t = a(t.type)) && (r = `
 
 Check the render method of \`` + t + "`."), r || (e = a(e)) && (r = `
 
 Check the top-level render call using <` + e + ">."), r;
     }
-    var _e = ke, Y = Symbol.for("react.transitional.element"), pe = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), K = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), he = Symbol.for("react.offscreen"), D = Symbol.iterator, Te = Symbol.for("react.client.reference"), _ = _e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, p = Object.assign, je = Symbol.for("react.client.reference"), J = Array.isArray, j = 0, re, te, oe, ne, ae, ue, se;
-    E.__reactDisabledLog = !0;
-    var z, le, G = !1, H = new (typeof WeakMap == "function" ? WeakMap : Map)(), Ce = Symbol.for("react.client.reference"), ie, ce = {}, fe = {}, de = {};
-    O.Fragment = M, O.jsx = function(e, r, t, n, c) {
-      return X(e, r, t, !1, n, c);
-    }, O.jsxs = function(e, r, t, n, c) {
-      return X(e, r, t, !0, n, c);
+    var je = Ae, P = Symbol.for("react.transitional.element"), _e = Symbol.for("react.portal"), Y = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), K = Symbol.for("react.consumer"), I = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), Te = Symbol.for("react.offscreen"), Z = Symbol.iterator, pe = Symbol.for("react.client.reference"), h = je.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Q = Object.prototype.hasOwnProperty, j = Object.assign, ke = Symbol.for("react.client.reference"), z = Array.isArray, p = 0, D, ee, re, te, oe, ne, ae;
+    m.__reactDisabledLog = !0;
+    var q, ue, J = !1, G = new (typeof WeakMap == "function" ? WeakMap : Map)(), Ce = Symbol.for("react.client.reference"), se, le = {}, ie = {}, ce = {};
+    A.Fragment = Y, A.jsx = function(e, r, t, n, c) {
+      return L(e, r, t, !1, n, c);
+    }, A.jsxs = function(e, r, t, n, c) {
+      return L(e, r, t, !0, n, c);
     };
-  }()), O;
+  }()), A;
 }
-var be;
-function Ye() {
-  return be || (be = 1, process.env.NODE_ENV === "production" ? S.exports = Ne() : S.exports = Pe()), S.exports;
+var Ee;
+function We() {
+  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? S.exports = Me() : S.exports = $e()), S.exports;
 }
-var w = Ye();
-const me = Oe(null), Ue = (a) => /* @__PURE__ */ w.jsx(me.Provider, { value: a.router, children: a.children });
+var v = We();
+const me = Oe(null), qe = (a) => /* @__PURE__ */ v.jsx(me.Provider, { value: a.router, children: a.children });
 function ge() {
-  const a = Ae(me);
+  const a = Se(me);
   if (!a)
     throw new Error(
       "[useRouter] Router not found. Add RouterProvider in app root"
     );
   return a;
 }
-function Me() {
-  return L(ge());
+function Ue() {
+  return be(ge());
 }
-const Ve = Se((a, m) => {
-  const { to: f, params: E, onClick: s, ...i } = a, { mappedRoutes: v } = ge(), b = v.find(({ route: l }) => l === f), { onOpen: g } = L(f);
-  if (!b) {
-    const { internal: l } = f;
+const Je = Ne((a, E) => {
+  const { to: s, params: m, onClick: l, ...i } = a, { mappedRoutes: b } = ge(), g = b.find(({ route: f }) => f === s), { onOpen: y } = be(s);
+  if (!g) {
+    const { internal: f } = s;
     throw new Error(
-      `[Link] Route with path "${l.path}" not found. Maybe it is not passed into createRouter?`
+      `[Link] Route with path "${f.path}" not found. Maybe it is not passed into createRouter?`
     );
   }
-  return /* @__PURE__ */ w.jsx(
+  return /* @__PURE__ */ v.jsx(
     "a",
     {
       ...i,
-      ref: m,
-      href: b.toPath(E ?? void 0),
-      onClick: (l) => {
-        s == null || s(l), !l.defaultPrevented && (i.target && i.target !== "_self" || l.metaKey || l.altKey || l.ctrlKey || l.shiftKey || (l.preventDefault(), g({ params: E || {} })));
+      ref: E,
+      href: g.toPath(m ?? void 0),
+      onClick: (f) => {
+        l == null || l(f), !f.defaultPrevented && (i.target && i.target !== "_self" || f.metaKey || f.altKey || f.ctrlKey || f.shiftKey || (f.preventDefault(), y({ params: m || {} })));
       }
     }
   );
-}), qe = (a) => ({
-  ...a,
+}), Ge = (a) => ({
+  route: a.route,
   view: () => {
-    const { view: m, layout: f, route: E } = a, { isOpened: s } = L(E);
-    return s ? f ? /* @__PURE__ */ w.jsx(f, { children: /* @__PURE__ */ w.jsx(m, {}) }) : /* @__PURE__ */ w.jsx(m, {}) : null;
+    const { view: E, layout: s } = a;
+    return s ? /* @__PURE__ */ v.jsx(s, { children: /* @__PURE__ */ v.jsx(E, {}) }) : /* @__PURE__ */ v.jsx(E, {});
   }
-}), Je = (a) => {
-  const { routes: m, otherwise: f } = a;
+}), Le = (a) => {
+  const { routes: E, otherwise: s } = a;
   return () => {
-    const { activeRoutes: E } = Me(), s = E.reduce((g, l) => g.filter(
-      (N) => N !== l.internal.parent
-    ), E), i = m.find(
-      (g) => g.route === s.at(-1)
+    const { activeRoutes: m } = Ue(), l = m.reduce((b, g) => b.filter(
+      (y) => y !== g.internal.parent
+    ), m), i = E.find(
+      (b) => b.route === l.at(-1)
     );
-    if (!i)
-      return f ? /* @__PURE__ */ w.jsx(f, {}) : null;
-    const { view: v, layout: b } = i;
-    return b ? /* @__PURE__ */ w.jsx(b, { children: /* @__PURE__ */ w.jsx(v, {}) }) : /* @__PURE__ */ w.jsx(v, {});
+    return i ? Pe(i.view) : s ? /* @__PURE__ */ v.jsx(s, {}) : null;
+  };
+}, Fe = (a) => {
+  a.route.internal.setAsyncImport(a.view);
+  const E = Ye(a.view);
+  return {
+    route: a.route,
+    view: () => {
+      const { layout: s, fallback: m = () => /* @__PURE__ */ v.jsx(v.Fragment, {}) } = a;
+      return s ? /* @__PURE__ */ v.jsx(s, { children: /* @__PURE__ */ v.jsx(fe, { fallback: /* @__PURE__ */ v.jsx(m, {}), children: /* @__PURE__ */ v.jsx(E, {}) }) }) : /* @__PURE__ */ v.jsx(fe, { fallback: /* @__PURE__ */ v.jsx(m, {}), children: /* @__PURE__ */ v.jsx(E, {}) });
+    }
   };
 };
 export {
-  Ve as Link,
-  Ue as RouterProvider,
-  qe as createRouteView,
-  Je as createRoutesView,
-  Me as useRouter
+  Je as Link,
+  qe as RouterProvider,
+  Fe as createLazyRouteView,
+  Ge as createRouteView,
+  Le as createRoutesView,
+  Ue as useRouter
 };

package/package.json

@@ -5,7 +5,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "private": false,
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "React bindings for argon router",
   "keywords": [
     "effector",
@@ -44,7 +44,7 @@
     "url": "https://github.com/movpushmov/argon-router/issues"
   },
   "dependencies": {
-    "@argon-router/core": "^0.3.2"
+    "@argon-router/core": "^0.4.0"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.26.3",
@@ -58,5 +58,5 @@
     "effector-react": ">=23",
     "react": "18 || 19"
   },
-  "gitHead": "8ac48bbaaf399836ff6085d6e1f07cb3bc737924"
+  "gitHead": "f03f8708f9e3f72aced7f98e27a2c7dcf52a05be"
 }