import{a as ve}from"https://motif.land/api/chunks/690645040995957600";import"https://motif.land/api/chunks/411144614870657396";import W from"https://cdn.skypack.dev/react";import qe from"https://cdn.skypack.dev/react-dom";import R from"https://cdn.skypack.dev/react";import"https://cdn.skypack.dev/react-dom";import le from"https://cdn.skypack.dev/-/react@v17.0.1-yH0aYV1FOvoIPeKBbHxg/dist=es2019,mode=imports/optimized/react.js";var be=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Fe(n,d,e){return e={path:d,exports:{},require:function(l,m){return _e(l,m??e.path)}},n(e,e.exports),e.exports}function _e(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var P=Fe(function(n){var d=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{},e=function(l){var m=/\blang(?:uage)?-([\w-]+)\b/i,v=0,f={},o={manual:l.Prism&&l.Prism.manual,disableWorkerMessageHandler:l.Prism&&l.Prism.disableWorkerMessageHandler,util:{encode:function a(t){return t instanceof p?new p(t.type,a(t.content),t.alias):Array.isArray(t)?t.map(a):t.replace(/&/g,"&").replace(/"u")return null;if("currentScript"in document&&1<2)return document.currentScript;try{throw new Error}catch(u){var a=(/at [^(\r\n]*$(.*):.+:.+$$/i.exec(u.stack)||[])[1];if(a){var t=document.getElementsByTagName("script");for(var c in t)if(t[c].src==a)return t[c]}return null}},isActive:function(a,t,c){for(var u="no-"+t;a;){var s=a.classList;if(s.contains(t))return!0;if(s.contains(u))return!1;a=a.parentElement}return!!c}},languages:{plain:f,plaintext:f,text:f,txt:f,extend:function(a,t){var c=o.util.clone(o.languages[a]);for(var u in t)c[u]=t[u];return c},insertBefore:function(a,t,c,u){u=u||o.languages;var s=u[a],h={};for(var x in s)if(s.hasOwnProperty(x)){if(x==t)for(var g in c)c.hasOwnProperty(g)&&(h[g]=c[g]);c.hasOwnProperty(x)||(h[x]=s[x])}var _=u[a];return u[a]=h,o.languages.DFS(o.languages,function(j,T){T===_&&j!=a&&(this[j]=h)}),h},DFS:function a(t,c,u,s){s=s||{};var h=o.util.objId;for(var x in t)if(t.hasOwnProperty(x)){c.call(t,x,t[x],u||x);var g=t[x],_=o.util.type(g);_==="Object"&&!s[h(g)]?(s[h(g)]=!0,a(g,c,null,s)):_==="Array"&&!s[h(g)]&&(s[h(g)]=!0,a(g,c,x,s))}}},plugins:{},highlightAll:function(a,t){o.highlightAllUnder(document,a,t)},highlightAllUnder:function(a,t,c){var u={callback:c,container:a,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};o.hooks.run("before-highlightall",u),u.elements=Array.prototype.slice.apply(u.container.querySelectorAll(u.selector)),o.hooks.run("before-all-elements-highlight",u);for(var s=0,h;h=u.elements[s++];)o.highlightElement(h,t===!0,u.callback)},highlightElement:function(a,t,c){var u=o.util.getLanguage(a),s=o.languages[u];a.className=a.className.replace(m,"").replace(/\s+/g," ")+" language-"+u;var h=a.parentElement;h&&h.nodeName.toLowerCase()==="pre"&&(h.className=h.className.replace(m,"").replace(/\s+/g," ")+" language-"+u);var x=a.textContent,g={element:a,language:u,grammar:s,code:x};function _(T){g.highlightedCode=T,o.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,o.hooks.run("after-highlight",g),o.hooks.run("complete",g),c&&c.call(g.element)}if(o.hooks.run("before-sanity-check",g),h=g.element.parentElement,h&&h.nodeName.toLowerCase()==="pre"&&!h.hasAttribute("tabindex")&&h.setAttribute("tabindex","0"),!g.code){o.hooks.run("complete",g),c&&c.call(g.element);return}if(o.hooks.run("before-highlight",g),!g.grammar){_(o.util.encode(g.code));return}if(t&&l.Worker){var j=new Worker(o.filename);j.onmessage=function(T){_(T.data)},j.postMessage(JSON.stringify({language:g.language,code:g.code,immediateClose:!0}))}else _(o.highlight(g.code,g.grammar,g.language))},highlight:function(a,t,c){var u={code:a,grammar:t,language:c};return o.hooks.run("before-tokenize",u),u.tokens=o.tokenize(u.code,u.grammar),o.hooks.run("after-tokenize",u),p.stringify(o.util.encode(u.tokens),u.language)},tokenize:function(a,t){var c=t.rest;if(c){for(var u in c)t[u]=c[u];delete t.rest}var s=new r;return S(s,s.head,a),y(a,s,t,s.head,0),A(s)},hooks:{all:{},add:function(a,t){var c=o.hooks.all;c[a]=c[a]||[],c[a].push(t)},run:function(a,t){var c=o.hooks.all[a];if(!(!c||!c.length))for(var u=0,s;s=c[u++];)s(t)}},Token:p};l.Prism=o;function p(a,t,c,u){this.type=a,this.content=t,this.alias=c,this.length=(u||"").length|0}p.stringify=function a(t,c){if(typeof t=="string")return t;if(Array.isArray(t)){var u="";return t.forEach(function(_){u+=a(_,c)}),u}var s={type:t.type,content:a(t.content,c),tag:"span",classes:["token",t.type],attributes:{},language:c},h=t.alias;h&&(Array.isArray(h)?Array.prototype.push.apply(s.classes,h):s.classes.push(h)),o.hooks.run("wrap",s);var x="";for(var g in s.attributes)x+=" "+g+'="'+(s.attributes[g]||"").replace(/"/g,""")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'"'+x+">"+s.content+""};function b(a,t,c,u){a.lastIndex=t;var s=a.exec(c);if(s&&u&&s[1]){var h=s[1].length;s.index+=h,s[0]=s[0].slice(h)}return s}function y(a,t,c,u,s,h){for(var x in c)if(!(!c.hasOwnProperty(x)||!c[x])){var g=c[x];g=Array.isArray(g)?g:[g];for(var _=0;_=h.reach);M+=E.value.length,E=E.next){var B=E.value;if(t.length>a.length)return;if(!(B instanceof p)){var J=1,C;if(ie){if(C=b(Q,M,a,ne),!C)break;var X=C.index,de=C.index+C[0].length,D=M;for(D+=E.value.length;X>=D;)E=E.next,D+=E.value.length;if(D-=E.value.length,M=D,E.value instanceof p)continue;for(var z=E;z!==t.tail&&(Dh.reach&&(h.reach=U);var q=E.prev;ee&&(q=S(t,q,ee),M+=ee.length),N(t,q,J);var te=new p(x,T?o.tokenize(G,T):G,ce,G);if(E=S(t,q,te),oe&&S(t,E,oe),J>1){var V={cause:x+","+_,reach:U};y(a,t,c,E.prev,M,V),h&&V.reach>h.reach&&(h.reach=V.reach)}}}}}}function r(){var a={value:null,prev:null,next:null},t={value:null,prev:a,next:null};a.next=t,this.head=a,this.tail=t,this.length=0}function S(a,t,c){var u=t.next,s={value:c,prev:t,next:u};return t.next=s,u.prev=s,a.length++,s}function N(a,t,c){for(var u=t.next,s=0;s/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},e.languages.markup.tag.inside["attr-value"].inside.entity=e.languages.markup.entity,e.languages.markup.doctype.inside["internal-subset"].inside=e.languages.markup,e.hooks.add("wrap",function(l){l.type==="entity"&&(l.attributes.title=l.content.replace(/&/,"&"))}),Object.defineProperty(e.languages.markup.tag,"addInlined",{value:function(l,m){var v={};v["language-"+m]={pattern:/(^$)/i,lookbehind:!0,inside:e.languages[m]},v.cdata=/^$/i;var f={"included-cdata":{pattern://i,inside:v}};f["language-"+m]={pattern:/[\s\S]+/,inside:e.languages[m]};var o={};o[l]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,function(){return l}),"i"),lookbehind:!0,greedy:!0,inside:f},e.languages.insertBefore("markup","cdata",o)}}),Object.defineProperty(e.languages.markup.tag,"addAttribute",{value:function(l,m){e.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+l+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[m,"language-"+m],inside:e.languages[m]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),e.languages.html=e.languages.markup,e.languages.mathml=e.languages.markup,e.languages.svg=e.languages.markup,e.languages.xml=e.languages.extend("markup",{}),e.languages.ssml=e.languages.xml,e.languages.atom=e.languages.xml,e.languages.rss=e.languages.xml,function(l){var m=/(?:"(?:\$?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;l.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*$)*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\$(?:"+m.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\$","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^$|$$/,string:{pattern:RegExp("^"+m.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+m.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:m,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},l.languages.css.atrule.inside.rest=l.languages.css;var v=l.languages.markup;v&&(v.tag.addInlined("style","css"),v.tag.addAttribute("style","css"))}(e),e.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},e.languages.javascript=e.languages.extend("clike",{"class-name":[e.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),e.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,e.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:e.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:$(?:[^()]|\([^()]*$)*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*$\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*$)+(?=\s*\))/,lookbehind:!0,inside:e.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:e.languages.javascript},{pattern:/($\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*$)+(?=\s*\)\s*=>)/,lookbehind:!0,inside:e.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)$\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*$)+(?=\s*\)\s*\{)/,lookbehind:!0,inside:e.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),e.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:e.languages.javascript}},string:/[\s\S]+/}}}),e.languages.markup&&(e.languages.markup.tag.addInlined("script","javascript"),e.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),e.languages.js=e.languages.javascript,function(){if(typeof e>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var l="Loading\u2026",m=function(k,w){return"\u2716 Error "+k+" while fetching file: "+w},v="\u2716 Error: File does not exist or is empty",f={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},o="data-src-status",p="loading",b="loaded",y="failed",r="pre[data-src]:not(["+o+'="'+b+'"]):not(['+o+'="'+p+'"])',S=/\blang(?:uage)?-([\w-]+)\b/i;function N(k,w){var F=k.className;F=F.replace(S," ")+" language-"+w,k.className=F.replace(/\s+/g," ").trim()}e.hooks.add("before-highlightall",function(k){k.selector+=", "+r}),e.hooks.add("before-sanity-check",function(k){var w=k.element;if(w.matches(r)){k.code="",w.setAttribute(o,p);var F=w.appendChild(document.createElement("CODE"));F.textContent=l;var a=w.getAttribute("data-src"),t=k.language;if(t==="none"){var c=(/\.(\w+)$/.exec(a)||[,"none"])[1];t=f[c]||c}N(F,t),N(w,t);var u=e.plugins.autoloader;u&&u.loadLanguages(t);var s=new XMLHttpRequest;s.open("GET",a,!0),s.onreadystatechange=function(){s.readyState==4&&(s.status<400&&s.responseText?(w.setAttribute(o,b),F.textContent=s.responseText,e.highlightElement(F)):(w.setAttribute(o,y),s.status>=400?F.textContent=m(s.status,s.statusText):F.textContent=v))},s.send(null)}}),e.plugins.fileHighlight={highlight:function(k){for(var w=(k||document).querySelectorAll(r),F=0,a;a=w[F++];)e.highlightElement(a)}};var A=!1;e.fileHighlight=function(){A||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),A=!0),e.plugins.fileHighlight.highlight.apply(this,arguments)}}()}),Ze=P.Token,xe=P,Je=P.disableWorkerMessageHandler,Ge=P.highlight,Ve=P.highlightAll,Ye=P.highlightAllUnder,Ke=P.highlightElement,Qe=P.hooks,et=P.languages,tt=P.manual,at=P.plugins,nt=P.tokenize,it=P.util;(function(n){var d=n.util.clone(n.languages.javascript),e=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,l=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,m=/(?:\{*\.{3}(?:[^{}]|)*\})/.source;function v(p,b){return p=p.replace(//g,function(){return e}).replace(//g,function(){return l}).replace(//g,function(){return m}),RegExp(p,b)}m=v(m).source,n.languages.jsx=n.languages.extend("markup",d),n.languages.jsx.tag.pattern=v(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),n.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/i,n.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/i,n.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,n.languages.jsx.tag.inside.comment=d.comment,n.languages.insertBefore("inside","attr-name",{spread:{pattern:v(//.source),inside:n.languages.jsx}},n.languages.jsx.tag),n.languages.insertBefore("inside","special-attr",{script:{pattern:v(/=/.source),inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:n.languages.jsx},alias:"language-javascript"}},n.languages.jsx.tag);var f=function(p){return p?typeof p=="string"?p:typeof p.content=="string"?p.content:p.content.map(f).join(""):""},o=function(p){for(var b=[],y=0;y0&&b[b.length-1].tagName===f(r.content[0].content[1])&&b.pop():r.content[r.content.length-1].content==="/>"||b.push({tagName:f(r.content[0].content[1]),openedBraces:0}):b.length>0&&r.type==="punctuation"&&r.content==="{"?b[b.length-1].openedBraces++:b.length>0&&b[b.length-1].openedBraces>0&&r.type==="punctuation"&&r.content==="}"?b[b.length-1].openedBraces--:S=!0),(S||typeof r=="string")&&b.length>0&&b[b.length-1].openedBraces===0){var N=f(r);y0&&(typeof p[y-1]=="string"||p[y-1].type==="plain-text")&&(N=f(p[y-1])+N,p.splice(y-1,1),y--),p[y]=new n.Token("plain-text",N,null,N)}r.content&&typeof r.content!="string"&&o(r.content)}};n.hooks.add("after-tokenize",function(p){p.language!=="jsx"&&p.language!=="tsx"||o(p.tokens)})})(Prism);var{createElement:i}=le,{Fragment:K}=le,{languages:ye}=xe,{highlight:Ne}=xe;function Se(n,d){if(n==null)return{};var e={},l=Object.keys(n),m,v;for(v=0;v=0)&&(e[m]=n[m]);return e}var Ee=["video","image","embed","figma"],je=function(n){var d=n.block,e=n.mapImageUrl,l=d.value,m=d.value.type;if(!Ee.includes(m))return null;var v=l.format,f=v??{},o=f.display_source,p=o===void 0?void 0:o,b=f.block_aspect_ratio,y=b===void 0?void 0:b,r=f.block_height,S=r===void 0?1:r,N=f.block_width,A=N===void 0?1:N,k=y||S/A;if(m==="embed"||m==="video"||m==="figma")return i("div",{style:{paddingBottom:k*100+"%",position:"relative"}},i("iframe",{className:"notion-image-inset",src:m==="figma"?l.properties.source[0][0]:p}));if(d.value.type==="image"){var w,F=e(l.properties.source[0][0],d),a=(w=l.properties.caption)===null||w===void 0?void 0:w[0][0];return y?i("div",{style:{paddingBottom:k*100+"%",position:"relative"}},i("img",{className:"notion-image-inset",alt:a||"notion image",src:F})):i("img",{alt:a,src:F})}return null},Me=function(n){var d=n.code,e=n.language,l=e===void 0?"javascript":e,m=l.toLowerCase(),v=ye[m]||ye.javascript,f="language-"+l.toLowerCase();return i("pre",{className:"notion-code "+f},i("code",{className:f,dangerouslySetInnerHTML:{__html:Ne(d,v,l)}}))},Y=function(){for(var n=arguments.length,d=new Array(n),e=0;e{let[e,l]=R.useState(null),[m,v]=R.useState(null);return R.useEffect(()=>{(async()=>{try{v(null);let f;!n&&!d?f=ze:(f=n,d&&(f=d.split("/").slice(-1)[0]));let o=await(await fetch(`${Be}/${f}`,{method:"GET",headers:{"Content-Type":"application/json"}})).json();l(o)}catch{v("Error fetching page. Make sure the provided page id is valid, and that the page is public.")}})()},[d,n]),m?R.createElement("p",{className:"text-red-500 text-sm"},m):e?R.createElement("div",null,R.createElement(Ue,{blockMap:e}),R.createElement("div",{className:"hidden text-red-500 text-sm"})):R.createElement(R.Fragment,null,R.createElement("div",{className:"hidden text-red-500 text-sm"}))},ke={};typeof __MOTIF_JS_META__<"u"&&(ke={...ke,...__MOTIF_JS_META__});var ct={index:2,title:"Build a Notion-Powered Website",sectionTitle:"Notion",subtitle:"A guide to creating a fully customizable Notion-powered site and publishing it to your custom domain."};function Ae(n={}){let{wrapper:d}=n.components||{};return d?W.createElement(d,n,W.createElement(e,null)):e();function e(){return W.createElement(W.Fragment,null,W.createElement(we,null),` `,W.createElement("div",null))}}var dt=Ae,ge={index:2,title:"Build a Notion-Powered Website",sectionTitle:"Notion",subtitle:"A guide to creating a fully customizable Notion-powered site and publishing it to your custom domain."};typeof __MOTIF_JS_META__<"u"&&(ge={...ge,...__MOTIF_JS_META__});var Le={name:"pages",files:[{name:"Index.md",path:"/",meta:{dev:!0,title:"Collaborative authoring platform for MDX and Markdoc",class:{body:"home"},meta:{"og:title":"Collaborative authoring platform for MDX and Markdoc \u2013 Motif","og:description":"The coding environment geared for content, built on MDX/Markdoc and React.","og:image":"https://res.cloudinary.com/djp21wtxm/image/upload/v1652110657/card_pdgt43.png"}}}],folders:[{name:"blog",files:[{name:"syncing-text-files-using-yjs-and-the-file-system-access-api.md",path:"/blog/syncing-text-files-using-yjs-and-the-file-system-access-api",meta:{title:"Syncing text files between browser and disk using Yjs and the File System Access API \u2013 Motif Blog",fullTitle:"Syncing text files between browser and disk using Yjs and the File System Access API",date:"2022-05-09",authors:[{name:"Michael Fester",twitter:"michaelfester",avatarUrl:"https://res.cloudinary.com/djp21wtxm/image/upload/v1651630007/Me_uyndrz.jpg"}],meta:{"og:title":"Syncing text files between browser and disk using Yjs and the File System Access API","og:description":"A conflict-free way to synchronize text files between browser and disk, using Yjs and the File System Access API.","og:image":"https://res.cloudinary.com/djp21wtxm/image/upload/v1651695679/Sync_kaqkqu.svg"}}},{name:"index.md",path:"/blog",meta:{title:"Motif Blog",subtitle:"All the latest news from the Motif team."}}],folders:[]},{name:"early access",files:[{name:"Index",path:"/early-access",meta:{dev:!0,title:"Request Early Access",class:{body:"home"}}}],folders:[]},{name:"temp",files:[{name:"New MDX syntax",path:"/temp/new-mdx-syntax",meta:{}}],folders:[]},{name:"changelog",files:[{name:"Index.md",path:"/changelog",meta:{title:"Changelog",subtitle:"New features, fixes and improvements."}}],folders:[]},{name:"legal",files:[{name:"Summary",path:"/legal/summary",meta:{title:"Policy Table of Content"}},{name:"Open Source",path:"/legal/open-source",meta:{title:"Open Source Libraries"}},{name:"Copyright",path:"/legal/copyright",meta:{title:"Copyright and IP Policy"}},{name:"Privacy",path:"/legal/privacy",meta:{title:"Motif Privacy Policy"}},{name:"Subprocessors",path:"/legal/subprocessors",meta:{title:"Subprocessors"}},{name:"Terms",path:"/legal/terms",meta:{title:"Terms of Service"}}],folders:[]},{name:"docs",files:[{name:"Index",path:"/docs",meta:{title:"Introduction"}}],folders:[{name:"Advanced",files:[{name:"Motif API",path:"/docs/advanced/motif-api",meta:{index:1,subtitle:"An introductory guide to querying the Motif API."}}],folders:[]},{name:"Quick Start",files:[{name:"Edit a Page",path:"/docs/quick-start/edit-a-page",meta:{index:2}},{name:"Create a Project",path:"/docs/quick-start/create-a-project",meta:{index:1}},{name:"Set up a Custom Domain",path:"/docs/quick-start/set-up-a-custom-domain",meta:{index:7}},{name:"Publish to the Web",path:"/docs/quick-start/publish-to-the-web",meta:{index:6}},{name:"Prepare for SEO",path:"/docs/quick-start/prepare-for-seo",meta:{index:5}},{name:"Link to a Page",path:"/docs/quick-start/link-to-a-page",meta:{index:3}},{name:"Set a Template",path:"/docs/quick-start/set-a-template",meta:{index:4}}],folders:[]},{name:"Layout and Design",files:[{name:"Layouts",path:"/docs/layout-and-design/layouts",meta:{index:1,subtitle:"A guide to creating common layouts for your pages."}},{name:"Using Colors",path:"/docs/layout-and-design/using-colors",meta:{subtitle:"Customizing the color palette for your project.",index:4}},{name:"Templates",path:"/docs/layout-and-design/templates",meta:{index:2,subtitle:"Reusing common layouts across pages using templates."}},{name:"Mathematics",path:"/docs/layout-and-design/mathematics",meta:{index:6,title:"Typesetting Mathematics",sectionTitle:"Mathematics",subtitle:"Using KaTeX to typeset mathematical equations."}},{name:"Responsive Designs",path:"/docs/layout-and-design/responsive-designs",meta:{index:3,subtitle:"Creating and testing your designs for all screen sizes."}},{name:"Typography",path:"/docs/layout-and-design/typography",meta:{sectionTitle:"Typography",title:"Custom Fonts and Typography",subtitle:"Customizing the appearance of your text using web fonts.",index:5}}],folders:[]},{name:"Publishing",files:[{name:"Favicons",path:"/docs/publishing/favicons",meta:{index:5,subtitle:"Setting an icon for your website pages."}},{name:"Analytics",path:"/docs/publishing/analytics",meta:{index:3,title:"Track Page Views with Google Analytics and Optimize",sectionTitle:"Analytics",subtitle:"A guide to adding Google Analytics and Optimize trackers to your pages."}},{name:"SEO and Sharing.md",path:"/docs/publishing/seo-and-sharing",meta:{index:1,subtitle:"Preparing your pages for SEO and sharing."}},{name:"Custom Domains",path:"/docs/publishing/custom-domains",meta:{index:2,subtitle:"Making your site available at your custom domain."}},{name:"Sitemaps",path:"/docs/publishing/sitemaps",meta:{index:4,subtitle:"Exposing your site's page structure to search engines."}}],folders:[]},{name:"Configuration",files:[{name:"Motif Config.md",path:"/docs/configuration/motif-config",meta:{index:1,sectionTitle:"motif.json",subtitle:"Configure your project's template mappings, head items and tracking IDs."}},{name:"Main CSS",path:"/docs/configuration/main-css",meta:{index:3,sectionTitle:"main.css",subtitle:"Configure global CSS styles for your pages."}},{name:"Tailwind Config",path:"/docs/configuration/tailwind-config",meta:{index:2,sectionTitle:"tailwind.config.js",subtitle:"Configure and customize your Tailwind theme."}}],folders:[]},{name:"Basics",files:[{name:"Metadata.md",path:"/docs/basics/metadata",meta:{index:9,subtitle:"A guide to definining page metadata for reuse across pages.",date:'Date.parse("2022-01-01T00:00:00")'}},{name:"Markdown.md",path:"/docs/basics/markdown",meta:{index:2,subtitle:"A short guide on Markdown syntax."}},{name:"ES Modules.md",path:"/docs/basics/es-modules",meta:{index:6,title:"ES Modules and URL Imports",sectionTitle:"ES Modules",subtitle:"A guide to using ES modules and URL imports."}},{name:"MDX",path:"/docs/basics/mdx",meta:{index:4,subtitle:"A guide to building interactive documents with MDX."}},{name:"Project Structure",path:"/docs/basics/project-structure",meta:{index:1,subtitle:"An overview of the file structure of a project."}},{name:"Markdoc.md",path:"/docs/basics/markdoc",meta:{index:5,subtitle:"A guide to building interactive documents with Markdoc."}},{name:"Tailwind CSS.md",path:"/docs/basics/tailwind-css",meta:{index:8,subtitle:"A guide to using Tailwind CSS to style your pages and components."}},{name:"JSX",path:"/docs/basics/jsx",meta:{index:3,subtitle:"A guide to building interactive components using JSX."}},{name:"CSS Styling.md",path:"/docs/basics/css-styling",meta:{index:7,subtitle:"A guide to styling your content using CSS."}}],folders:[]},{name:"App",files:[{name:"Instant Search",path:"/docs/app/instant-search",meta:{index:3,subtitle:"Using instant search to navigate your content."}},{name:"Slash Commands",path:"/docs/app/slash-commands",meta:{index:2,subtitle:"Using slash commands to insert common blocks while staying in the writing flow."}},{name:"Offline Access",path:"/docs/app/offline-access",meta:{index:4,subtitle:"Creating content instantly, with or without an Internet connection."}},{name:"Distraction-Free Writing",path:"/docs/app/distraction-free-writing",meta:{index:5,subtitle:"Using distraction-free mode for a focused writing experience."}},{name:"Desktop App",path:"/docs/app/desktop-app",meta:{index:7,subtitle:"Using the desktop app for a standalone experience."}},{name:"Real-Time Collaboration",path:"/docs/app/real-time-collaboration",meta:{index:6,subtitle:"Collaborating on content with your team in real-time."}},{name:"Keyboard Shortcuts",path:"/docs/app/keyboard-shortcuts",meta:{index:1,subtitle:"A comprehensive list of available keyboard shortcuts."}}],folders:[]},{name:"Guides",files:[{name:"Webflow",path:"/docs/guides/webflow",meta:{index:1,title:"Integrate with Webflow",sectionTitle:"Webflow",subtitle:"A guide to integrating Motif pages into a Webflow project."}},{name:"Notion",path:"/docs/guides/notion",meta:{index:2,title:"Build a Notion-Powered Website",sectionTitle:"Notion",subtitle:"A guide to creating a fully customizable Notion-powered site and publishing it to your custom domain."}},{name:"Framer",path:"/docs/guides/framer",meta:{index:2,title:"Import Framer Components",sectionTitle:"Framer",subtitle:"A guide to using Framer Handshake to import React components into your pages."}}],folders:[]}]},{name:"use-cases",files:[{name:"documentation",path:"/use-cases/documentation",meta:{dev:!0,title:"Write Better Docs",class:{body:"home"}}},{name:"code-blogs",path:"/use-cases/code-blogs",meta:{dev:!0,title:"Programmable blogs for developers"}}],folders:[]}]};try{qe.render(W.createElement(ve,{meta:ge,filename:"Notion",path:"/docs/guides/notion",files:Le},W.createElement(Ae,null)),document.getElementById("__MOTIF_CONTAINER_ID__"))}catch(n){window.parent.postMessage({name:"react_render_did_fail",error:{columnNumber:n.columnNumber,message:n.message,stack:n.stack,fileName:n.fileName,lineNumber:n.lineNumber}},"*")}export{dt as default,ct as frontmatter}; /** * Prism: Lightweight, robust, elegant syntax highlighting * * @license MIT * @author Lea Verou * @namespace * @public */