var Component=(()=>{var Wi=Object.create;var tt=Object.defineProperty;var qi=Object.getOwnPropertyDescriptor;var Gi=Object.getOwnPropertyNames;var zi=Object.getPrototypeOf,Ui=Object.prototype.hasOwnProperty;var x=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Ki=(e,t)=>{for(var r in t)tt(e,r,{get:t[r],enumerable:!0})},Kr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Gi(t))!Ui.call(e,o)&&o!==r&&tt(e,o,{get:()=>t[o],enumerable:!(n=qi(t,o))||n.enumerable});return e};var $r=(e,t,r)=>(r=e!=null?Wi(zi(e)):{},Kr(t||!e||!e.__esModule?tt(r,"default",{value:e,enumerable:!0}):r,e)),$i=e=>Kr(tt({},"__esModule",{value:!0}),e);var Vr=x((Xd,Jr)=>{Jr.exports=_jsx_runtime});var W=x((Yd,Xr)=>{Xr.exports=React});var rn=x(N=>{"use strict";Object.defineProperty(N,"__esModule",{value:!0});function Yr(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function Zr(e,t){return{prev:e?.prev===void 0?t:e.prev,next:e?.next===void 0?t:e.next}}function Ji(e,t,r){return Yr(Zr(e,t),r)}var Xt=function(e,t){return Xt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n}||function(r,n){for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[o]=n[o])},Xt(e,t)};function Qr(e,t){Xt(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}function je(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),o,i=[],a;try{for(;(t===void 0||t-- >0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function rt(){for(var e=[],t=0;t1){var o=Math.min.apply(Math,rt(n)),i=Math.max.apply(Math,rt(n));return o+t-1+":"+(i+t-1)}var a={};return Object.keys(r).forEach(function(s){a[+s+t-1]=r[+s]}),na(a)}function na(e){var t=[];return Object.keys(e).forEach(function(r){var n=e[+r];if(n===!0)t.push(r);else if(n instanceof Array){var o=n.map(function(i){return i.start===i.end?i.start:i.start+":"+i.end});t.push(r+"["+o+"]")}}),t.join(",")}function oa(e,t){return e?t?e+","+t:e||"":t||""}N.getFocusIndexes=Yi;N.hasColumns=Xi;N.map=Yr;N.mapFocusToLineNumbers=Vi;N.mapWithDefault=Ji;N.mergeFocus=oa;N.parseExtremes=en;N.parsePartToObject=er;N.relativeToAbsolute=ta;N.splitParts=Qt;N.withDefault=Zr});var J=x(tr=>{"use strict";Object.defineProperty(tr,"__esModule",{value:!0});tr.default=nn;function nn(){}nn.prototype={diff:function(t,r){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=n.callback;typeof n=="function"&&(o=n,n={}),this.options=n;var i=this;function a(g){return o?(setTimeout(function(){o(void 0,g)},0),!0):g}t=this.castInput(t),r=this.castInput(r),t=this.removeEmpty(this.tokenize(t)),r=this.removeEmpty(this.tokenize(r));var s=r.length,u=t.length,c=1,l=s+u,p=[{newPos:-1,components:[]}],d=this.extractCommon(p[0],r,t,0);if(p[0].newPos+1>=s&&d+1>=u)return a([{value:this.join(r),count:r.length}]);function f(){for(var g=-1*c;g<=c;g+=2){var h=void 0,y=p[g-1],b=p[g+1],C=(b?b.newPos:0)-g;y&&(p[g-1]=void 0);var E=y&&y.newPos+1=s&&C+1>=u)return a(ia(i,h.components,r,t,i.useLongestToken));p[g]=h}c++}if(o)(function g(){setTimeout(function(){if(c>l)return o();f()||g()},0)})();else for(;c<=l;){var m=f();if(m)return m}},pushComponent:function(t,r,n){var o=t[t.length-1];o&&o.added===r&&o.removed===n?t[t.length-1]={count:o.count+1,added:r,removed:n}:t.push({count:1,added:r,removed:n})},extractCommon:function(t,r,n,o){for(var i=r.length,a=n.length,s=t.newPos,u=s-o,c=0;s+1f.length?g:f}),c.value=e.join(l)}else c.value=e.join(r.slice(s,s+c.count));s+=c.count,c.added||(u+=c.count)}}var d=t[a-1];return a>1&&typeof d.value=="string"&&(d.added||d.removed)&&e.equals("",d.value)&&(t[a-2].value+=d.value,t.pop()),t}function aa(e){return{newPos:e.newPos,components:e.components.slice(0)}}});var an=x(Oe=>{"use strict";Object.defineProperty(Oe,"__esModule",{value:!0});Oe.diffChars=ca;Oe.characterDiff=void 0;var sa=ua(J());function ua(e){return e&&e.__esModule?e:{default:e}}var on=new sa.default;Oe.characterDiff=on;function ca(e,t,r){return on.diff(e,t,r)}});var nr=x(rr=>{"use strict";Object.defineProperty(rr,"__esModule",{value:!0});rr.generateOptions=la;function la(e,t){if(typeof e=="function")t.callback=e;else if(e)for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t}});var cn=x(ge=>{"use strict";Object.defineProperty(ge,"__esModule",{value:!0});ge.diffWords=ga;ge.diffWordsWithSpace=ma;ge.wordDiff=void 0;var da=pa(J()),fa=nr();function pa(e){return e&&e.__esModule?e:{default:e}}var sn=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,un=/\S/,_e=new da.default;ge.wordDiff=_e;_e.equals=function(e,t){return this.options.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e===t||this.options.ignoreWhitespace&&!un.test(e)&&!un.test(t)};_e.tokenize=function(e){for(var t=e.split(/(\s+|[()[\]{}'"]|\b)/),r=0;r{"use strict";Object.defineProperty(me,"__esModule",{value:!0});me.diffLines=ba;me.diffTrimmedLines=Ca;me.lineDiff=void 0;var ha=ya(J()),va=nr();function ya(e){return e&&e.__esModule?e:{default:e}}var it=new ha.default;me.lineDiff=it;it.tokenize=function(e){var t=[],r=e.split(/(\n|\r\n)/);r[r.length-1]||r.pop();for(var n=0;n{"use strict";Object.defineProperty(Le,"__esModule",{value:!0});Le.diffSentences=xa;Le.sentenceDiff=void 0;var Fa=wa(J());function wa(e){return e&&e.__esModule?e:{default:e}}var or=new Fa.default;Le.sentenceDiff=or;or.tokenize=function(e){return e.split(/(\S.+?[.!?])(?=\s+|$)/)};function xa(e,t,r){return or.diff(e,t,r)}});var dn=x(Te=>{"use strict";Object.defineProperty(Te,"__esModule",{value:!0});Te.diffCss=Ba;Te.cssDiff=void 0;var ka=Ea(J());function Ea(e){return e&&e.__esModule?e:{default:e}}var ir=new ka.default;Te.cssDiff=ir;ir.tokenize=function(e){return e.split(/([{}:;,]|\s+)/)};function Ba(e,t,r){return ir.diff(e,t,r)}});var pn=x(he=>{"use strict";Object.defineProperty(he,"__esModule",{value:!0});he.diffJson=ja;he.canonicalize=ut;he.jsonDiff=void 0;var fn=Aa(J()),Da=at();function Aa(e){return e&&e.__esModule?e:{default:e}}function st(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?st=function(r){return typeof r}:st=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},st(e)}var Sa=Object.prototype.toString,ie=new fn.default;he.jsonDiff=ie;ie.useLongestToken=!0;ie.tokenize=Da.lineDiff.tokenize;ie.castInput=function(e){var t=this.options,r=t.undefinedReplacement,n=t.stringifyReplacer,o=n===void 0?function(i,a){return typeof a>"u"?r:a}:n;return typeof e=="string"?e:JSON.stringify(ut(e,null,null,o),o," ")};ie.equals=function(e,t){return fn.default.prototype.equals.call(ie,e.replace(/,([\r\n])/g,"$1"),t.replace(/,([\r\n])/g,"$1"))};function ja(e,t,r){return ie.diff(e,t,r)}function ut(e,t,r,n,o){t=t||[],r=r||[],n&&(e=n(o,e));var i;for(i=0;i{"use strict";Object.defineProperty(Me,"__esModule",{value:!0});Me.diffArrays=La;Me.arrayDiff=void 0;var Oa=_a(J());function _a(e){return e&&e.__esModule?e:{default:e}}var Pe=new Oa.default;Me.arrayDiff=Pe;Pe.tokenize=function(e){return e.slice()};Pe.join=Pe.removeEmpty=function(e){return e};function La(e,t,r){return Pe.diff(e,t,r)}});var ct=x(ar=>{"use strict";Object.defineProperty(ar,"__esModule",{value:!0});ar.parsePatch=Ta;function Ta(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=e.split(/\r\n|[\n\v\f\r\x85]/),n=e.match(/\r\n|[\n\v\f\r\x85]/g)||[],o=[],i=0;function a(){var c={};for(o.push(c);i{"use strict";Object.defineProperty(sr,"__esModule",{value:!0});sr.default=Pa;function Pa(e,t,r){var n=!0,o=!1,i=!1,a=1;return function s(){if(n&&!i){if(o?a++:n=!1,e+a<=r)return a;i=!0}if(!o)return i||(n=!0),t<=e-a?-a++:(o=!0,s())}}});var yn=x(lt=>{"use strict";Object.defineProperty(lt,"__esModule",{value:!0});lt.applyPatch=vn;lt.applyPatches=Ia;var hn=ct(),Ma=Na(mn());function Na(e){return e&&e.__esModule?e:{default:e}}function vn(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};if(typeof t=="string"&&(t=(0,hn.parsePatch)(t)),Array.isArray(t)){if(t.length>1)throw new Error("applyPatch only works with a single input.");t=t[0]}var n=e.split(/\r\n|[\n\v\f\r\x85]/),o=e.match(/\r\n|[\n\v\f\r\x85]/g)||[],i=t.hunks,a=r.compareLine||function(Jt,Se,et,oe){return Se===oe},s=0,u=r.fuzzFactor||0,c=0,l=0,p,d;function f(Jt,Se){for(var et=0;et0?oe[0]:" ",Ri=oe.length>0?oe.substr(1):oe;if(Vt===" "||Vt==="-"){if(!a(Se+1,n[Se],Vt,Ri)&&(s++,s>u))return!1;Se++}}return!0}for(var m=0;m0?$[0]:" ",Qe=$.length>0?$.substr(1):$,$t=I.linedelimiters[K];if(Z===" ")R++;else if(Z==="-")n.splice(R,1),o.splice(R,1);else if(Z==="+")n.splice(R,0,Qe),o.splice(R,0,$t),R++;else if(Z==="\\"){var Ae=I.lines[K-1]?I.lines[K-1][0]:null;Ae==="+"?p=!0:Ae==="-"&&(d=!0)}}}if(p)for(;!n[n.length-1];)n.pop(),o.pop();else d&&(n.push(""),o.push(` `));for(var ne=0;ne{"use strict";Object.defineProperty(Ne,"__esModule",{value:!0});Ne.structuredPatch=bn;Ne.createTwoFilesPatch=Cn;Ne.createPatch=Ga;var Ha=at();function ur(e){return qa(e)||Wa(e)||Ra()}function Ra(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Wa(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function qa(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t"u"&&(a.context=4);var s=(0,Ha.diffLines)(r,n,a);s.push({value:"",lines:[]});function u(y){return y.map(function(b){return" "+b})}for(var c=[],l=0,p=0,d=[],f=1,m=1,g=function(b){var C=s[b],E=C.lines||C.value.replace(/\n$/,"").split(` `);if(C.lines=E,C.added||C.removed){var M;if(!l){var I=s[b-1];l=f,p=m,I&&(d=a.context>0?u(I.lines.slice(-a.context)):[],l-=d.length,p-=d.length)}(M=d).push.apply(M,ur(E.map(function(ne){return(C.added?"+":"-")+ne}))),C.added?m+=E.length:f+=E.length}else{if(l)if(E.length<=a.context*2&&b=s.length-2&&E.length<=a.context){var Qe=/\n$/.test(r),$t=/\n$/.test(n),Ae=E.length==0&&d.length>Z.oldLines;!Qe&&Ae&&d.splice(Z.oldLines,0,"\\ No newline at end of file"),(!Qe&&!Ae||!$t)&&d.push("\\ No newline at end of file")}c.push(Z),l=0,p=0,d=[]}f+=E.length,m+=E.length}},h=0;h"u"?"":" "+s.oldHeader)),u.push("+++ "+s.newFileName+(typeof s.newHeader>"u"?"":" "+s.newHeader));for(var c=0;c{"use strict";Object.defineProperty(dt,"__esModule",{value:!0});dt.arrayEqual=za;dt.arrayStartsWith=Fn;function za(e,t){return e.length!==t.length?!1:Fn(e,t)}function Fn(e,t){if(t.length>e.length)return!1;for(var r=0;r{"use strict";Object.defineProperty(pt,"__esModule",{value:!0});pt.calcLineCount=_n;pt.merge=Xa;var Ua=cr(),Ka=ct(),lr=wn();function ve(e){return Va(e)||Ja(e)||$a()}function $a(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Ja(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function Va(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t{"use strict";Object.defineProperty(pr,"__esModule",{value:!0});pr.convertChangesToDMP=es;function es(e){for(var t=[],r,n,o=0;o{"use strict";Object.defineProperty(gr,"__esModule",{value:!0});gr.convertChangesToXML=ts;function ts(e){for(var t=[],r=0;r"):n.removed&&t.push("~~"),t.push(rs(n.value)),n.added?t.push(""):n.removed&&t.push("~~")}return t.join("")}function rs(e){var t=e;return t=t.replace(/&/g,"&"),t=t.replace(//g,">"),t=t.replace(/"/g,"""),t}});var Rn=x(T=>{"use strict";Object.defineProperty(T,"__esModule",{value:!0});Object.defineProperty(T,"Diff",{enumerable:!0,get:function(){return ns.default}});Object.defineProperty(T,"diffChars",{enumerable:!0,get:function(){return os.diffChars}});Object.defineProperty(T,"diffWords",{enumerable:!0,get:function(){return Mn.diffWords}});Object.defineProperty(T,"diffWordsWithSpace",{enumerable:!0,get:function(){return Mn.diffWordsWithSpace}});Object.defineProperty(T,"diffLines",{enumerable:!0,get:function(){return Nn.diffLines}});Object.defineProperty(T,"diffTrimmedLines",{enumerable:!0,get:function(){return Nn.diffTrimmedLines}});Object.defineProperty(T,"diffSentences",{enumerable:!0,get:function(){return is.diffSentences}});Object.defineProperty(T,"diffCss",{enumerable:!0,get:function(){return as.diffCss}});Object.defineProperty(T,"diffJson",{enumerable:!0,get:function(){return In.diffJson}});Object.defineProperty(T,"canonicalize",{enumerable:!0,get:function(){return In.canonicalize}});Object.defineProperty(T,"diffArrays",{enumerable:!0,get:function(){return ss.diffArrays}});Object.defineProperty(T,"applyPatch",{enumerable:!0,get:function(){return Hn.applyPatch}});Object.defineProperty(T,"applyPatches",{enumerable:!0,get:function(){return Hn.applyPatches}});Object.defineProperty(T,"parsePatch",{enumerable:!0,get:function(){return us.parsePatch}});Object.defineProperty(T,"merge",{enumerable:!0,get:function(){return cs.merge}});Object.defineProperty(T,"structuredPatch",{enumerable:!0,get:function(){return mr.structuredPatch}});Object.defineProperty(T,"createTwoFilesPatch",{enumerable:!0,get:function(){return mr.createTwoFilesPatch}});Object.defineProperty(T,"createPatch",{enumerable:!0,get:function(){return mr.createPatch}});Object.defineProperty(T,"convertChangesToDMP",{enumerable:!0,get:function(){return ls.convertChangesToDMP}});Object.defineProperty(T,"convertChangesToXML",{enumerable:!0,get:function(){return ds.convertChangesToXML}});var ns=fs(J()),os=an(),Mn=cn(),Nn=at(),is=ln(),as=dn(),In=pn(),ss=gn(),Hn=yn(),us=ct(),cs=Ln(),mr=cr(),ls=Tn(),ds=Pn();function fs(e){return e&&e.__esModule?e:{default:e}}});var qn=x((yf,Wn)=>{Wn.exports=ReactDOM});var Jn=x(Cr=>{"use strict";Object.defineProperty(Cr,"__esModule",{value:!0});var Ie,mt=(Ie=W())&&typeof Ie=="object"&&"default"in Ie?Ie.default:Ie,ps=qn();function br(){return typeof window<"u"?performance.now():0}function Gn(e,t){var r=t.stiffness,n=t.damping,o=t.mass,i=t.decimals,a=t.teleport;return{X:e,k:r??170,c:n??26,m:o??1,teleport:a!=null&&a,decimals:i??2}}function gs(e,t){var r=t.from,n=t.initialSpeed;return{x0:r??e,v0:n??0,t0:br(),raf:null}}var hr=Math.sqrt,Q=Math.exp,zn=Math.sin,Un=Math.cos;function vr(e){var t=e.v0,r=e.c,n=e.m,o=e.X,i=e.x0-o,a=(e.t-e.t0)/1e3,s=r*r-4*e.k*n;if(s>0){var u=(-r+hr(s))/(2*n),c=(-r-hr(s))/(2*n),l=(i*u-t)/(u-c),p=(t-i*c)/(u-c);return{x:o+l*Q(c*a)+p*Q(u*a),v:l*c*Q(c*a)+p*u*Q(u*a)}}if(s<0){var d=-r/(2*n),f=hr(-s)/(2*n),m=i,g=(t-d*i)/f;return{x:o+Q(d*a)*(m*Un(f*a)+g*zn(f*a)),v:Q(d*a)*((g*f+m*d)*Un(f*a)-(m*f-g*d)*zn(f*a))}}var h=-r/(2*n),y=i,b=t-h*i;return{x:o+(y+b*a)*Q(h*a),v:(b+y*h+b*h*a)*Q(h*a)}}var ht=[],yr=null;function Kn(e){var t=ht.push(e);return t===1&&(yr=requestAnimationFrame(ms)),[yr,t-1]}function $n(e){e[0]===yr&&delete ht[e[1]]}function ms(){var e=br(),t=ht;ht=[],ps.unstable_batchedUpdates(function(){return t.forEach(function(r){return r&&r(e)})})}var gt=typeof window<"u"?mt.useLayoutEffect:mt.useEffect;function se(e,t){var r=Math.pow(10,t);return Math.round(e*r)/r}Cr.useSpring=function(e,t){t===void 0&&(t={});var r=mt.useState()[1],n=Gn(e,t),o=function(f,m){var g=mt.useRef(null);return g.current==null&&(g.current={config:Gn(f,m),state:gs(f,m)}),g.current}(e,t),i=o.state,a=o.config,s=br(),u=a.X,c=n.teleport?{x:u,v:0}:vr({x0:i.x0,v0:i.v0,t0:i.t0,t:s,k:a.k,c:a.c,m:a.m,X:u}),l=c.x,p=c.v,d=function(f,m,g,h){var y=h.decimals,b=h.X,C=h.k,E=h.c,M=h.m;return se(f,y)!==se(b,y)||se(vr({x0:f,v0:m,t0:g,t:g+.016,k:C,c:E,m:M,X:b}).x,y)!==se(b,y)}(l,p,s,n);return gt(function(){Object.assign(a,n)},[n.X,n.k,n.c,n.m,n.teleport]),gt(function(){i.x0=l,i.v0=p,i.t0=s},[l,p,s]),gt(function(){d&&i.raf==null?i.raf=Kn(function f(m){var g=i.x0,h=a.decimals;se(vr({x0:g,v0:i.v0,t0:i.t0,t:m,k:a.k,c:a.c,m:a.m,X:a.X}).x,h)!==se(g,h)?(i.raf=null,r(m)):i.raf=Kn(f)}):d||i.raf==null||($n(i.raf),i.raf=null)}),gt(function(){return function(){i.raf!=null&&$n(i.raf)}},[]),[se(l,n.decimals),d]}});var vt=x((Cf,Vn)=>{"use strict";Vn.exports=Jn()});var Fr=x(bt=>{"use strict";Object.defineProperty(bt,"__esModule",{value:!0});var hs=W(),S=rn(),vs=Rn(),ys=vt();function bs(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var v=bs(hs);var k=function(){return k=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function G(){for(var e=[],t=0;to.length&&(o=i)}),o}function Yn(e){var t=getComputedStyle(e);return e.clientWidth-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function Zn(e){if(!e)return null;var t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function ws(e,t){for(var r=0;ro)return s;var u=(t-n)/(o-n),c=e.ease||Re.linear;return a+c(u)*(s-a)}function no(e,t,r){var n=V(e,2),o=n[0],i=n[1];if(r<=1)return[o,i];var a=i-o,s=a/Math.pow(r,1/8),u=(a-s)/(r-1),c=o+u*t,l=c+s;return[c,l]}var Re={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function Ns(e,t,r,n){var o=V(t,2),i=o[0],a=o[1];return e.map(function(s){var u=S.map(s.lineNumber,function(f){return f&&f-1}),c=s.enterIndex,l=s.exitIndex,p=s.move==="exit"?{fixed:!0,value:u.prev}:s.move==="enter"?{fixed:!0,value:u.next}:{fixed:!1,extremes:[u.prev,u.next],interval:[i,a],ease:Re.easeInOutCubic},d=s.move==="exit"?{fixed:!1,extremes:[0,-1],ease:Re.easeInQuad,interval:no([0,i],l,n)}:s.move==="enter"?{fixed:!1,extremes:[1,0],ease:Re.easeOutQuad,interval:no([a,1],c,r)}:{fixed:!0,value:0};return k(k({},s),{tweenX:d,tweenY:p})})}function Is(e,t){var r=S.mapWithDefault(e,[],function(i){return i.flatMap(function(a){return S.splitParts(a.focus).map(function(s){return k(k({},a),{focus:s})})})}),n=S.mapWithDefault(r,[],function(i){return i.filter(oo)}),o=S.mapWithDefault(r,[],function(i){return i.filter(function(a){return!oo(a)})});return{inlineAnnotations:S.map(n,function(i){return Hs(i,t)}),multilineAnnotations:S.map(o,function(i){return Ws(i,t)})}}function oo(e){return S.hasColumns(e.focus)}function Hs(e,t){var r={};return e.forEach(function(n){var o=S.parsePartToObject(n.focus),i=+Object.keys(o)[0],a=o[i],s=r[i]||[];s.push({columnNumbers:a[0],data:n.data,theme:t,Component:n.Component||Rs()}),r[i]=s}),r}function Rs(e,t){return function(r){var n=r.children;return v.default.createElement("span",{style:{outline:"red 1px solid"}},n)}}function Ws(e,t){return e.map(function(r){return{lineNumbers:S.parseExtremes(r.focus),data:r.data,theme:t,Component:r.Component||qs(r,t)}})}function qs(e,t){var r=t.colors["editor.lineHighlightBackground"]||t.colors["editor.selectionHighlightBackground"];return function(n){var o=n.children,i=n.style;return v.default.createElement("div",{style:k(k({},i),{background:r,cursor:"pointer"}),onClick:function(a){return alert("clicked")}},o)}}function Gs(e,t){return{prev:io(e,t.prev,function(r){return r.lineNumber.prev}),next:io(e,t.next,function(r){return r.lineNumber.next})}}function io(e,t,r){var n=G(t);n.sort(function(c,l){return c.lineNumbers.start-l.lineNumbers.start});for(var o=0,i=[];o0||n.length>0;){var c=o[0],l=i[0],p=c&&c.columnNumbers.start===s,d=l&&l.columnNumbers.start===u;if(su)if(d){var f=l.columnNumbers.end+1;a.push({next:{annotation:l,groups:q(n,u,f)}}),u=f,i.shift()}else{var f=Math.min(s,l?.columnNumbers.start||s);a.push({next:{groups:q(n,u,f)}}),u=f}else if(s==u)if(p&&d&&c.columnNumbers.end===l.columnNumbers.end){var f=l.columnNumbers.end+1;a.push({prev:{annotation:c,groups:q(r,s,f)},next:{annotation:l,groups:q(n,u,f)}}),s=f,u=f,o.shift(),i.shift()}else if(p){var f=c.columnNumbers.end+1;a.push({prev:{annotation:c,groups:q(r,s,f)}}),s=f,o.shift()}else if(d){var f=l.columnNumbers.end+1;a.push({next:{annotation:l,groups:q(n,u,f)}}),u=f,i.shift()}else if(!c&&!l)a.push({prev:{groups:r},next:{groups:n}}),r=[],n=[];else{var f=Math.min(c?.columnNumbers.start||Number.MAX_VALUE,l?.columnNumbers.start||Number.MAX_VALUE);a.push({prev:{groups:q(r,s,f)},next:{groups:q(n,u,f)}}),s=f,u=f}}return a}function q(e,t,r){for(var n=[],o=t;o=1?[.33,1]:e>=1&&t<=0?[0,.67]:[.25,.75]}function tu(e){var t=e.dimensions,r=e.codeStep,n=e.children,o=e.minZoom,i=o===void 0?0:o,a=e.maxZoom,s=a===void 0?1.2:a,u=e.center,c=u===void 0?!1:u,l=e.progress,p=ou({codeStep:r,dimensions:t,minZoom:i,maxZoom:s,horizontalCenter:c}),d=p.prev,f=p.next,m=He(d.zoom,f.zoom,l),g=He(d.dx,f.dx,l),h=He(d.dy,f.dy,l,r.verticalInterval),y=He(d.focusHeight,f.focusHeight,l),b=He(d.focusWidth,f.focusWidth,l),C=Math.max(b+16,t.containerWidth);return v.default.createElement(ru,{width:t.containerWidth,height:t.containerHeight},v.default.createElement(nu,{dx:g,dy:h,scale:m,height:Math.max(y,t.containerHeight),width:C},n(b)))}function ru(e){var t=e.width,r=e.height,n=e.children;return v.default.createElement("div",{style:{width:t,height:r,position:"relative",overflowX:"auto"}},n)}function nu(e){var t=e.dx,r=e.dy,n=e.scale,o=e.height,i=e.width,a=e.children;return v.default.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:i,height:o,overflow:"hidden"}},v.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:"translateX("+t+"px) translateY("+r+"px) scale("+n+")",transformOrigin:"top left",width:"100%"}},a))}function ou(e){var t=e.codeStep,r=ue(e,["codeStep"]),n=r.dimensions,o=n.lineHeight,i=n.lineWidth,a={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*o,lineWidth:i[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*o,lineWidth:i[1]}};return S.map(a,function(s){var u=s.extremes,c=s.originalContentHeight,l=s.lineWidth;return iu(k({extremes:u,originalContentHeight:c,lineWidth:l},r))})}function iu(e){var t=e.dimensions,r=e.lineWidth,n=e.minZoom,o=e.maxZoom,i=e.extremes,a=e.originalContentHeight,s=e.horizontalCenter,u=t,c=u.containerWidth,l=u.containerHeight,p=u.lineHeight,d=(i[1]-i[0]+3)*p,f=Math.max(Math.min(c/r,l/d,o),n),m=a*f,g=(i[0]-1)*p*f,h=(i[1]+2)*p*f,y=(h+g)/2,b=h-g,C=l>m?(l-m)/2:au(l/2-y,Math.max(l-m,-g),0),E=s?Math.max(c/2-r*f/2,0):0;return{zoom:f,dx:E,dy:C,focusHeight:b,focusWidth:r*f}}function au(e,t,r){return e<=t?t:e>=r?r:e}function He(e,t,r,n){return n===void 0&&(n=[0,1]),We({fixed:!1,interval:n,extremes:[e,t],ease:Re.easeInOutCubic},r)}function su(e){return v.default.createElement(tu,k({},e),function(t){return v.default.createElement(uu,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress})})}function uu(e){var t=e.codeStep,r=e.progress,n=e.focusWidth,o=e.lineHeight,i=r<.5?t.groups.prev:t.groups.next;return v.default.createElement(v.default.Fragment,null,i.map(function(a,s){if(!a.annotation)return v.default.createElement(ao,{lines:a.lines,t:r,focusWidth:n,lineHeight:o,key:s});var u=We(a.lines[0].tweenY,r),c=a.annotation.lineNumbers.end-a.annotation.lineNumbers.start+1,l=a.annotation.Component;return v.default.createElement(l,{style:{position:"absolute",height:c*o,width:"100%",transform:"translateY("+u*o+"px)"},key:s,data:a.annotation.data,theme:a.annotation.theme},v.default.createElement(ao,{lines:a.lines,t:r,focusWidth:n,lineHeight:o,startY:u}))}))}function ao(e){var t=e.lines,r=e.focusWidth,n=e.lineHeight,o=e.t,i=e.startY,a=i===void 0?0:i;return v.default.createElement(v.default.Fragment,null,t.map(function(s,u){var c=s.tweenX,l=s.tweenY,p=s.focused,d=We(c,o),f=We(l,o),m=co(p,o,d);return v.default.createElement(du,{key:u,dx:16+d*r,dy:(f-a)*n,width:r,opacity:m},v.default.createElement(cu,{line:s,progress:o,dx:d}))}))}function cu(e){var t=e.line,r=e.progress,n=e.dx;return v.default.createElement("div",{style:{display:"inline-block",width:"100%"}},t.annotatedGroups.map(function(o,i){return v.default.createElement(lu,{annotatedGroup:o,progress:r,dx:n,key:i})}),v.default.createElement("br",null))}function lu(e){var t,r,n,o=e.annotatedGroup,i=e.progress,a=e.dx,s=i<.5?o.prev:o.next,u=s?.groups||[],c=(t=s?.annotation)===null||t===void 0?void 0:t.Component,l=u.map(function(p,d){var f=co(p.focused,i,a);return v.default.createElement("span",{style:{opacity:f},key:d+1},p.element)});return c?v.default.createElement(c,{children:l,data:(r=s?.annotation)===null||r===void 0?void 0:r.data,theme:(n=s?.annotation)===null||n===void 0?void 0:n.theme}):v.default.createElement(v.default.Fragment,null,l)}function du(e){var t=e.children,r=e.dx,n=e.dy,o=e.opacity,i=e.width;return v.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:"translate("+r+"px, "+n+"px)",width:i,display:o<=0?"none":void 0}},t)}var so=.33;function co(e,t,r){return We({fixed:!1,extremes:[e.prev?.99:so,e.next?.99:so],interval:[0,1]},t)-Math.abs(r)*1}function fu(e){var t=e.tween,r=e.theme;return Ks({highlightedLines:S.map(t,function(n){return n.code.lines}),theme:r,focus:S.map(t,function(n){return n.focus}),annotations:S.map(t,function(n){return n.annotations})})}var pu=10;function lo(e){var t=e.tween,r=e.progress,n=e.config,o=ue(e,["tween","progress","config"]),i=fu({tween:t,theme:n.theme}),a=Fs(i.code,S.map(t,function(c){return c.focus}),n.minColumns||pu,[n.parentHeight]),s=a.element,u=a.dimensions;return u?v.default.createElement(mu,{dimensions:u,stepInfo:i,config:n,progress:r,htmlProps:o}):v.default.createElement(gu,{element:s,htmlProps:o})}function gu(e){var t=e.element,r=e.htmlProps;return v.default.createElement(fo,{htmlProps:r,style:{overflow:"hidden",opacity:0}},t)}function mu(e){var t=e.config,r=t.minZoom,n=r===void 0?1:r,o=t.maxZoom,i=o===void 0?1:o,a=t.horizontalCenter,s=a===void 0?!1:a,u=t.theme,c=u===void 0?Ss:u,l=e.dimensions,p=e.stepInfo,d=e.progress,f=e.htmlProps,m=js(c),g=m.bg,h=m.fg;return v.default.createElement(fo,{htmlProps:f,style:{opacity:1,backgroundColor:g,color:h}},v.default.createElement(su,{codeStep:p,progress:d,dimensions:l,minZoom:n,maxZoom:i,center:s}))}function fo(e){var t=e.htmlProps,r=e.style,n=e.children;return v.default.createElement("pre",k({},t,{style:k(k({overflow:"auto",margin:0},r),t?.style)}),v.default.createElement("code",null,n))}var hu={stiffness:120,damping:24,mass:.2,decimals:3};function vu(e){var t=e.step,r=e.config,n=ue(e,["step","config"]),o=yu(t,r.spring),i=o.tween,a=o.t;return v.default.createElement(lo,k({tween:i,progress:a,config:r},n))}function yu(e,t){t===void 0&&(t=hu);var r=V(v.default.useState({target:0,tween:{prev:e,next:e}}),2),n=r[0],o=n.target,i=n.tween,a=r[1];v.default.useEffect(function(){i.next!=e&&a(function(l){return{target:l.target+1,tween:{prev:i.next,next:e}}})},[e]);var s=V(ys.useSpring(o,t),1),u=s[0],c=u%1;return{tween:i,t:c||1}}bt.CodeSpring=vu;bt.CodeTween=lo});var wt=x(Ft=>{"use strict";Object.defineProperty(Ft,"__esModule",{value:!0});var ye=W();function bu(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var Cu=bu(ye);var Ct=function(){return Ct=Object.assign||function(t){for(var r,n=1,o=arguments.length;n{"use strict";Object.defineProperty(qe,"__esModule",{value:!0});var ku=W(),be=wt();function Eu(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var j=Eu(ku);var xt=function(){return xt=Object.assign||function(t){for(var r,n=1,o=arguments.length;n{"use strict";Object.defineProperty(Ge,"__esModule",{value:!0});var Au=W(),Su=kt();function ju(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var P=ju(Au);var Ce=function(){return Ce=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function Ou(e){var t=vo(e.split(/^\$\s*/gm)),r=t.slice(1),n=r.map(function(s){var u=vo(s.split(/\r?\n/)),c=u[0],l=u.slice(1);return{run:c,output:l.length>0?l.join(` `):null}}),o=n[n.length-1],i=n.length>0&&o.output!=null,a=i?o.run.split(/(\s+)/)[0]:"bash";return{title:a,isRunning:i,commands:n}}var _u=P.default.createElement("span",{className:"ch-terminal-prompt"},"$");function xr(e){var t=e.text,r=e.progress,n=r===void 0?1:r,o=e.style,i=Lu(t,n);return P.default.createElement("pre",{style:o,className:"ch-terminal-content"},i.map(function(a,s){var u=a.run,c=a.output;return P.default.createElement(P.default.Fragment,{key:s},P.default.createElement("div",null,_u," ",P.default.createElement("span",null,u)),c&&P.default.createElement("div",{className:"ch-terminal-output"},c))}))}function Lu(e,t){if(!e)return[];var r=Math.round(e.length*t),n=Ou(e.slice(0,r)).commands;return n}function Tu(e){var t=e.title,r=t===void 0?"bash":t,n=e.prev,o=e.prevKey,i=e.next,a=e.nextKey,s=e.progress,u=e.className,c=u===void 0?"":u,l=kr(e,["title","prev","prevKey","next","nextKey","progress","className"]);return P.default.createElement(Su.MiniFrame,Ce({title:r},l,{className:"ch-terminal-container "+c}),P.default.createElement(yo,Ce({},{prev:n,prevKey:o,next:i,nextKey:a,progress:s})))}function yo(e){var t=e.prev,r=t===void 0?"":t,n=e.prevKey,o=e.next,i=o===void 0?"":o,a=e.nextKey,s=e.progress;return P.default.createElement("div",{className:"ch-terminal"},P.default.createElement("div",{style:{position:"relative",transform:"translateY(-"+s*100+"%)"}},P.default.createElement(xr,{text:r,progress:1,key:n}),P.default.createElement(xr,{style:{position:"absolute"},text:i,progress:s,key:a})))}function Pu(e){var t=e.title,r=t===void 0?"bash":t,n=e.steps,o=e.progress;e.backward;var i=kr(e,["title","steps","progress","backward"]),a=n.map(function(l){return l.text}),s=o%1,u=bo(Math.floor(o),0,a.length-1),c=u+1;return P.default.createElement(Tu,Ce({title:r,prev:a[u],prevKey:u,next:a[c]||"",nextKey:c,progress:s},i))}function Mu(e){var t=e.steps,r=e.progress,n=t.map(function(s){return s.text}),o=r%1,i=bo(Math.floor(r),0,t.length-1),a=i+1;return P.default.createElement(yo,{prev:n[i],prevKey:i,next:n[a]||"",nextKey:a,progress:o})}function bo(e,t,r){return Math.min(Math.max(e,t),r)}function Nu(e){var t=e.text,r=e.title,n=r===void 0?"bash":r,o=e.progress,i=o===void 0?0:o,a=e.backward,s=a===void 0?!1:a,u=e.steps,c=kr(e,["text","title","progress","backward","steps"]),l=u||[{text:t||""}];return P.default.createElement(Pu,Ce({steps:l,progress:i,backward:s,title:n},c))}Ge.InnerTerminal=Mu;Ge.MiniTerminal=Nu;Ge.TerminalContent=xr});var Lo=x(Bt=>{"use strict";Object.defineProperty(Bt,"__esModule",{value:!0});var Iu=W(),jo=kt(),Oo=wt(),Hu=Co(),Ru=Fr(),Wu=vt();function qu(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var w=qu(Iu);var A=function(){return A=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function Gu(){for(var e=[],t=0;t{"use strict";Object.defineProperty(St,"__esModule",{value:!0});var nc=W(),To=kt(),At=wt(),oc=vt();function ic(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var L=ic(nc);var ke=function(){return ke=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function ac(){for(var e=[],t=0;t{"use strict";Object.defineProperty(jt,"__esModule",{value:!0});function vc(e){return e==="vue-cli"?"src/main.js":e==="angular-cli"?"src/main.ts":e==="create-react-app-typescript"?"src/index.tsx":e==="parcel"?"index.html":e==="gatsby"?"src/pages/index.js":e==="nuxt"||e==="next"||e==="apollo"||e==="reason"||e==="sapper"?"package.json":e==="nest"?"src/main.ts":e==="static"?"index.html":"src/index.js"}jt.getMainFile=vc;var Io="sandbox.config.json";function yc(e,t){var r=t[Io]||t["/"+Io];if(r)try{var n=JSON.parse(r.content);if(n.template)return n.template}catch{}var o=e.dependencies,i=o===void 0?{}:o,a=e.devDependencies,s=a===void 0?{}:a,u=Object.keys(i).concat(Object.keys(s)),c=["nuxt","nuxt-edge"];if(u.some(function(f){return c.indexOf(f)>-1}))return"nuxt";if(u.indexOf("next")>-1)return"next";var l=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(u.some(function(f){return l.indexOf(f)>-1}))return"apollo";if(u.indexOf("ember-cli")>-1)return"ember";if(u.indexOf("sapper")>-1)return"sapper";var p=Object.keys(t);if(p.some(function(f){return f.endsWith(".vue")}))return"vue-cli";if(p.some(function(f){return f.endsWith(".re")}))return"reason";if(u.indexOf("gatsby")>-1)return"gatsby";if(u.indexOf("parcel-bundler")>-1)return"parcel";if(u.indexOf("react-scripts")>-1)return"create-react-app";if(u.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(u.indexOf("@angular/core")>-1)return"angular-cli";if(u.indexOf("preact-cli")>-1)return"preact-cli";if(u.indexOf("svelte")>-1)return"svelte";if(u.indexOf("vue")>-1)return"vue-cli";var d=["@dojo/core","@dojo/framework"];if(u.some(function(f){return d.indexOf(f)>-1}))return"@dojo/cli-create-app";if(u.indexOf("cx")>-1)return"cxjs";if(u.indexOf("@nestjs/core")>-1||u.indexOf("@nestjs/common")>-1)return"nest"}jt.getTemplate=yc});var Ci=x((ze,Be)=>{var bc=200,Ir="__lodash_hash_undefined__",It=1,Yo=2,Zo=9007199254740991,Ot="[object Arguments]",Or="[object Array]",Cc="[object AsyncFunction]",Qo="[object Boolean]",ei="[object Date]",ti="[object Error]",ri="[object Function]",Fc="[object GeneratorFunction]",_t="[object Map]",ni="[object Number]",wc="[object Null]",Ee="[object Object]",Ro="[object Promise]",xc="[object Proxy]",oi="[object RegExp]",Lt="[object Set]",ii="[object String]",kc="[object Symbol]",Ec="[object Undefined]",_r="[object WeakMap]",ai="[object ArrayBuffer]",Tt="[object DataView]",Bc="[object Float32Array]",Dc="[object Float64Array]",Ac="[object Int8Array]",Sc="[object Int16Array]",jc="[object Int32Array]",Oc="[object Uint8Array]",_c="[object Uint8ClampedArray]",Lc="[object Uint16Array]",Tc="[object Uint32Array]",Pc=/[\\^$.*+?()[\]{}|]/g,Mc=/^\[object .+?Constructor\]$/,Nc=/^(?:0|[1-9]\d*)$/,O={};O[Bc]=O[Dc]=O[Ac]=O[Sc]=O[jc]=O[Oc]=O[_c]=O[Lc]=O[Tc]=!0;O[Ot]=O[Or]=O[ai]=O[Qo]=O[Tt]=O[ei]=O[ti]=O[ri]=O[_t]=O[ni]=O[Ee]=O[oi]=O[Lt]=O[ii]=O[_r]=!1;var si=typeof global=="object"&&global&&global.Object===Object&&global,Ic=typeof self=="object"&&self&&self.Object===Object&&self,X=si||Ic||Function("return this")(),ui=typeof ze=="object"&&ze&&!ze.nodeType&&ze,Wo=ui&&typeof Be=="object"&&Be&&!Be.nodeType&&Be,ci=Wo&&Wo.exports===ui,Ar=ci&&si.process,qo=function(){try{return Ar&&Ar.binding&&Ar.binding("util")}catch{}}(),Go=qo&&qo.isTypedArray;function Hc(e,t){for(var r=-1,n=e==null?0:e.length,o=0,i=[];++r-1}function ml(e,t){var r=this.__data__,n=Rt(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}Y.prototype.clear=dl;Y.prototype.delete=fl;Y.prototype.get=pl;Y.prototype.has=gl;Y.prototype.set=ml;function fe(e){var t=-1,r=e==null?0:e.length;for(this.clear();++ts))return!1;var c=i.get(e);if(c&&i.get(t))return c==t;var l=-1,p=!0,d=r&Yo?new Mt:void 0;for(i.set(e,t),i.set(t,e);++l-1&&e%1==0&&e-1&&e%1==0&&e<=Zo}function yi(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function $e(e){return e!=null&&typeof e=="object"}var bi=Go?Gc(Go):_l;function Kl(e){return zl(e)?Al(e):Ll(e)}function $l(){return[]}function Jl(){return!1}Be.exports=Ul});var Oi=x(ji=>{var Vl=Object.create,Xe=Object.defineProperty,Xl=Object.defineProperties,Yl=Object.getOwnPropertyDescriptor,Zl=Object.getOwnPropertyDescriptors,Ql=Object.getOwnPropertyNames,Fi=Object.getOwnPropertySymbols,ed=Object.getPrototypeOf,ki=Object.prototype.hasOwnProperty,td=Object.prototype.propertyIsEnumerable,wi=(e,t,r)=>t in e?Xe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Ve=(e,t)=>{for(var r in t||(t={}))ki.call(t,r)&&wi(e,r,t[r]);if(Fi)for(var r of Fi(t))td.call(t,r)&&wi(e,r,t[r]);return e},Hr=(e,t)=>Xl(e,Zl(t)),Ei=e=>Xe(e,"__esModule",{value:!0}),rd=(e,t)=>{Ei(e);for(var r in t)Xe(e,r,{get:t[r],enumerable:!0})},nd=(e,t,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ql(t))!ki.call(e,n)&&n!=="default"&&Xe(e,n,{get:()=>t[n],enumerable:!(r=Yl(t,n))||r.enumerable});return e},Bi=e=>nd(Ei(Xe(e!=null?Vl(ed(e)):{},"default",e&&e.__esModule&&"default"in e?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e),Di=(e,t,r)=>new Promise((n,o)=>{var i=u=>{try{s(r.next(u))}catch(c){o(c)}},a=u=>{try{s(r.throw(u))}catch(c){o(c)}},s=u=>u.done?n(u.value):Promise.resolve(u.value).then(i,a);s((r=r.apply(e,t)).next())});rd(ji,{SandpackClient:()=>gd,addPackageJSONIfNeeded:()=>Ai,createPackageJSON:()=>Rr,extractErrorDetails:()=>Si});var od=Bi(Ho()),id=Bi(Ci()),xi=()=>Math.floor(Math.random()*1e6+Math.random()*1e6),ad=e=>{try{return e.constructor.name}catch{return""}},sd=class{constructor(e,t,r){this.type=e,this.handleMessage=t,this.target=r,this.outgoingMessages=new Set,this._messageListener=n=>Di(this,null,function*(){let{data:o}=n;if(o.$type!==this.getTypeId()||this.outgoingMessages.has(o.$id))return;let i=yield this.handleMessage(o.$data),a={$originId:this.internalId,$type:this.getTypeId(),$data:i,$id:o.$id};n.source?n.source.postMessage(a,"*"):this._postMessage(a)}),this.createConnection(),this.internalId=xi(),this.isWorker=ad(r)==="Worker"}getTypeId(){return`p-${this.type}`}createConnection(){self.addEventListener("message",this._messageListener)}dispose(){self.removeEventListener("message",this._messageListener)}sendMessage(e){return new Promise(t=>{let r=xi(),n={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:r};this.outgoingMessages.add(r);let o=i=>{let{data:a}=i;a.$type===this.getTypeId()&&a.$id===r&&a.$originId!==this.internalId&&(t(a.$data),self.removeEventListener("message",o))};self.addEventListener("message",o),this._postMessage(n)})}_postMessage(e){this.isWorker||typeof DedicatedWorkerGlobalScope<"u"&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},ud=class{constructor(e,t){this.globalListeners={},this.globalListenersCount=0,this.channelListeners={},this.channelListenersCount=0,this.channelId=Math.floor(Math.random()*1e6),this.frameWindow=e.contentWindow,this.origin=t,this.globalListeners=[],this.channelListeners=[],this.eventListener=this.eventListener.bind(this),typeof window<"u"&&window.addEventListener("message",this.eventListener)}cleanup(){window.removeEventListener("message",this.eventListener),this.globalListeners={},this.channelListeners={},this.globalListenersCount=0,this.channelListenersCount=0}register(){!this.frameWindow||this.frameWindow.postMessage({type:"register-frame",origin:document.location.origin,id:this.channelId},this.origin)}dispatch(e){!this.frameWindow||this.frameWindow.postMessage(Ve({$id:this.channelId,codesandbox:!0},e),this.origin)}globalListen(e){if(typeof e!="function")return()=>{};let t=this.globalListenersCount;return this.globalListeners[t]=e,this.globalListenersCount++,()=>{delete this.globalListeners[t]}}channelListen(e){if(typeof e!="function")return()=>{};let t=this.channelListenersCount;return this.channelListeners[t]=e,this.channelListenersCount++,()=>{delete this.channelListeners[t]}}eventListener(e){!e.data.codesandbox||(Object.values(this.globalListeners).forEach(t=>t(e.data)),e.data.$id===this.channelId&&Object.values(this.channelListeners).forEach(t=>t(e.data)))}};function Rr(e={},t="/index.js"){return JSON.stringify({name:"sandpack-project",main:t,dependencies:e},null,2)}function Ai(e,t,r){let n=Ve({},e);if(!n["/package.json"]){if(!t)throw new Error("No dependencies specified, please specify either a package.json or dependencies.");if(!r)throw new Error("Missing 'entry' parameter. Either specify an entry point, or pass in a package.json with the 'main' field set.");n["/package.json"]={code:Rr(t,r)}}return n}function Si(e){if(e.title==="SyntaxError"){let{title:i,path:a,message:s,line:u,column:c}=e;return{title:i,path:a,message:s,line:u,column:c}}let t=cd(e.payload.frames);if(!t)return{message:e.message};let r=dd(t),n=ld(t);return{message:fd(t._originalFileName,e.message,n,r),title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}function cd(e){if(!!e)return e.find(t=>!!t._originalFileName)}function ld(e){return e?` (${e._originalLineNumber}:${e._originalColumnNumber})`:""}function dd(e){let r=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,n=2,o=3,i=n+r+o+e._originalColumnNumber;return e._originalScriptCode.reduce((a,s)=>{let u=s.highlight?">":" ",c=s.lineNumber.toString().length===r?`${s.lineNumber}`:` ${s.lineNumber}`,l=s.highlight?` `+" ".repeat(i)+"^":"";return a+` `+u+" "+c+" | "+s.content+l},"")}function fd(e,t,r,n){return`${e}: ${t}${r} ${n}`}var pd=`https://${"0.1.20"?.replace(/\./g,"-")}-sandpack.codesandbox.io/`,gd=class{constructor(e,t,r={}){if(this.getTranspilerContext=()=>new Promise(n=>{let o=this.listen(i=>{i.type==="transpiler-context"&&(n(i.data),o())});this.dispatch({type:"get-transpiler-context"})}),this.options=r,this.sandboxInfo=t,this.bundlerURL=r.bundlerURL||pd,this.bundlerState=void 0,this.errors=[],this.status="initializing",typeof e=="string"){this.selector=e;let n=document.querySelector(e);if(!n)throw new Error(`No element found for selector '${e}'`);this.element=n,this.iframe=document.createElement("iframe"),this.initializeElement()}else this.element=e,this.iframe=e;this.iframe.getAttribute("sandbox")||this.iframe.setAttribute("sandbox","allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"),this.iframe.src=r.startRoute?new URL(r.startRoute,this.bundlerURL).toString():this.bundlerURL,this.iframeProtocol=new ud(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen(n=>{n.type!=="initialized"||!this.iframe.contentWindow||(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new sd("file-resolver",o=>Di(this,null,function*(){return o.m==="isFile"?this.options.fileResolver.isFile(o.p):this.options.fileResolver.readFile(o.p)}),this.iframe.contentWindow)),this.updatePreview(this.sandboxInfo,!0))}),this.unsubscribeChannelListener=this.iframeProtocol.channelListen(n=>{switch(n.type){case"start":{this.errors=[];break}case"status":{this.status=n.status;break}case"action":{n.action==="show-error"&&(this.errors=[...this.errors,Si(n)]);break}case"state":{this.bundlerState=n.state;break}}})}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){(0,id.default)(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var r,n,o;this.sandboxInfo=e;let i=this.getFiles(),a=Object.keys(i).reduce((c,l)=>Hr(Ve({},c),{[l]:{code:i[l].code,path:l}}),{}),s=JSON.parse(Rr(this.sandboxInfo.dependencies,this.sandboxInfo.entry));try{s=JSON.parse(i["/package.json"].code)}catch(c){console.error("Could not parse package.json file: "+c.message)}let u=Object.keys(i).reduce((c,l)=>Hr(Ve({},c),{[l]:{content:i[l].code,path:l}}),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:a,externalResources:[],hasFileResolver:Boolean(this.options.fileResolver),disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||(0,od.getTemplate)(s,u),showOpenInCodeSandbox:(r=this.options.showOpenInCodeSandbox)!=null?r:!0,showErrorScreen:(n=this.options.showErrorScreen)!=null?n:!0,showLoadingScreen:(o=this.options.showLoadingScreen)!=null?o:!0,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile})}dispatch(e){this.iframeProtocol.dispatch(e)}listen(e){return this.iframeProtocol.channelListen(e)}getCodeSandboxURL(){let e=this.getFiles(),t=Object.keys(e).reduce((r,n)=>Hr(Ve({},r),{[n.replace("/","")]:{content:e[n].code,isBinary:!1}}),{});return fetch("https://codesandbox.io/api/v1/sandboxes/define?json=1",{method:"POST",body:JSON.stringify({files:t}),headers:{Accept:"application/json","Content-Type":"application/json"}}).then(r=>r.json()).then(r=>({sandboxId:r.sandbox_id,editorUrl:`https://codesandbox.io/s/${r.sandbox_id}`,embedUrl:`https://codesandbox.io/embed/${r.sandbox_id}`}))}getFiles(){let{sandboxInfo:e}=this;return e.files["/package.json"]===void 0?Ai(e.files,e.dependencies,e.entry):this.sandboxInfo.files}initializeElement(){if(this.iframe.style.border="0",this.iframe.style.width=this.options.width||"100%",this.iframe.style.height=this.options.height||"100%",this.iframe.style.overflow="hidden",!this.element.parentNode)throw new Error("Given element does not have a parent.");this.element.parentNode.replaceChild(this.iframe,this.element)}}});var Ti=x(zt=>{"use strict";Object.defineProperty(zt,"__esModule",{value:!0});var md=W();function hd(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var H=hd(md);var Gt=function(){return Gt=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function yd(e){e.forEach(bd)}function bd(e){var t,r=((t=e.rootBounds)===null||t===void 0?void 0:t.height)||0;Wr(e.rootBounds,{border:Math.min(10,r/2)+"px solid "+qt.rootColor,overflow:"hidden",boxSizing:"border-box"}),Wr(e.boundingClientRect,{border:Math.min(10,e.boundingClientRect.height/2)+"px solid "+(e.isIntersecting?qt.enterColor:qt.exitColor),overflow:"hidden",boxSizing:"border-box"}),Wr(e.intersectionRect,{backgroundColor:qt.interColor,zIndex:2})}function Wr(e,t){t===void 0&&(t={});var r=e.width,n=e.left,o=e.height,i=e.top,a=document.createElement("div");return a.style.position="fixed",a.style.width=r+"px",a.style.left=n+"px",a.style.top=i+"px",a.style.height=o+"px",a.style.pointerEvents="none",a.style.transition="opacity 2s ease-in",Object.assign(a.style,t),requestAnimationFrame(function(){return requestAnimationFrame(function(){a.style.opacity="0"})}),a.addEventListener("transitionend",function(){document.body.removeChild(a)}),document.body.appendChild(a),a}var qt={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},Cd=typeof window<"u"?H.default.useLayoutEffect:H.default.useEffect;function Fd(){var e=typeof window=="object";function t(){return e?document.documentElement.clientHeight:void 0}var r=_i(H.default.useState(t),2),n=r[0],o=r[1];return H.default.useEffect(function(){function i(){o(t())}return window.addEventListener("resize",i),function(){return window.removeEventListener("resize",i)}},[]),Cd(function(){o(t())},[]),n}var Li=H.default.createContext(void 0),qr=typeof window<"u"?H.default.useLayoutEffect:H.default.useEffect;function wd(e){var t=e.onStepChange,r=e.children,n=e.getRootMargin,o=n===void 0?Ed:n,i=e.debug,a=i===void 0?!1:i,s=_i(H.default.useState(),2),u=s[0],c=s[1],l=Fd();return qr(function(){var p=l||0,d=function(m){(a||window.chDebugScroller)&&yd(m),m.forEach(function(g){if(g.intersectionRatio>0){var h=g.target;t(+h.stepIndex)}})},f=kd(d,o(p));return c(f),function(){return f.disconnect()}},[l]),H.default.createElement(Li.Provider,{value:u},r)}function xd(e){var t=e.as,r=t===void 0?"section":t,n=e.index,o=vd(e,["as","index"]),i=H.default.useRef(null),a=H.default.useContext(Li);return qr(function(){return a&&a.observe(i.current),function(){return a&&a.unobserve(i.current)}},[a]),qr(function(){var s=i.current;s.stepIndex=n},[n]),H.default.createElement(r,Gt(Gt({},o),{ref:i}))}function kd(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}function Ed(e){return"-"+(e/2-2)+"px 0px"}zt.Scroller=wd;zt.Step=xd});var Ii=x(Ur=>{"use strict";Object.defineProperty(Ur,"__esModule",{value:!0});var Bd=W(),Dd=Fr(),Ad=Lo(),Sd=No(),jd=Oi(),Pi=Ti();function Od(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var F=Od(Bd);var B=function(){return B=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function _d(e){var t=Ye(F.default.useState(e),2),r=t[0],n=t[1];function o(i){var a=Kt(r,i,null);n(B(B({},r),a))}return F.default.createElement(Ut,B({},r,{onTabClick:o}))}function Ut(e){var t=e.onTabClick,r=Gr(e,["onTabClick"]);if(!r.southPanel&&r.files.length===1&&!r.files[0].name)return F.default.createElement(Dd.CodeSpring,{className:"ch-code",config:r.codeConfig,step:r.files[0]});var n=B(B({},r?.frameProps),{onTabClick:t});return F.default.createElement(Ad.EditorSpring,B({},r,{frameProps:n}))}function Kt(e,t,r){var n=t||e.northPanel.active,o=e.files.map(function(s){return s.name===n?B(B({},s),{focus:r===null?s.focus:r}):s}),i=B({},e.northPanel),a=e.southPanel&&B({},e.southPanel);return e.northPanel.tabs.includes(n)?i.active=n:a&&(a.active=n),{files:o,northPanel:i,southPanel:a}}var zr=F.default.createContext({props:null,setFocus:function(){},resetFocus:function(){}});function Ld(e){var t=e.children,r=Gr(e,["children"]),n=Ye(F.default.useState(r),2),o=n[0],i=n[1],a=function(){return i(r)},s=function(l){var p=l.fileName,d=l.focus,f=l.id,m=Kt(o,p,d);i(B(B(B({},o),m),{selectedId:f}))},u=o.selectedId,c=Gr(o,["selectedId"]);return F.default.createElement(zr.Provider,{value:{props:c,setFocus:s,resetFocus:a,selectedId:u}},F.default.createElement("section",null,t))}function Td(){var e=F.default.useContext(zr),t=e.props,r=e.setFocus,n=function(o){r({fileName:o,focus:null,id:""})};return F.default.createElement(Ut,B({},t,{onTabClick:n}))}function Pd(e){var t=e.focus,r=e.file,n=e.children,o=e.id,i=F.default.useContext(zr),a=i.setFocus,s=i.resetFocus,u=i.selectedId,c=u===o,l=c?s:function(){return a({fileName:r,focus:t,id:o})};return F.default.createElement("span",{style:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",backgroundColor:c?"yellow":void 0},onClick:l,children:n})}function Ni(e){var t=e.className,r=e.files,n=e.presetConfig,o=F.default.useRef(null),i=F.default.useRef(null);return F.default.useEffect(function(){i.current=new jd.SandpackClient(o.current,B(B({},n),{files:Mi(n.files,r)}),{showOpenInCodeSandbox:!1})},[]),F.default.useEffect(function(){i.current&&i.current.updatePreview(B(B({},n),{files:Mi(n.files,r)}))},[r]),F.default.createElement(Sd.MiniBrowser,{className:t},F.default.createElement("iframe",{ref:o}))}function Mi(e,t){var r=B({},e);return t.forEach(function(n){r["/"+n.name]={code:n.code.lines.map(function(o){return o.tokens.map(function(i){return i.content}).join("")}).join(` `)}}),r}function Md(e){var t,r=e.children,n=e.editorSteps,o=e.codeConfig,i=e.start,a=i===void 0?0:i,s=e.presetConfig,u=F.default.Children.toArray(r),c=Ye(F.default.useState({stepIndex:a,step:n[a]}),2),l=c[0],p=c[1],d=l.step;function f(g){var h=Kt(l.step,g,null);p(B(B({},l),{step:h}))}var m=u[0];return F.default.createElement("div",{className:"ch-spotlight "+(s?"ch-spotlight-with-preview":"")},F.default.createElement("div",{className:"ch-spotlight-tabs"},!((t=m?.props)===null||t===void 0)&&t.children?F.default.createElement("div",null,u[0]):null,u.map(function(g,h){return h===0?null:F.default.createElement("div",{key:h,onClick:function(){return p({stepIndex:h,step:n[h]})},className:"ch-spotlight-tab","data-selected":h===l.stepIndex?"true":void 0},g)})),F.default.createElement("div",{className:"ch-spotlight-sticker"},F.default.createElement(Ut,B({},d,{codeConfig:o,onTabClick:f})),s&&F.default.createElement(Ni,{className:"ch-spotlight-preview",files:d.files,presetConfig:s})))}function Nd(e){var t=e.children,r=e.editorSteps,n=e.codeConfig,o=e.presetConfig,i=e.start,a=i===void 0?0:i,s=F.default.Children.toArray(t),u=Ye(F.default.useState({stepIndex:a,step:r[a]}),2),c=u[0],l=u[1],p=c.step;function d(m){l({stepIndex:m,step:r[m]})}function f(m){var g=Kt(c.step,m,null);l(B(B({},c),{step:g}))}return F.default.createElement("section",{className:"ch-scrollycoding "+(o?"ch-scrollycoding-with-preview":"")},F.default.createElement("div",{className:"ch-scrollycoding-content"},F.default.createElement(Pi.Scroller,{onStepChange:d},s.map(function(m,g){return F.default.createElement(Pi.Step,{as:"div",key:g,index:g,onClick:function(){return d(g)},className:"ch-scrollycoding-step-content","data-selected":g===c.stepIndex?"true":void 0},m)}))),F.default.createElement("div",{className:"ch-scrollycoding-sticker"},F.default.createElement(Ut,B({},p,{codeConfig:n,onTabClick:f})),o&&F.default.createElement(Ni,{className:"ch-scrollycoding-preview",files:p.files,presetConfig:o})))}function Id(){return"error: code hike remark plugin not running or annotation isn't at the right place"}var Hd={box:Rd,bg:Wd,label:qd,link:Gd};function Rd(e){var t,r,n=e.children,o=e.data,i=e.theme,a=typeof o=="string"?o:((r=(t=i.tokenColors.find(function(s){var u;return(u=s.scope)===null||u===void 0?void 0:u.includes("string")}))===null||t===void 0?void 0:t.settings)===null||r===void 0?void 0:r.foreground)||"yellow";return F.default.createElement("span",{style:{outline:"2px solid "+a}},n)}function Wd(e){var t=e.children,r=e.data,n=e.style,o=e.theme,i=r||o.colors["editor.lineHighlightBackground"]||o.colors["editor.selectionHighlightBackground"];return F.default.createElement("div",{style:B(B({},n),{background:i})},t)}function qd(e){var t=e.children,r=e.data,n=e.style,o=e.theme,i=o.colors["editor.lineHighlightBackground"]||o.colors["editor.selectionHighlightBackground"],a=Ye(F.default.useState(!1),2),s=a[0],u=a[1];return F.default.createElement("div",{style:B(B({},n),{background:s?i:void 0}),onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)}},t,F.default.createElement("div",{style:{position:"absolute",right:0,paddingRight:16,display:s?"block":"none",opacity:.7}},r?.children||r))}function Gd(e){var t,r,n=e.children,o=e.data,i=((t=o)===null||t===void 0?void 0:t.url)||o,a=(r=o)===null||r===void 0?void 0:r.title;return F.default.createElement("a",{href:i,target:"_blank",rel:"noopener noreferrer",title:a,style:{textDecoration:"underline",textDecorationStyle:"dotted",color:"inherit"}},n)}var zd={Code:_d,Section:Ld,SectionLink:Pd,SectionCode:Td,Spotlight:Md,Scrollycoding:Nd,annotations:Hd,Annotation:Id};Ur.CH=zd});var Jd={};Ki(Jd,{default:()=>$d,frontmatter:()=>Ud});var D=$r(Vr()),Ze=$r(Ii()),Ud={title:"Get rid of huge Font Awesome icons on Gatsby",date:"2020-01-09T06:49:17-0600",tags:["development","gatsbyjs","fontawesome"]};function Kd(e={}){let{wrapper:t}=e.components||{};return t?(0,D.jsx)(t,Object.assign({},e,{children:(0,D.jsx)(r,{})})):r();function r(){let n=Object.assign({p:"p",div:"div",h2:"h2",a:"a",span:"span",svg:"svg",path:"path",code:"code"},e.components);return Ze.CH||Hi("CH",!1),Ze.CH.Code||Hi("CH.Code",!0),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(n.p,{children:"When building this site I noticed that on the first load before anything is cached on the browser, the Font Awesome icons used in the footer and contact section were huge for a second or two, it looks ugly so it needed to be fixed."}),` `,(0,D.jsxs)(n.div,{className:"heading-container",children:[(0,D.jsx)(n.h2,{id:"why-it-happens",children:"Why it happens?"}),(0,D.jsxs)(n.a,{"aria-hidden":!0,tabIndex:"-1",href:"#why-it-happens",children:[(0,D.jsx)(n.span,{className:"visually-hidden",children:'Read the "Why it happens?" section'}),(0,D.jsx)(n.span,{className:"icon icon-link","aria-hidden":!0,children:(0,D.jsx)(n.svg,{"aria-hidden":!0,height:"30",width:"30",version:"1.1",viewBox:"0 0 16 16",children:(0,D.jsx)(n.path,{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})})})]})]}),` `,(0,D.jsx)(n.p,{children:"The usage of a Font Awesome icon on React/Gatsby/etc is like this:"}),` `,(0,D.jsx)(Ze.CH.Code,{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"FontAwesomeIcon",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"@fortawesome/react-fontawesome",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"faGithub",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"@fortawesome/free-brands-svg-icons",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" MyComponent ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"()",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"<",props:{style:{color:"#89DDFF"}}},{content:"FontAwesomeIcon",props:{style:{color:"#FFCB6B"}}},{content:" ",props:{style:{color:"#89DDFF"}}},{content:"icon",props:{style:{color:"#C792EA"}}},{content:"={",props:{style:{color:"#89DDFF"}}},{content:"faGithub",props:{style:{color:"#A6ACCD"}}},{content:"} />;",props:{style:{color:"#89DDFF"}}}]}],lang:"javascript"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}}}),` `,(0,D.jsxs)(n.p,{children:["On a normal app, it works fine because the CSS is loaded right before the icon is rendered, so there is no visible change of the size, but on an ",(0,D.jsx)("abbr",{title:"Server Side Rendering",children:"SSR"})," app (like with Gatsby), the code for the icon already exists before the CSS is loaded, so it gets the needed style after a few milliseconds, resulting in the flickering of the icon size."]}),` `,(0,D.jsxs)(n.div,{className:"heading-container",children:[(0,D.jsx)(n.h2,{id:"solution",children:"Solution"}),(0,D.jsxs)(n.a,{"aria-hidden":!0,tabIndex:"-1",href:"#solution",children:[(0,D.jsx)(n.span,{className:"visually-hidden",children:'Read the "Solution" section'}),(0,D.jsx)(n.span,{className:"icon icon-link","aria-hidden":!0,children:(0,D.jsx)(n.svg,{"aria-hidden":!0,height:"30",width:"30",version:"1.1",viewBox:"0 0 16 16",children:(0,D.jsx)(n.path,{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})})})]})]}),` `,(0,D.jsx)(n.p,{children:"We need to disable the auto-loading of CSS by FontAwesome and add the styles ourselves, this way they are already embedded when Gatsby builds the site."}),` `,(0,D.jsxs)(n.p,{children:["in my case it was accomplished by modifying the ",(0,D.jsx)(n.code,{children:"gatsby-browser.js"})," file and adding:"]}),` `,(0,D.jsx)(Ze.CH.Code,{northPanel:{tabs:["gatsby-browser.js"],active:"gatsby-browser.js",heightRatio:1},files:[{name:"gatsby-browser.js",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"config",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"@fortawesome/fontawesome-svg-core",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"@fortawesome/fontawesome-svg-core/styles.css",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"config",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"autoAddCss ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"false",props:{style:{color:"#FF9CAC"}}},{content:";",props:{style:{color:"#89DDFF"}}}]}],lang:"javascript"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}}}),` `,(0,D.jsx)(n.p,{children:"And that's it!"})]})}}var $d=Kd;function Hi(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return $i(Jd);})(); /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */ ;return Component;

Archive - Tag: fontawesome

Get rid of huge Font Awesome icons on Gatsby