var Component=(()=>{var oi=Object.create;var qe=Object.defineProperty;var ii=Object.getOwnPropertyDescriptor;var si=Object.getOwnPropertyNames;var ai=Object.getPrototypeOf,ci=Object.prototype.hasOwnProperty;var Ve=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),li=(e,t)=>{for(var n in t)qe(e,n,{get:t[n],enumerable:!0})},Fn=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of si(t))!ci.call(e,o)&&o!==n&&qe(e,o,{get:()=>t[o],enumerable:!(r=ii(t,o))||r.enumerable});return e};var bn=(e,t,n)=>(n=e!=null?oi(ai(e)):{},Fn(t||!e||!e.__esModule?qe(n,"default",{value:e,enumerable:!0}):n,e)),ui=e=>Fn(qe({},"__esModule",{value:!0}),e);var En=Ve((mc,vn)=>{vn.exports=_jsx_runtime});var wn=Ve((Fc,yn)=>{yn.exports=React});var xn=Ve((bc,kn)=>{kn.exports=ReactDOM});var Pr=Ve($=>{"use strict";Object.defineProperty($,"__esModule",{value:!0});var ke=wn(),di=xn();function fi(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var a=fi(ke);function I(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),pi=(e,t)=>e.match(new RegExp(`.{${t}}`,"g")),hi=e=>parseInt(e.repeat(2/e.length),16);function mi(e,t){return typeof e<"u"?e/255:typeof t!="number"||t<0||t>1?1:t}function Fi(e){if(!e)return;if(!gi(e))throw new Error("Invalid color string, must be a valid hex color");let t=Math.floor((e.length-1)/3),n=pi(e.slice(1),t),[r,o,i,s]=n.map(hi);return{r,g:o,b:i,a:mi(s,1)}}function bi(e){if(!e)return;let{r:t,g:n,b:r,a:o}=e,i=Math.round(o*255);return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${i.toString(16).padStart(2,"0")}`}function De(e,t){if(!e)return e;let{r:n,g:r,b:o,a:i}=Fi(e);return bi({r:n,g:r,b:o,a:i*t})}function _(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function Jn(e,t){return{prev:e?.prev===void 0?t:e.prev,next:e?.next===void 0?t:e.next}}function bt(e,t,n){return _(Jn(e,t),n)}function vi(e,t){return t(e.prev)||t(e.next)}function Yn(e){return e.lines.map(t=>t.tokens.map(n=>n.content).join("")).join(` `)}function Ei(e,t){return Ct(e?Qn(e).map(Zn):[...t.keys()].map(n=>({[n+1]:!0})))}function Qn(e){return e.split(/,(?![^\[]*\])/g)}function Ct(e){return e.reduce((t,n)=>Object.assign(t,n),{})}function yi(e){return!!e.match(/(\d+)\[(.+)\]/)}function Zn(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,r]=t,o=r.split(",").map(er);return{[Number(n)]:o}}else return Ct(Bt(e).map(n=>({[n]:!0})))}function er(e){let[t,n]=e.split(":");if(!tt(t))throw new xe(t);let r=Number(t);if(r<1)throw new nt;if(n){if(!tt(n))throw new xe(n);return{start:r,end:+n}}else return{start:r,end:r}}function wi(e,t){if(e){let n=tr(e),r=Object.keys(n).map(o=>parseInt(o,10));return[Math.min(...r),Math.max(...r)]}else return[0,t.length-1]}function ki(e,t){if(e){let n=tr(e);return Object.keys(n).map(o=>parseInt(o,10))}else return[...t.keys()]}function tr(e){if(!e)throw new Error("Focus cannot be empty");try{let t=e.split(/,(?![^\[]*\])/g).map(xi);return Ci(t.flat())}catch(t){throw t}}function xi(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,r]=t,o=r.split(",").map(Bt),i=Number(n)-1,s=o.flat().map(c=>c-1);return[[i,s]]}else return Bt(e).map(n=>[n-1,!0])}function Bt(e){let[t,n]=e.split(":");if(!tt(t))throw new xe(t);let r=Number(t);if(r<1)throw new nt;if(n){if(!tt(n))throw new xe(n);let o=[];for(let i=r;i<=+n;i++)o.push(i);return o}else return[r]}function tt(e){e=e.toString();var t=Math.abs(e),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}var nt=class extends Error{constructor(){super("Invalid line or column number in focus string"),Object.setPrototypeOf(this,new.target.prototype)}},xe=class extends Error{constructor(t){super(`Invalid number "${t}" in focus string`),this.number=t,Object.setPrototypeOf(this,new.target.prototype)}};function Ci(e){let t={},n=-1,r=e==null?0:e.length;for(;++n!r.name&&!r.scope):void 0;return n?.settings}var or=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function Si(e,t){let n=a.default.useRef(e);a.default.useEffect(()=>{n.current=e},[e]),a.default.useEffect(()=>{if(!t&&t!==0)return;let r=setInterval(()=>n.current(),t);return()=>clearInterval(r)},[t])}function vt(e,t,n){return Math.min(Math.max(e,t),n)}var Je=200;function Ai(e,t,n,r,o,i){let[s,c]=a.default.useState(null),u=Ii(),d=a.default.useRef(null),{prevLongestLine:f,nextLongestLine:p,element:F}=a.default.useMemo(()=>{let y=Bn(e.prev,t.prev),v=Bn(e.next,t.next),w=(e.prev||e.next).trimEnd().split(ir),A=w.length;if(o){let x=o==="focus"?ji(t,w):o,T=w.length;for(;Tx;)w.pop(),T--;y&&!w.includes(y)&&(w[w.length-1]=y)}let B=!1,k=a.default.createElement("code",{className:"ch-code-scroll-parent"},a.default.createElement("br",null),w.map((x,T)=>{let O=!B&&x===y?d:void 0;return B=B||O!=null,a.default.createElement("div",{ref:O,key:T},r?a.default.createElement("span",{className:"ch-code-line-number"},"_",A):void 0,a.default.createElement("div",{style:{display:"inline-block",marginLeft:16}},a.default.createElement("span",null,x)))}),a.default.createElement("br",null));return{prevLongestLine:y,nextLongestLine:v,element:k}},[e]),h=[...i,u,f,p,n];return or(()=>{var y;if(d.current){let v=d.current,w=v?.parentElement,A=w.parentElement,B=v?.querySelector(":scope > div"),k=v?.querySelector(":scope > span"),x=k?Oi(k):0,T=Et(B),O=T/f.length||1,G=p.length*O,ue=(y=yt(B))!==null&&y!==void 0?y:20,de={containerWidth:Et(A.parentElement),containerHeight:yt(A.parentElement),contentWidth:Et(w.parentElement),contentHeight:yt(w.parentElement),lineWidths:[T||G||Je,G||T||Je],lineWidth:[Math.max(T||G||Je,O*n),Math.max(G||T||Je,O*n)],lineHeight:ue,colWidth:O,lineNumberWidth:x,deps:h};c(de)}},h),!s||Ti(s.deps,h)?{element:F,dimensions:null}:{element:F,dimensions:s}}var ir=/\r\n|\r|\n/;function Bn(e,t){let n=e?e.split(ir):[""],r=ki(t,n),o="";return n.forEach((i,s)=>{r.includes(s)&&i.length>o.length&&(o=i)}),o}function Et(e){let t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function Oi(e){let t=getComputedStyle(e);return parseFloat(t.width)}function yt(e){if(!e)return null;let t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function Ti(e,t){for(let n=0;n{function n(){t(window.innerWidth)}return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),e}function ji(e,t){let[n,r]=wi(e.prev,t);return r-n+1}function le(){}le.prototype={diff:function(t,n){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=r.callback;typeof r=="function"&&(o=r,r={}),this.options=r;var i=this;function s(v){return o?(setTimeout(function(){o(void 0,v)},0),!0):v}t=this.castInput(t),n=this.castInput(n),t=this.removeEmpty(this.tokenize(t)),n=this.removeEmpty(this.tokenize(n));var c=n.length,u=t.length,d=1,f=c+u,p=[{newPos:-1,components:[]}],F=this.extractCommon(p[0],n,t,0);if(p[0].newPos+1>=c&&F+1>=u)return s([{value:this.join(n),count:n.length}]);function h(){for(var v=-1*d;v<=d;v+=2){var w=void 0,A=p[v-1],B=p[v+1],k=(B?B.newPos:0)-v;A&&(p[v-1]=void 0);var x=A&&A.newPos+1=c&&k+1>=u)return s(Ni(i,w.components,n,t,i.useLongestToken));p[v]=w}d++}if(o)(function v(){setTimeout(function(){if(d>f)return o();h()||v()},0)})();else for(;d<=f;){var y=h();if(y)return y}},pushComponent:function(t,n,r){var o=t[t.length-1];o&&o.added===n&&o.removed===r?t[t.length-1]={count:o.count+1,added:n,removed:r}:t.push({count:1,added:n,removed:r})},extractCommon:function(t,n,r,o){for(var i=n.length,s=r.length,c=t.newPos,u=c-o,d=0;c+1h.length?v:h}),d.value=e.join(f)}else d.value=e.join(n.slice(c,c+d.count));c+=d.count,d.added||(u+=d.count)}}var F=t[s-1];return s>1&&typeof F.value=="string"&&(F.added||F.removed)&&e.equals("",F.value)&&(t[s-2].value+=F.value,t.pop()),t}function Di(e){return{newPos:e.newPos,components:e.components.slice(0)}}var Sn=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,An=/\S/,sr=new le;sr.equals=function(e,t){return this.options.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e===t||this.options.ignoreWhitespace&&!An.test(e)&&!An.test(t)};sr.tokenize=function(e){for(var t=e.split(/(\s+|[()[\]{}'"]|\b)/),n=0;n"u"?n:s}:r;return typeof e=="string"?e:JSON.stringify(St(e,null,null,o),o," ")};Pe.equals=function(e,t){return le.prototype.equals.call(Pe,e.replace(/,([\r\n])/g,"$1"),t.replace(/,([\r\n])/g,"$1"))};function St(e,t,n,r,o){t=t||[],n=n||[],r&&(e=r(o,e));var i;for(i=0;is.next===void 0?Object.assign(Object.assign({},t.prev[s.prev]),{lineNumber:{prev:s.prev+1},move:"exit",enterIndex:null,exitIndex:r++}):s.prev===void 0?Object.assign(Object.assign({},t.next[s.next]),{lineNumber:{next:s.next+1},move:"enter",enterIndex:n++,exitIndex:null}):Object.assign(Object.assign({},t.prev[s.prev]),{lineNumber:{prev:s.prev+1,next:s.next+1},move:"stay",enterIndex:null,exitIndex:null})),enterCount:n,exitCount:r}}function Ri(e){let t=Pi(e.prev,e.next),n=[],r=0,o=0;return t.forEach(i=>{if(i.added)for(let s=0;s{let F=p==="prev"?r.filter(h=>h.move!=="enter"):r.filter(h=>h.move!=="exit");return Ei(f,F)}),s=r.map(f=>{let{tokens:p}=f,F=I(f,["tokens"]),h={prev:f.lineNumber.prev?i.prev[f.lineNumber.prev]:!1,next:f.lineNumber.next?i.next[f.lineNumber.next]:!1},y={prev:f.lineNumber.prev?n.prev[f.lineNumber.prev]||[]:[],next:f.lineNumber.next?n.next[f.lineNumber.next]||[]:[]};return Object.assign({focused:_(h,v=>!!v),groups:Wi(p,h,y)},F)}),c=_(i,f=>Object.keys(f).map(p=>Number(p))),u=_(c,f=>Math.min(...f)),d=_(c,f=>Math.max(...f));return Object.assign({lines:s,firstFocusedLineNumber:u,lastFocusedLineNumber:d},o)}function Wi(e,t,n){let r=_(t,f=>Array.isArray(f)?f:[]),o=_(n,f=>f.map(({columnNumbers:p})=>p)),i=[...r.prev,...r.next,...o.prev,...o.next],s=zi(e,i),c=0,u=null,d=[];return s.forEach(f=>{let p=On(c,t.prev),F=On(c,t.next),h=Tn(c,n.prev),y=Tn(c,n.next);(!u||u.focused.prev!==p||u.focused.next!==F||u.annotation.prev!==h||u.annotation.next!==y)&&(u={focused:{prev:p,next:F},tokens:[],annotation:{prev:h,next:y}},d.push(u)),u?.tokens.push(f),c+=f.content.length}),d.map(f=>({focused:f.focused,tokens:f.tokens,element:Gi(f)}))}function Gi(e){return a.default.createElement(a.default.Fragment,null,e.tokens.map(({content:t,props:n},r)=>a.default.createElement("span",Object.assign({},n,{key:r+1}),t)))}function zi(e,t){let n=[...t.map(o=>o.start-1),...t.map(o=>o.end)],r=e;return n.forEach(o=>{let i=[],s=0;r.forEach(c=>{let u=s,d=s+c.content.length;if(un-1<=e&&en.start-1<=e&&er)return i;let s=(t-n)/(r-n),c=e.ease||Ne.linear;return o+c(s)*(i-o)}}function In([e,t],n,r){if(r<=1)return[e,t];let o=t-e,i=o/Math.pow(r,1/8),s=(o-i)/(r-1),c=e+s*n,u=c+i;return[c,u]}var Ne={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 Ki(e,t,n,r){let[o,i]=t;return e.map(s=>{let c=_(s.lineNumber,F=>F&&F-1),{enterIndex:u,exitIndex:d}=s,f=s.move==="exit"?{fixed:!0,value:c.prev}:s.move==="enter"?{fixed:!0,value:c.next}:{fixed:!1,extremes:[c.prev,c.next],interval:[o,i],ease:Ne.easeInOutCubic},p=s.move==="exit"?{fixed:!1,extremes:[0,-1],ease:Ne.easeInQuad,interval:In([0,o],d,r)}:s.move==="enter"?{fixed:!1,extremes:[1,0],ease:Ne.easeOutQuad,interval:In([i,1],u,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},s),{tweenX:p,tweenY:f})})}function Ui(e,t){let n=bt(e,[],i=>i.flatMap(s=>Qn(s.focus).map(c=>Object.assign(Object.assign({},s),{focus:c})))),r=bt(n,[],i=>i.filter(jn)),o=bt(n,[],i=>i.filter(s=>!jn(s)));return{inlineAnnotations:_(r,i=>qi(i,t)),multilineAnnotations:_(o,i=>Xi(i,t))}}function jn(e){return yi(e.focus)}function qi(e,t){let n={};return e.forEach(r=>{let o=Zn(r.focus),i=+Object.keys(o)[0],s=o[i],c=n[i]||[];c.push({columnNumbers:s[0],data:r.data,theme:t,Component:r.Component||Vi()}),n[i]=c}),n}function Vi(e,t){return({children:n})=>a.default.createElement("span",{style:{outline:"red 1px solid"}},n)}function Xi(e,t){return e.map(n=>({lineNumbers:er(n.focus),data:n.data,theme:t,Component:n.Component||Ji(n,t)}))}function Ji(e,t){let n=t.colors["editor.lineHighlightBackground"]||t.colors["editor.selectionHighlightBackground"];return({children:r,style:o})=>a.default.createElement("div",{style:Object.assign(Object.assign({},o),{background:n,cursor:"pointer"}),onClick:i=>alert("clicked"),className:"ch-code-bg-annotation"},a.default.createElement("span",{className:"ch-code-bg-annotation-border",style:{background:"#00a2d3",width:"3px",height:"100%",position:"absolute",left:0}}),r)}function Yi(e,t){return{prev:Nn(e,t.prev,n=>n.lineNumber.prev),next:Nn(e,t.next,n=>n.lineNumber.next)}}function Nn(e,t,n){let r=[...t];r.sort((s,c)=>s.lineNumbers.start-c.lineNumbers.start);let o=0,i=[];for(;os.lineNumbers.start)throw"Code Hike can't handle two annotations for the same line";if(s&&n(c)===s.lineNumbers.start){let u={lines:[],annotation:s};for(;c&&(!n(c)||n(c)<=s.lineNumbers.end);)u.lines.push(c),c=e[++o];i.push(u),r.shift()}else if(!s)i.push({lines:e.slice(o)}),o=e.length;else{let u={lines:[]};for(;c&&(!n(c)||n(c){var{groups:r}=n,o=I(n,["groups"]);let{lineNumber:i}=o,s={prev:i.prev?t.prev[i.prev]||[]:[],next:i.next?t.next[i.next]||[]:[]};return Object.assign(Object.assign({},o),{annotatedGroups:Zi(r,s)})})}function Zi(e,t){let n=[...e],r=[...e],o=[...t.prev],i=[...t.next],s=[],c=1,u=1;for(;n.length>0||r.length>0;){let d=o[0],f=i[0],p=d&&d.columnNumbers.start===c,F=f&&f.columnNumbers.start===u;if(cu)if(F){let h=f.columnNumbers.end+1;s.push({next:{annotation:f,groups:Y(r,u,h)}}),u=h,i.shift()}else{let h=Math.min(c,f?.columnNumbers.start||c);s.push({next:{groups:Y(r,u,h)}}),u=h}else if(c==u)if(p&&F&&d.columnNumbers.end===f.columnNumbers.end){let h=f.columnNumbers.end+1;s.push({prev:{annotation:d,groups:Y(n,c,h)},next:{annotation:f,groups:Y(r,u,h)}}),c=h,u=h,o.shift(),i.shift()}else if(p){let h=d.columnNumbers.end+1;s.push({prev:{annotation:d,groups:Y(n,c,h)}}),c=h,o.shift()}else if(F){let h=f.columnNumbers.end+1;s.push({next:{annotation:f,groups:Y(r,u,h)}}),u=h,i.shift()}else if(!d&&!f)s.push({prev:{groups:n},next:{groups:r}}),n=[],r=[];else{let h=Math.min(d?.columnNumbers.start||Number.MAX_VALUE,f?.columnNumbers.start||Number.MAX_VALUE);s.push({prev:{groups:Y(n,c,h)},next:{groups:Y(r,u,h)}}),c=h,u=h}}return s}function Y(e,t,n){let r=[],o=t;for(;o0;){let i=e.shift();r.push(i),o+=i.tokens.reduce((c,u)=>c+u.content.length,0)}return r}function es(e){let{highlightedLines:t,theme:n,focus:r}=e;return a.default.useMemo(()=>ts(e),[t.prev,t.next,r.prev,r.next,n])}function ts({theme:e,focus:t,annotations:n,highlightedLines:r,lang:o}){let i=ns(r),s=rs(i,r),{inlineAnnotations:c,multilineAnnotations:u}=os(n,e),d=is(s,Jn(t,null),c),f=ss(d,c,u);return as(f,i,o)}function ns(e){return _(e,t=>t.map(n=>n.tokens.map(r=>r.content).join("")).join(` `).trimEnd().concat(` `))}function rs(e,t){return _i(e,t)}function os(e,t){return Ui(e,t)}function is(e,t,n){return $i(e,t,n)}function ss(e,t,n){var{lines:r}=e,o=I(e,["lines"]);let i=Qi(r,t),s=Yi(i,n);return Object.assign(Object.assign({},o),{lineGroups:s,lineCount:{prev:r.filter(c=>c.lineNumber.prev!=null).length,next:r.filter(c=>c.lineNumber.next!=null).length}})}function as(e,t,n){let r=cs(e.enterCount,e.exitCount),o=_(e.lineGroups,i=>i.map(s=>Object.assign(Object.assign({},s),{lines:Ki(s.lines,r,e.enterCount,e.exitCount)})));return Object.assign(Object.assign({},e),{groups:o,verticalInterval:r,code:t,lang:n})}function cs(e,t){return e<=0&&t<=0?[0,1]:e<=0&&t>=1?[.33,1]:e>=1&&t<=0?[0,.67]:[.25,.75]}function ls({dimensions:e,codeStep:t,children:n,minZoom:r=0,maxZoom:o=1.2,center:i=!1,progress:s}){let{prev:c,next:u}=fs({codeStep:t,dimensions:e,minZoom:r,maxZoom:o,horizontalCenter:i}),d=je(c.zoom,u.zoom,s),f=je(c.dx,u.dx,s),p=je(c.dy,u.dy,s,t.verticalInterval),F=je(c.focusHeight,u.focusHeight,s),h=je(c.focusWidth,u.focusWidth,s),v=(e?.lineNumberWidth||0)*d||16,w=Math.max(h+v,e.contentWidth),A=v/d;return a.default.createElement(us,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},a.default.createElement(ds,{dx:f,dy:p,scale:d,height:Math.max(F,e.contentHeight),width:w},n(h,A)))}function us({width:e,height:t,children:n,lang:r}){return a.default.createElement("code",{style:{width:e,height:t,position:"relative",overflow:"auto"},className:"ch-code-scroll-parent",children:n,"data-ch-lang":r})}function ds({dx:e,dy:t,scale:n,height:r,width:o,children:i}){return a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:o,height:r,overflow:"hidden"},className:"ch-code-scroll-content"},a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translateX(${e}px) translateY(${t}px) scale(${n})`,transformOrigin:"left top",width:o/n,height:(r-2*t)/n},children:i}))}function fs(e){var{codeStep:t}=e,n=I(e,["codeStep"]);let{lineHeight:r,lineWidth:o}=n.dimensions,i={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*r,lineWidth:o[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*r,lineWidth:o[1]}};return _(i,({extremes:s,originalContentHeight:c,lineWidth:u})=>gs(Object.assign({extremes:s,originalContentHeight:c,lineWidth:u},n)))}function gs({dimensions:e,lineWidth:t,minZoom:n,maxZoom:r,extremes:o,originalContentHeight:i,horizontalCenter:s}){let{lineHeight:c}=e,u=e?.contentHeight,d=e?.contentWidth,f=(o[1]-o[0]+3)*c,p=e?.lineNumberWidth||16,F=16,h=Math.max(Math.min((d-p-F)/t,u/f,r),n),y=i*h,v=(o[0]-1)*c*h,w=(o[1]+2)*c*h,A=(w+v)/2,B=w-v,k=u>y?(u-y)/2:ps(u/2-A,Math.max(u-y,-v),0),x=s?Math.max(d/2-t*h/2,0):0;return{zoom:h,dx:x,dy:k,focusHeight:B,focusWidth:t*h}}function ps(e,t,n){return e<=t?t:e>=n?n:e}function je(e,t,n,r=[0,1]){return Le({fixed:!1,interval:r,extremes:[e,t],ease:Ne.easeInOutCubic},n)}function hs(e){return a.default.createElement(ls,Object.assign({},e),(t,n)=>a.default.createElement(ms,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,theme:e.theme,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth}))}function ms({codeStep:e,progress:t,focusWidth:n,lineHeight:r,startX:o,theme:i,lineNumberWidth:s}){let c=t<.5?e.groups.prev:e.groups.next;return a.default.createElement(a.default.Fragment,null,c.map((u,d)=>{if(!u.annotation)return a.default.createElement(Dn,{lines:u.lines,t,focusWidth:n,lineHeight:r,startX:o,key:d,theme:i,lineNumberWidth:s});let f=Le(u.lines[0].tweenY,t),p=u.annotation.lineNumbers.end-u.annotation.lineNumbers.start+1,F=u.annotation.Component;return a.default.createElement(F,{style:{position:"absolute",height:p*r,width:"100%",transform:`translateY(${f*r}px)`},key:d,data:u.annotation.data,theme:u.annotation.theme,isInline:!1},a.default.createElement(Dn,{lines:u.lines,t,focusWidth:n,lineHeight:r,startY:f,startX:o,theme:i,lineNumberWidth:s}))}))}function Dn({lines:e,focusWidth:t,lineHeight:n,t:r,startX:o,startY:i=0,theme:s,lineNumberWidth:c}){return a.default.createElement(a.default.Fragment,null,e.map((u,d)=>{let{tweenX:f,tweenY:p,focused:F}=u,h=Le(f,r),y=Le(p,r),v=ar(F,r,h);return a.default.createElement(a.default.Fragment,{key:d},c?a.default.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${h*t}px, ${(y-i)*n}px)`,width:c,opacity:v,color:C(s,b.LineNumberForeground)}},r<.5?u.lineNumber.prev:u.lineNumber.next):void 0,a.default.createElement(vs,{dx:o+h*t,dy:(y-i)*n,width:t,opacity:v},a.default.createElement(Fs,{line:u,progress:r,dx:h})))}))}function Fs({line:e,progress:t,dx:n}){return a.default.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map((r,o)=>a.default.createElement(bs,{annotatedGroup:r,progress:t,dx:n,key:o})),a.default.createElement("br",null))}function bs({annotatedGroup:e,progress:t,dx:n}){var r,o,i;let s=t<.5?e.prev:e.next,c=s?.groups||[],u=(r=s?.annotation)===null||r===void 0?void 0:r.Component,d=c.map((f,p)=>{let F=ar(f.focused,t,n);return a.default.createElement("span",{style:{opacity:F},key:p+1},f.element)});return u?a.default.createElement(u,{children:d,data:(o=s?.annotation)===null||o===void 0?void 0:o.data,theme:(i=s?.annotation)===null||i===void 0?void 0:i.theme,isInline:!0}):a.default.createElement(a.default.Fragment,null,d)}function vs({children:e,dx:t,dy:n,opacity:r,width:o}){return a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:o,display:r<=0?"none":void 0}},e)}var Pn=.33;function ar(e,t,n){return Le({fixed:!1,extremes:[e.prev?.99:Pn,e.next?.99:Pn],interval:[0,1]},t)-Math.abs(n)*1}function rt({content:e,style:t,className:n}){let[r,o]=a.default.useState(!1);return a.default.createElement("svg",{style:t,onClick:()=>{Es(e),o(!0),setTimeout(()=>{o(!1)},1200)},fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:n},a.default.createElement("title",null,"Copy"),r?a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}):a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.6px",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"}))}function Es(e){if(!navigator.clipboard){ys(e);return}navigator.clipboard.writeText(e)}function ys(e){var t=document.createElement("textarea");t.value=e,t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{var n=document.execCommand("copy")}catch{}document.body.removeChild(t)}function ws({tween:e,theme:t}){return es({highlightedLines:_(e,n=>n.code.lines),theme:t,focus:_(e,n=>n.focus),annotations:_(e,n=>n.annotations),lang:vi(e,n=>{var r;return(r=n?.code)===null||r===void 0?void 0:r.lang})})}var ks=10;function cr(e){var{tween:t,progress:n,config:r}=e,o=I(e,["tween","progress","config"]);let i=ws({tween:t,theme:r.theme}),{element:s,dimensions:c}=Ai(i.code,_(t,u=>u.focus),r.minColumns||ks,r.lineNumbers||!1,r.rows,[r.parentHeight]);return!c||r.debug?a.default.createElement(xs,{element:s,htmlProps:o,debug:r.debug}):a.default.createElement(Cs,{dimensions:c,stepInfo:i,config:r,progress:n,htmlProps:o})}function xs({element:e,htmlProps:t,debug:n}){return a.default.createElement(lr,{htmlProps:t,style:{opacity:n?.9:0,overflow:"auto"}},e)}function Cs({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1,theme:r},dimensions:o,stepInfo:i,progress:s,htmlProps:c,config:u}){var d;let{bg:f,fg:p}=Bi(r);return a.default.createElement(lr,{htmlProps:c,style:{opacity:1,backgroundColor:f,color:p,colorScheme:nr(r),["--ch-selection-background"]:C(r,b.SelectionBackground)}},a.default.createElement(hs,{codeStep:i,progress:s,dimensions:o,minZoom:e,maxZoom:t,center:n,theme:r}),u.showCopyButton?a.default.createElement(rt,{className:"ch-code-button",content:(d=i?.code)===null||d===void 0?void 0:d.prev}):void 0)}function lr({htmlProps:e,style:t,children:n}){return a.default.createElement("div",Object.assign({className:"ch-code-wrapper"},e,{style:Object.assign(Object.assign({margin:0,padding:0,position:"relative",whiteSpace:"pre",boxSizing:"content-box"},t),e?.style),children:n}))}function Lt(){return typeof window<"u"?performance.now():0}function Bs(e,t){var n=a.default.useRef(null);return n.current==null&&(n.current={config:ur(e,t),state:Ss(e,t)}),n.current}function ur(e,t){var n=t.stiffness,r=t.damping,o=t.mass,i=t.decimals,s=t.teleport;return{X:e,k:n??170,c:r??26,m:o??1,teleport:s??!1,decimals:i??2}}function Ss(e,t){var n=t.from,r=t.initialSpeed;return{x0:n??e,v0:r??0,t0:Lt(),raf:null}}var wt=Math.sqrt,ae=Math.exp,Ln=Math.sin,Mn=Math.cos;function Ot(e){var t=e.x0,n=e.v0,r=e.t0,o=e.t,i=e.k,s=e.c,c=e.m,u=e.X,d=t-u,f=(o-r)/1e3,p=s*s-4*i*c;if(p>0){var F=(-s+wt(p))/(2*c),h=(-s-wt(p))/(2*c),y=(d*F-n)/(F-h),v=(n-d*h)/(F-h);return{x:u+y*ae(h*f)+v*ae(F*f),v:y*h*ae(h*f)+v*F*ae(F*f)}}else if(p<0){var w=-s/(2*c),A=wt(-p)/(2*c),B=d,k=(n-w*d)/A;return{x:u+ae(w*f)*(B*Mn(A*f)+k*Ln(A*f)),v:ae(w*f)*((k*A+B*w)*Mn(A*f)-(B*A-k*w)*Ln(A*f))}}else{var x=-s/(2*c),T=d,O=n-x*d;return{x:u+(T+O*f)*ae(x*f),v:(O+T*x+O*x*f)*ae(x*f)}}}var ot=[],Tt=null;function Hn(e){var t=ot.push(e);return t===1&&(Tt=requestAnimationFrame(As)),[Tt,t-1]}function _n(e){var t=e[0],n=e[1];t===Tt&&delete ot[n]}function As(){var e=Lt(),t=ot;ot=[],di.unstable_batchedUpdates(function(){return t.forEach(function(n){return n&&n(e)})})}var Ye=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function Mt(e,t){t===void 0&&(t={});var n=a.default.useState(),r=n[1],o=ur(e,t),i=Bs(e,t),s=i.state,c=i.config,u=Lt(),d=s.x0,f=s.v0,p=s.t0,F=c.k,h=c.c,y=c.m,v=c.X,w=o.teleport?{x:v,v:0}:Ot({x0:d,v0:f,t0:p,t:u,k:F,c:h,m:y,X:v}),A=w.x,B=w.v,k=Os(A,B,u,o);return Ye(function(){Object.assign(c,o)},[o.X,o.k,o.c,o.m,o.teleport]),Ye(function(){s.x0=A,s.v0=B,s.t0=u},[A,B,u]),Ye(function(){var x=function T(O){var G=s.x0,ue=s.v0,de=s.t0,re=c.k,fe=c.c,M=c.m,K=c.X,He=c.decimals,ct=Ot({x0:G,v0:ue,t0:de,t:O,k:re,c:fe,m:M,X:K}),lt=ct.x;be(lt,He)!==be(G,He)?(s.raf=null,r(O)):s.raf=Hn(T)};k&&s.raf==null?s.raf=Hn(x):!k&&s.raf!=null&&(_n(s.raf),s.raf=null)}),Ye(function(){return function(){s.raf!=null&&_n(s.raf)}},[]),[be(A,o.decimals),k]}function Os(e,t,n,r){var o=r.decimals,i=r.X,s=r.k,c=r.c,u=r.m;if(be(e,o)!==be(i,o))return!0;var d=n+.016,f=Ot({x0:e,v0:t,t0:n,t:d,k:s,c,m:u,X:i}),p=f.x;return be(p,o)!==be(i,o)}function be(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}var Ts={stiffness:120,damping:24,mass:.2,decimals:3};function Is(e){var{step:t,config:n}=e,r=I(e,["step","config"]);let{tween:o,t:i}=js(t,n.spring);return a.default.createElement(cr,Object.assign({tween:o,progress:i,config:n},r))}function js(e,t=Ts){let[{target:n,steps:r,index:o},i]=a.default.useState({target:2,steps:[e,e,e],index:0});a.default.useEffect(()=>{r[r.length-1]!=e&&i(f=>Ns(f,e,s))},[e]);let[s]=Mt(n,t),c=s-o;return c<=1?{tween:{prev:r[0],next:r[1]},t:c}:{tween:{prev:r[1],next:r[2]},t:c-1}}function Ns(e,t,n){let{steps:r,target:o,index:i}=e,s=r.slice();return n-i<1?(s[2]=t,Object.assign(Object.assign({},e),{steps:s})):(s[0]=r[1],s[1]=r[2],s[2]=t,Object.assign(Object.assign({},e),{steps:s,target:o+1,index:i+1}))}var It=ke.createContext({});function dr({classes:e,children:t}){let n=ke.useContext(It),r=fr(n,e);return a.default.createElement(It.Provider,{value:r,children:t})}function ne(e,t){let n=ke.useContext(It),r=fr(n,t);return ke.useCallback(Ds(e,r),[e,r])}function Ds(e,t){return function(...r){let o=r.map(s=>e+(e&&s?"-":"")+s),i=o.slice();return o.forEach(s=>{s in t&&i.push(t[s])}),i.join(" ")}}function fr(e,t){return ke.useMemo(()=>Object.assign(Object.assign({},e),t),[e,t])}var Ps=a.default.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,classes:i,theme:s,zoom:c=1,overflow:u}=e,d=I(e,["title","children","titleBar","classes","theme","zoom","overflow"]);let f=ne("ch-frame",i),p=o||a.default.createElement(gr,{title:n}),F={"--ch-frame-zoom":c,overflow:u};return a.default.createElement(dr,{classes:i},a.default.createElement("div",Object.assign({},d,{ref:t}),a.default.createElement("div",{className:f("")},a.default.createElement("div",{className:f("title-bar"),style:{background:C(s,b.EditorGroupHeaderBackground)}},p),a.default.createElement("div",{className:f("content")},a.default.createElement("div",{className:f("zoom"),style:F},r)))))});a.default.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,classes:i,overflow:s}=e,c=I(e,["title","children","titleBar","classes","overflow"]);let u=ne("ch",i),d=o||a.default.createElement(gr,{title:n});return a.default.createElement(dr,{classes:i},a.default.createElement("div",Object.assign({},c,{ref:t}),a.default.createElement("div",{className:u("simple-frame")},a.default.createElement("div",{className:u("frame-title-bar")},d),r)))});function gr({title:e}){let t=ne("ch-frame");return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{className:t("left-bar")},a.default.createElement(Ht,null)),a.default.createElement("div",{className:t("middle-bar")},e),a.default.createElement("div",{className:t("right-bar")}))}function Ht(){let e=ne("ch-frame");return a.default.createElement("div",{className:e("buttons")},a.default.createElement("div",{className:e("button","button-left")}),a.default.createElement("div",{className:e("button-space")}),a.default.createElement("div",{className:e("button","button-middle")}),a.default.createElement("div",{className:e("button-space")}),a.default.createElement("div",{className:e("button","button-right")}))}var Ls=a.default.forwardRef(function(t,n){var r,{northPanel:o,southPanel:i,terminalPanel:s,style:c,height:u,northButton:d,southButton:f,theme:p,className:F,onTabClick:h}=t,y=I(t,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","theme","className","onTabClick"]);return a.default.createElement("div",Object.assign({ref:n},y,{className:"ch-editor-frame",style:Object.assign({background:C(p,b.EditorBackground)},c)}),a.default.createElement("div",{className:"ch-frame-title-bar",style:{color:C(p,b.IconForeground),background:C(p,b.EditorGroupHeaderBackground)}},a.default.createElement(Rn,{tabs:o.tabs,showFrameButtons:!0,button:d,panel:"north",theme:p,onTabClick:h})),a.default.createElement("div",{"data-ch-panel":"north",style:o.style,children:o.children}),i&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{className:"ch-frame-title-bar",style:{transform:(r=i.style)===null||r===void 0?void 0:r.transform,color:C(p,b.IconForeground),background:C(p,b.EditorGroupHeaderBackground)}},a.default.createElement(Rn,{tabs:i.tabs,showFrameButtons:!1,button:f,topBorder:!0,panel:"south",theme:p,onTabClick:h})),a.default.createElement("div",{"data-ch-panel":"south",children:i.children,style:i.style})))});function Rn({tabs:e,button:t,showFrameButtons:n,topBorder:r,panel:o,theme:i,onTabClick:s}){let c=ne("ch-editor-tab");return a.default.createElement(a.default.Fragment,null,r&&a.default.createElement("div",{style:{position:"absolute",height:"1px",background:C(i,b.EditorGroupBorder),width:"100%",top:0,zIndex:1}}),n?a.default.createElement(Ht,null):a.default.createElement("div",null),e.map(({title:u,active:d,style:f})=>a.default.createElement("div",{key:u,title:u,"data-ch-tab":o,className:c("",d?"active":"inactive"),style:Object.assign(Object.assign({},f),{background:C(i,d?b.ActiveTabBackground:b.InactiveTabBackground),color:C(i,d?b.ActiveTabForeground:b.InactiveTabForeground),borderRightColor:C(i,b.TabBorder),borderBottomColor:C(i,d?b.ActiveTabBottomBorder:b.InactiveTabBackground)}),onClick:s&&(()=>s(u))},a.default.createElement(Ms,{title:u}))),a.default.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function Ms({title:e}){if(!e)return a.default.createElement("div",null);let t=e.lastIndexOf("/")+1,n=e.substring(t),r=e.substring(0,t);return a.default.createElement("div",null,a.default.createElement("span",{style:{opacity:.5}},r),n)}function Hs(e){let[,...t]=e.split(/^\$\s*/gm),n=t.map(s=>{let[c,...u]=s.split(/\r?\n/);return{run:c,output:u.length>0?u.join(` `):null}}),r=n[n.length-1],o=n.length>0&&r.output!=null;return{title:o?r.run.split(/(\s+)/)[0]:"bash",isRunning:o,commands:n}}var _s=a.default.createElement("span",{className:"ch-terminal-prompt"},"$");function $n({text:e,progress:t=1,style:n}){let r=Rs(e,t);return a.default.createElement("pre",{style:n,className:"ch-terminal-content"},r.map(({run:o,output:i},s)=>a.default.createElement(a.default.Fragment,{key:s},a.default.createElement("div",null,_s," ",a.default.createElement("span",null,o)),i&&a.default.createElement("div",{className:"ch-terminal-output"},i))))}function Rs(e,t){if(!e)return[];let n=Math.round(e.length*t),{commands:r}=Hs(e.slice(0,n));return r}function $s({prev:e="",prevKey:t,next:n="",nextKey:r,progress:o}){return a.default.createElement("div",{className:"ch-terminal"},a.default.createElement("div",{style:{position:"relative",transform:`translateY(-${o*100}%)`}},a.default.createElement($n,{text:e,progress:1,key:t}),a.default.createElement($n,{style:{position:"absolute"},text:n,progress:o,key:r})))}function Ws({steps:e,progress:t}){let n=e.map(s=>s.text),r=t%1,o=Gs(Math.floor(t),0,e.length-1),i=o+1;return a.default.createElement($s,{prev:n[o],prevKey:o,next:n[i]||"",nextKey:i,progress:r})}function Gs(e,t,n){return Math.min(Math.max(e,t),n)}function zs({prev:e,next:t,t:n,backward:r}){let o=Ks({prev:e,next:t,t:n,backward:r});return o?a.default.createElement("div",{className:"ch-editor-terminal",style:{height:o}},a.default.createElement("div",{className:"ch-editor-terminal-tab"},a.default.createElement("span",null,"Terminal")),a.default.createElement("div",{className:"ch-editor-terminal-content"},a.default.createElement(Ws,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}function Ks({prev:e,next:t,t:n,backward:r}){return!e&&!t?0:!e&&t?kt*Math.min(n*4,1):e&&!t?kt*Math.max(1-n*4,0):kt}var kt=150;function _t(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[0]}):e}function Rt(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[1]}):e}function Us(e,t,n,r,o,i){let{prevSnapshot:s,nextSnapshot:c}=Js(e,t,n);if(!s)return qs(t,n,i);if(!c||r===1)return Wn(t,n,i);let u=t.southPanel||n.southPanel,{prevNorthFile:d,prevSouthFile:f,nextNorthFile:p,nextSouthFile:F}=$t(t,n,r==0||o),{northStyle:h,southStyle:y}=Vs(s,c,r),{northTabs:v,southTabs:w}=Xs(s,c,d.name,f?.name,r);return{northContent:Be(p),northPanel:{tabs:v,style:h,children:a.default.createElement(Ce,{codeConfig:_t(i),prevFile:d,nextFile:p,t:r,parentHeight:h.height||h.minHeight})},southContent:Be(F),southPanel:u&&{tabs:w,style:y,children:a.default.createElement(Ce,{codeConfig:Rt(i),prevFile:f,nextFile:F,t:r,parentHeight:y?.height||y?.minHeight})}}}function qs(e,t,n){let r=e.northPanel,o=e.southPanel,{prevNorthFile:i,prevSouthFile:s,nextNorthFile:c,nextSouthFile:u}=$t(e,t,!0);return{northContent:Be(i),northPanel:{tabs:r.tabs.map(d=>({title:d,active:d===r.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(Ce,{codeConfig:_t(n),prevFile:i,nextFile:i,t:0,parentHeight:"0"})},southContent:Be(s),southPanel:o&&{tabs:o.tabs.map(d=>({title:d,active:d===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(Ce,{codeConfig:Rt(n),prevFile:s,nextFile:s,t:0,parentHeight:"0"})}}}function Wn(e,t,n){var r;let o=t.northPanel,i=t.southPanel,{prevNorthFile:s,prevSouthFile:c,nextNorthFile:u,nextSouthFile:d}=$t(e,t,!1);return!i&&o.active===((r=e?.southPanel)===null||r===void 0?void 0:r.active)&&(u=d),{northContent:Be(u),northPanel:{tabs:o.tabs.map(p=>({title:p,active:p===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(Ce,{codeConfig:_t(n),prevFile:u,nextFile:u,t:1,parentHeight:"1"})},southContent:Be(d),southPanel:i&&{tabs:i.tabs.map(p=>({title:p,active:p===i.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(Ce,{codeConfig:Rt(n),prevFile:d,nextFile:d,t:1,parentHeight:"1"})}}}function Ce({prevFile:e,nextFile:t,t:n,codeConfig:r,parentHeight:o}){var i;let s=Object.assign(Object.assign({},r?.htmlProps),{style:Object.assign({height:"100%"},(i=r?.htmlProps)===null||i===void 0?void 0:i.style)});return a.default.createElement(cr,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},r),{parentHeight:o})},s))}function Be(e){return e?Yn(e.code):""}function $t(e,t,n){var r,o;let i=e.northPanel.active,s=t.northPanel.active,c=(r=e.southPanel)===null||r===void 0?void 0:r.active,u=(o=t.southPanel)===null||o===void 0?void 0:o.active,d=e.files.find(k=>k.name===i),f=t.files.find(k=>k.name===s),p=c?e.files.find(k=>k.name===c):null,F=u?t.files.find(k=>k.name===u):null;return!c&&i===u?{prevNorthFile:f,nextNorthFile:f,prevSouthFile:d,nextSouthFile:F}:!u&&s===c?{prevNorthFile:d,nextNorthFile:d,prevSouthFile:p,nextSouthFile:f}:{prevNorthFile:i===s||n?d:f,nextNorthFile:i===s?f:n?d:f,prevSouthFile:c===u?p:n?p||F:F||p,nextSouthFile:c===u?F:n?p||F:F||p}}function Vs(e,t,n){return e.southHeight===null&&t.southHeight===null?{northStyle:{minHeight:e.northHeight}}:e.southHeight!==null&&t.southHeight===null&&t.northKey!==e.southKey?{northStyle:{minHeight:ce(e.northHeight,t.northHeight,n)},southStyle:{minHeight:e.southHeight}}:e.southHeight!==null&&t.southHeight===null&&e.southKey===t.northKey?{northStyle:{minHeight:e.northHeight},southStyle:{position:"relative",minHeight:ce(e.southHeight,t.northHeight,n),transform:`translateY(${ce(0,-(e.northHeight+e.titleBarHeight),n)}px)`}}:e.southHeight===null&&t.southHeight!==null&&e.northKey!==t.southKey?{northStyle:{minHeight:ce(e.northHeight,t.northHeight,n)},southStyle:{position:"relative",minHeight:t.southHeight}}:e.southHeight===null&&t.southHeight!==null&&e.northKey===t.southKey?{northStyle:{minHeight:t.northHeight},southStyle:{position:"relative",minHeight:ce(e.northHeight,t.southHeight,n),transform:`translateY(${ce(-(t.northHeight+t.titleBarHeight),0,n)}px)`}}:{northStyle:{minHeight:ce(e.northHeight,t.northHeight,n)},southStyle:{minHeight:ce(e.southHeight,t.southHeight,n)}}}function ce(e,t,n){return e+(t-e)*n}function Xs(e,t,n,r,o){return!e.southTabs&&we(r,e.northTabs)?{northTabs:ye(t.northTabs,t.southTabs,e.southTabs,e.northTabs,n,o),southTabs:ye(t.southTabs,t.northTabs,e.northTabs,e.southTabs,r,o)}:!t.southTabs&&we(r,t.northTabs)?{northTabs:ye(t.southTabs,t.northTabs,e.northTabs,e.southTabs,n,o),southTabs:ye(t.northTabs,t.southTabs,e.southTabs,e.northTabs,r,o)}:{northTabs:ye(t.northTabs,t.southTabs,e.northTabs,e.southTabs,n,o),southTabs:ye(t.southTabs,t.northTabs,e.southTabs,e.northTabs,r,o)}}function ye(e,t,n,r,o,i){let s=e?Object.keys(e).filter(d=>we(d,n)||!n).map(d=>{let f=n&&n[d],p=e[d],F=f?f.left+(p.left-f.left)*i:p.left,h=f?f.width+(p.width-f.width)*i:p.width;return{active:d===o,title:d,style:{position:"absolute",transform:`translateX(${F}px)`,width:h}}}):[],c=e?Object.keys(e).filter(d=>n&&!we(d,n)).map(d=>{let f=e[d];return{active:d===o,title:d,style:{position:"absolute",transform:`translateX(${f.left}px)`,opacity:i,width:f.width}}}):[];e&&Object.keys(e).filter(d=>we(d,r)).map(d=>{let f=r[d],F=e[d].left-f.left;return{active:d===o,title:d,style:{position:"absolute",transform:`translateX(${F}px)`}}});let u=n?Object.keys(n).filter(d=>!we(d,e)).map(d=>{let f=n[d];return{active:d===o,title:d,style:{position:"absolute",opacity:1-i,transform:`translateX(${f.left}px)`,width:f.width}}}):[];return[...c,...s,...u]}function we(e,t){return t&&e&&e in t}var Gn=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function Js(e,t,n){let[{prevSnapshot:r,nextSnapshot:o},i]=a.default.useState({prevSnapshot:null,nextSnapshot:null});return Gn(()=>{(r||o)&&i({prevSnapshot:null,nextSnapshot:null})},[t,n]),Gn(()=>{if(r){if(!o){let s=e.current;i(c=>Object.assign(Object.assign({},c),{nextSnapshot:Object.assign(Object.assign({},zn(s,n)),Kn(s,n))}))}}else{let s=e.current;i(c=>Object.assign(Object.assign({},c),{prevSnapshot:Object.assign(Object.assign({},zn(s,t)),Kn(s,t))}))}}),{prevSnapshot:r,nextSnapshot:o}}function zn(e,t){var n;let r=e.querySelector("[data-ch-panel='north']"),o=e.querySelector("[data-ch-panel='south']");return{titleBarHeight:e.querySelector(".ch-frame-title-bar").getBoundingClientRect().height,northHeight:r.getBoundingClientRect().height,northKey:t.northPanel.active,southHeight:o?.getBoundingClientRect().height||null,southKey:(n=t.southPanel)===null||n===void 0?void 0:n.active}}function Kn(e,t){var n;let r=Array.from(e.querySelectorAll("[data-ch-tab='north']")),o=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:Un(r,t.northPanel.active),southTabs:Un(o,(n=t.southPanel)===null||n===void 0?void 0:n.active)}}function Un(e,t){if(!e[0])return null;let r=e[0].parentElement.getBoundingClientRect().left,o={};return e.forEach(i=>{let s=i.getAttribute("title"),c=i.getBoundingClientRect();o[s]={left:c.left-r,width:c.width,active:s===t}}),o}function Ys({files:e,theme:t,startingFileName:n}){let[r,o]=a.default.useState(()=>e.find(i=>i.name===n));return a.default.createElement("div",{className:"ch-code-browser",style:{color:C(t,b.EditorForeground)}},a.default.createElement(Qs,{files:e,theme:t,activeFile:r,setActiveFile:o}),a.default.createElement(ea,{file:r,theme:t}))}function Qs({theme:e,files:t,activeFile:n,setActiveFile:r}){let o=a.default.useMemo(()=>ta(t),[t]);return a.default.createElement("div",{className:"ch-code-browser-sidebar",style:{borderColor:C(e,b.SideBarBorder),background:C(e,b.SideBarBackground),color:C(e,b.SideBarForeground),["--ch-list-selection-background"]:C(e,b.ListActiveSelectionBackground),["--ch-list-selection-foreground"]:C(e,b.ListActiveSelectionForeground),["--ch-hover-background"]:C(e,b.ListHoverBackground),["--ch-hover-foreground"]:C(e,b.ListHoverForeground)}},a.default.createElement(pr,{tree:o,activeFile:n,setActiveFile:r}))}function pr({tree:e,activeFile:t,setActiveFile:n,level:r=0}){return a.default.createElement(a.default.Fragment,null,e.map(o=>a.default.createElement(Zs,{key:o.name,node:o,activeFile:t,setActiveFile:n,level:r})))}function Zs({node:e,activeFile:t,setActiveFile:n,level:r}){let o=e.children&&e.children.length>0,i=e.codeFile===t;return o?a.default.createElement("div",null,a.default.createElement("div",{className:"ch-code-browser-sidebar-folder"},a.default.createElement("div",{style:{paddingLeft:r*1.5+"ch"}},e.name)),a.default.createElement(pr,{tree:e.children,activeFile:t,setActiveFile:n,level:r+1})):a.default.createElement("div",null,a.default.createElement("div",{className:"ch-code-browser-sidebar-file",onClick:()=>n(e.codeFile),style:i?{color:"var(--ch-list-selection-foreground)",background:"var(--ch-list-selection-background)"}:{}},a.default.createElement("div",{style:{paddingLeft:r*1.5+"ch"}},e.name)))}function ea({file:e,theme:t}){return a.default.createElement("div",{className:"ch-code-browser-content",style:{background:C(t,b.CodeBackground),color:C(t,b.CodeForeground),["--ch-selection-background"]:C(t,b.SelectionBackground),colorScheme:nr(t)}},a.default.createElement(rt,{className:"ch-code-browser-button",content:Yn(e.code)}),e.code.lines.map((n,r)=>a.default.createElement("div",{key:r},n.tokens.length===0?a.default.createElement("br",null):n.tokens.map((o,i)=>a.default.createElement("span",Object.assign({key:i},o.props),o.content)))))}function ta(e){let t=[];for(let n of e){let r=n.name.split("/"),o=t;for(let i=0;id.name===s);if(u===-1){let d={name:s,children:[],codeFile:void 0};c&&(d.codeFile=n),o.push(d),o=d.children}else o=o[u].children}}return t=hr(t),t}function hr(e){for(let t of e)t.children=hr(t.children);return e.sort((t,n)=>{let r=t.children&&t.children.length>0,o=n.children&&n.children.length>0;return r&&o||!r&&!o?t.name.localeCompare(n.name):r?-1:1})}function na({style:e,step:t,theme:n,className:r}){let[o,i]=a.default.useState(!1),[s,c]=a.default.useState(!0),u=a.default.useRef(null),d=t.files;return a.default.useEffect(()=>{u.current&&!u.current.showModal&&c(!1)},[]),s?a.default.createElement(a.default.Fragment,null,a.default.createElement(ra,{className:r,style:e,onClick:()=>{u.current.showModal(),document.body.classList.add("ch-no-scroll"),i(!0)}}),a.default.createElement("dialog",{ref:u,className:"ch-expand-dialog",onClose:()=>{i(!1)},onClick:f=>{f.currentTarget===f.target&&(u.current.close(),document.body.classList.remove("ch-no-scroll"))}},a.default.createElement(oa,{onClick:()=>{u.current.close(),document.body.classList.remove("ch-no-scroll")}}),o?a.default.createElement("div",{className:"ch-expand-dialog-content",style:{borderColor:C(n,b.SideBarBorder)}},a.default.createElement(Ys,{files:d,theme:n,startingFileName:t.northPanel.active})):void 0)):null}function ra({onClick:e,style:t,className:n}){return a.default.createElement("svg",{style:t,onClick:e,className:n,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",role:"button"},a.default.createElement("title",null,"Expand"),a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"}))}function oa({onClick:e}){return a.default.createElement("svg",{onClick:e,className:"ch-expand-close",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",role:"button"},a.default.createElement("title",null,"Close"),a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"}))}var ia={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function sa(e){var{prev:t=ia,next:n,t:r,backward:o,codeConfig:i,frameProps:s={}}=e,c=I(e,["prev","next","t","backward","codeConfig","frameProps"]);let u=a.default.createRef(),{showCopyButton:d,showExpandButton:f}=i,p=I(i,["showCopyButton","showExpandButton"]),{northPanel:F,southPanel:h,northContent:y,southContent:v}=Us(u,t,n||t,r,o,p),[w,A]=a.default.useState(void 0);or(()=>{var O;let G=(O=u.current)===null||O===void 0?void 0:O.getBoundingClientRect().height;A(G)},[]);let B=Object.assign(Object.assign(Object.assign({},s),c),{style:Object.assign(Object.assign({},s?.style),c?.style)});w&&(B.style.height=w,B.style.maxHeight=w);let k=a.default.createElement(a.default.Fragment,null,d?a.default.createElement(rt,{className:"ch-editor-button",content:y}):void 0,f?a.default.createElement(na,{className:"ch-editor-button",step:n||t,theme:i.theme}):void 0),x=d?a.default.createElement(rt,{className:"ch-editor-button",content:v}):void 0,T=a.default.createElement(zs,{prev:t.terminal,next:(n||t).terminal,t:r,backward:o});return a.default.createElement(Ls,Object.assign({ref:u},B,{northPanel:F,southPanel:h,terminalPanel:T,theme:i.theme,northButton:k,southButton:x}))}var aa={stiffness:120,damping:24,mass:.2,decimals:3};function mr(e){var{northPanel:t,southPanel:n,files:r,terminal:o,springConfig:i}=e,s=I(e,["northPanel","southPanel","files","terminal","springConfig"]);let c=a.default.useMemo(()=>({northPanel:t,southPanel:n,files:r,terminal:o}),[t,n,r,o]),{prev:u,next:d,t:f}=ca(c,i);return a.default.createElement(sa,Object.assign({t:f,backward:!1,prev:u,next:d},s))}function ca(e,t=aa){let[{target:n,steps:r,index:o},i]=a.default.useState({target:2,steps:[e,e,e],index:0});a.default.useEffect(()=>{r[r.length-1]!=e&&i(f=>la(f,e,s))},[e]);let[s]=Mt(n,t),c=s-o;return c<=1?{prev:r[0],next:r[1],t:c}:{prev:r[1],next:r[2],t:c-1}}function la(e,t,n){let{steps:r,target:o,index:i}=e,s=r.slice();return n-i<1?(s[2]=t,Object.assign(Object.assign({},e),{steps:s})):(s[0]=r[1],s[1]=r[2],s[2]=t,Object.assign(Object.assign({},e),{steps:s,target:o+1,index:i+1}))}function Fr(e){let[t,n]=a.default.useState(e);function r(o){let i=ve(t,o,null);n(Object.assign(Object.assign({},t),i))}return a.default.createElement(Se,Object.assign({},t,{onTabClick:r}))}function ua(e){var t,n,r,o,i,s,c,u,d;let{lineNumbers:f,showCopyButton:p,showExpandButton:F,minZoom:h,maxZoom:y}=e,v=I(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),w=Object.assign(Object.assign({},e.codeConfig),{maxZoom:y??((t=e.codeConfig)===null||t===void 0?void 0:t.maxZoom),minZoom:h??((n=e.codeConfig)===null||n===void 0?void 0:n.minZoom),horizontalCenter:(o=(r=e.codeConfig)===null||r===void 0?void 0:r.horizontalCenter)!==null&&o!==void 0?o:e.horizontalCenter,lineNumbers:f??((i=e.codeConfig)===null||i===void 0?void 0:i.lineNumbers),showCopyButton:p??((s=e.codeConfig)===null||s===void 0?void 0:s.showCopyButton),showExpandButton:F??((c=e.codeConfig)===null||c===void 0?void 0:c.showExpandButton),rows:e.rows,debug:(u=e.debug)!==null&&u!==void 0?u:(d=e.codeConfig)===null||d===void 0?void 0:d.debug});return Object.assign(Object.assign({},v),{codeConfig:w})}function Se(e){var{onTabClick:t}=e,n=I(e,["onTabClick"]);let r=ua(n),{className:o,style:i,codeConfig:s}=r,c=I(r,["className","style","codeConfig"]);if(!n.southPanel&&n.files.length===1&&!n.files[0].name)return a.default.createElement("div",{className:`ch-codeblock not-prose ${o||""}`,style:i},a.default.createElement(Is,{className:"ch-code",config:s,step:c.files[0]}));{let u=Object.assign(Object.assign({},c?.frameProps),{onTabClick:t});return a.default.createElement("div",{className:`ch-codegroup not-prose ${o||""}`,style:i},a.default.createElement(mr,Object.assign({},c,{frameProps:u,codeConfig:s})))}}function ve(e,t,n){let r=t||e.northPanel.active,o=e.files.map(c=>c.name===r?Object.assign(Object.assign({},c),{focus:n===null?c.focus:n}):c),i=Object.assign({},e.northPanel),s=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(r)?i.active=r:s&&(s.active=r),{files:o,northPanel:i,southPanel:s}}var br=a.default.createContext({props:null,setFocus:()=>{}});function vr(e){var{children:t,className:n,style:r}=e,o=I(e,["children","className","style"]);let[i,s]=a.default.useState(o),c=()=>s(o),u=({fileName:f,focus:p,id:F})=>{let h=ve(i,f,p);s(Object.assign(Object.assign(Object.assign({},i),h),{selectedId:F}))},d=I(i,["selectedId"]);return a.default.createElement("section",{className:`ch-section ${n||""}`,style:r},a.default.createElement(br.Provider,{value:{props:d,setFocus:u}},a.default.createElement(Wt,{onActivation:u,onReset:c},t)))}function Er(e){let{props:t,setFocus:n}=a.default.useContext(br),r=o=>{n({fileName:o,focus:null,id:""})};return a.default.createElement(Se,Object.assign({},e,t,{onTabClick:r}))}function yr({focus:e,file:t,children:n,id:r}){let{activate:o,reset:i,activatedId:s}=a.default.useContext(wr),c=s===r;return a.default.createElement("span",{className:"ch-section-link","data-active":c,children:n,onMouseOver:()=>o({fileName:t,focus:e,id:r}),onMouseOut:i})}var wr=a.default.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}});function Wt({onActivation:e,onReset:t,children:n}){let[r,o]=a.default.useState(void 0),i=a.default.useCallback(c=>{o(c.id),e(c)},[e]),s=a.default.useCallback(()=>{o(void 0),t()},[t]);return a.default.createElement(wr.Provider,{value:{activate:i,reset:s,activatedId:r}},n)}function da(){let e=ne("ch-browser");return a.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:e("button","back-button")},a.default.createElement("g",null,a.default.createElement("path",{d:"m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z"})))}function fa(){let e=ne("ch-browser");return a.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:e("button","forward-button")},a.default.createElement("g",null,a.default.createElement("path",{d:"m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z"})))}function ga({href:e,style:t}){let n=ne("ch-browser");return a.default.createElement("a",{className:n("button","open-button"),title:"Open in new tab",href:e,style:t,target:"_blank",rel:"noopener noreferrer"},a.default.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"3 3 18 18",height:"1em",width:"1em",className:n("open-icon"),xmlns:"http://www.w3.org/2000/svg"},a.default.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"})))}function pa({url:e,linkUrl:t,theme:n}){let r=C(n,b.InputBorder);return a.default.createElement(a.default.Fragment,null,a.default.createElement(Ht,null),a.default.createElement(da,null),a.default.createElement(fa,null),a.default.createElement("input",{value:e||"",readOnly:!0,style:{background:C(n,b.InputBackground),color:C(n,b.InputForeground),border:r?`1px solid ${r}`:void 0}}),a.default.createElement(ga,{href:t,style:{color:C(n,b.EditorForeground)}}))}function ha(e){return a.default.useMemo(()=>e?e.map(t=>{let{displayUrl:n,loadUrl:r}=ma(t.url,t.loadUrl,t.prependOrigin);return{zoom:t.zoom||1,displayUrl:n,loadUrl:r,children:t.children}}):[{zoom:1}],[e])}function ma(e,t,n){let r=typeof window<"u"?window.origin:"",o=e&&n===!0?r+e:e;return{displayUrl:o,loadUrl:t||o}}var Fa=a.default.forwardRef(ba);function ba(e,t){var{progress:n=0,backward:r=!1,steps:o,transition:i="none",classes:s,theme:c}=e,u=I(e,["progress","backward","steps","transition","classes","theme"]);let d=ne("ch-mini-browser",s),f=ha(o),p=Math.round(n),{zoom:F,displayUrl:h,loadUrl:y,children:v}=f[p];return a.default.createElement(Ps,Object.assign({},u,{zoom:F,className:`${d("")} ${u.className||""}`,style:Object.assign(Object.assign({},va({progress:n,transition:i})),u.style),classes:s,titleBar:a.default.createElement(pa,{url:h,linkUrl:y,theme:c}),theme:c}),v||a.default.createElement("iframe",{ref:t,src:y}))}function va({progress:e,transition:t}){if(t==="slide"){let r=e-Math.floor(e),o=r<=.5?-50*r:50-50*r,i=Math.abs(r-.5)*2;return{transform:`translateX(${o}px)`,opacity:i*i}}return{}}function kr(e){var{url:t,loadUrl:n,prependOrigin:r,children:o,zoom:i}=e,s=I(e,["url","loadUrl","prependOrigin","children","zoom"]);let[c,u]=Ea({url:t,loadUrl:n,prependOrigin:r,children:o,zoom:i});return a.default.createElement(Fa,Object.assign({},s,{steps:c,progress:u}))}function Ea({url:e,loadUrl:t,prependOrigin:n,children:r,zoom:o}){let[i,s]=a.default.useState({target:0,steps:[{url:e,loadUrl:t,prependOrigin:n,children:r,zoom:o}]});a.default.useEffect(()=>{let u=i.steps[i.steps.length-1];(u.url!==e||u.loadUrl!==t||u.prependOrigin!==n||u.children!==r)&&s(d=>({target:d.target+1,steps:[...d.steps,{url:e,loadUrl:t,prependOrigin:n,children:r,zoom:o}]}))},[e,t,n,r,o]);let[c]=Mt(i.target,{stiffness:100,decimals:3});return[i.steps,c]}var Qe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Gt={};Object.defineProperty(Gt,"__esModule",{value:!0});function ya(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"}Gt.getMainFile=ya;var qn="sandbox.config.json";function wa(e,t){var n=t[qn]||t["/"+qn];if(n)try{var r=JSON.parse(n.content);if(r.template)return r.template}catch{}var o=e.dependencies,i=o===void 0?{}:o,s=e.devDependencies,c=s===void 0?{}:s,u=Object.keys(i).concat(Object.keys(c)),d=["nuxt","nuxt-edge"];if(u.some(function(h){return d.indexOf(h)>-1}))return"nuxt";if(u.indexOf("next")>-1)return"next";var f=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(u.some(function(h){return f.indexOf(h)>-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(h){return h.endsWith(".vue")}))return"vue-cli";if(p.some(function(h){return h.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 F=["@dojo/core","@dojo/framework"];if(u.some(function(h){return F.indexOf(h)>-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"}var ka=Gt.getTemplate=wa,jt={exports:{}};(function(e,t){var n=200,r="__lodash_hash_undefined__",o=1,i=2,s=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object AsyncFunction]",f="[object Boolean]",p="[object Date]",F="[object Error]",h="[object Function]",y="[object GeneratorFunction]",v="[object Map]",w="[object Number]",A="[object Null]",B="[object Object]",k="[object Promise]",x="[object Proxy]",T="[object RegExp]",O="[object Set]",G="[object String]",ue="[object Symbol]",de="[object Undefined]",re="[object WeakMap]",fe="[object ArrayBuffer]",M="[object DataView]",K="[object Float32Array]",He="[object Float64Array]",ct="[object Int8Array]",lt="[object Int16Array]",Hr="[object Int32Array]",_r="[object Uint8Array]",Rr="[object Uint8ClampedArray]",$r="[object Uint16Array]",Wr="[object Uint32Array]",Gr=/[\\^$.*+?()[\]{}|]/g,zr=/^\[object .+?Constructor\]$/,Kr=/^(?:0|[1-9]\d*)$/,j={};j[K]=j[He]=j[ct]=j[lt]=j[Hr]=j[_r]=j[Rr]=j[$r]=j[Wr]=!0,j[c]=j[u]=j[fe]=j[f]=j[M]=j[p]=j[F]=j[h]=j[v]=j[w]=j[B]=j[T]=j[O]=j[G]=j[re]=!1;var Ut=typeof Qe=="object"&&Qe&&Qe.Object===Object&&Qe,Ur=typeof self=="object"&&self&&self.Object===Object&&self,Q=Ut||Ur||Function("return this")(),qt=t&&!t.nodeType&&t,Vt=qt&&!0&&e&&!e.nodeType&&e,Xt=Vt&&Vt.exports===qt,ut=Xt&&Ut.process,Jt=function(){try{return ut&&ut.binding&&ut.binding("util")}catch{}}(),Yt=Jt&&Jt.isTypedArray;function qr(l,g){for(var m=-1,E=l==null?0:l.length,N=0,S=[];++m-1}function xo(l,g){var m=this.__data__,E=We(m,l);return E<0?(++this.size,m.push([l,g])):m[E][1]=g,this}Z.prototype.clear=Eo,Z.prototype.delete=yo,Z.prototype.get=wo,Z.prototype.has=ko,Z.prototype.set=xo;function he(l){var g=-1,m=l==null?0:l.length;for(this.clear();++gH))return!1;var D=S.get(l);if(D&&S.get(g))return D==g;var U=-1,X=!0,z=m&i?new $e:void 0;for(S.set(l,g),S.set(g,l);++U-1&&l%1==0&&l-1&&l%1==0&&l<=s}function pn(l){var g=typeof l;return l!=null&&(g=="object"||g=="function")}function Ie(l){return l!=null&&typeof l=="object"}var hn=Yt?Yr(Yt):$o;function ti(l){return Zo(l)?Mo(l):Wo(l)}function ni(){return[]}function ri(){return!1}e.exports=ei})(jt,jt.exports);var xa=jt.exports,Vn=()=>Math.floor(Math.random()*1e6+Math.random()*1e6),Ca=e=>{try{return e.constructor.name}catch{return""}},Ba=class{constructor(e,t,n){this.type=e,this.handleMessage=t,this.target=n,this.outgoingMessages=new Set,this._messageListener=async r=>{var o;let{data:i}=r;if(i.$type!==this.getTypeId()||this.outgoingMessages.has(i.$id))return;let s={$originId:this.internalId,$type:this.getTypeId(),$id:i.$id};try{let c=await this.handleMessage(i.$data);s.$data=c}catch(c){c.message||console.error(c),s.$error={message:(o=c.message)!=null?o:"Unknown error"}}r.source?r.source.postMessage(s,"*"):this._postMessage(s)},this.createConnection(),this.internalId=Vn(),this.isWorker=Ca(n)==="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 n=Vn(),r={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:n};this.outgoingMessages.add(n);let o=i=>{let{data:s}=i;s.$type===this.getTypeId()&&s.$id===n&&s.$originId!==this.internalId&&(t(s.$data),self.removeEventListener("message",o))};self.addEventListener("message",o),this._postMessage(r)})}_postMessage(e){this.isWorker||typeof DedicatedWorkerGlobalScope<"u"&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},Sa=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({$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){if(e.source!==this.frameWindow)return;let t=e.data;!t.codesandbox||(Object.values(this.globalListeners).forEach(n=>n(t)),t.$id===this.channelId&&Object.values(this.channelListeners).forEach(n=>n(t)))}};function xr(e={},t={},n="/index.js"){return JSON.stringify({name:"sandpack-project",main:n,dependencies:e,devDependencies:t},null,2)}function Aa(e,t,n,r){let o={...e};if(!o["/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.");o["/package.json"]={code:xr(t,n,r)}}return o}function Oa(e){if(e.title==="SyntaxError"){let{title:i,path:s,message:c,line:u,column:d}=e;return{title:i,path:s,message:c,line:u,column:d}}let t=Ta(e.payload.frames);if(!t)return{message:e.message};let n=ja(t),r=Ia(t);return{message:Na(t._originalFileName,e.message,r,n),title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}function Ta(e){if(!!e)return e.find(t=>!!t._originalFileName)}function Ia(e){return e?` (${e._originalLineNumber}:${e._originalColumnNumber})`:""}function ja(e){let n=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,r=2,o=3,i=r+n+o+e._originalColumnNumber;return e._originalScriptCode.reduce((s,c)=>{let u=c.highlight?">":" ",d=c.lineNumber.toString().length===n?`${c.lineNumber}`:` ${c.lineNumber}`,f=c.highlight?` `+" ".repeat(i)+"^":"";return s+` `+u+" "+d+" | "+c.content+f},"")}function Na(e,t,n,r){return`${e}: ${t}${n} ${r}`}var Da=`https://${"0.19.0".replace(/\./g,"-")}-sandpack.codesandbox.io/`,Pa=class{constructor(e,t,n={}){this.getTranspilerContext=()=>new Promise(i=>{let s=this.listen(c=>{c.type==="transpiler-context"&&(i(c.data),s())});this.dispatch({type:"get-transpiler-context"})});var r;if(this.options=n,this.sandboxInfo=t,this.bundlerURL=n.bundlerURL||Da,this.bundlerState=void 0,this.errors=[],this.status="initializing",typeof e=="string"){this.selector=e;let i=document.querySelector(e);if(!i)throw new Error(`No element found for selector '${e}'`);this.element=i,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");let o=n.startRoute?new URL(n.startRoute,this.bundlerURL).toString():this.bundlerURL;(r=this.iframe.contentWindow)==null||r.location.replace(o),this.iframeProtocol=new Sa(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen(i=>{i.type!=="initialized"||!this.iframe.contentWindow||(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new Ba("file-resolver",async s=>s.m==="isFile"?this.options.fileResolver.isFile(s.p):this.options.fileResolver.readFile(s.p),this.iframe.contentWindow)),this.updatePreview(this.sandboxInfo,!0))}),this.unsubscribeChannelListener=this.iframeProtocol.channelListen(i=>{switch(i.type){case"start":{this.errors=[];break}case"status":{this.status=i.status;break}case"action":{i.action==="show-error"&&(this.errors=[...this.errors,Oa(i)]);break}case"state":{this.bundlerState=i.state;break}}})}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){xa(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var n,r,o,i;this.sandboxInfo={...this.sandboxInfo,...e};let s=this.getFiles(),c=Object.keys(s).reduce((f,p)=>({...f,[p]:{code:s[p].code,path:p}}),{}),u=JSON.parse(xr(this.sandboxInfo.dependencies,this.sandboxInfo.devDependencies,this.sandboxInfo.entry));try{u=JSON.parse(s["/package.json"].code)}catch(f){console.error("Could not parse package.json file: "+f.message)}let d=Object.keys(s).reduce((f,p)=>({...f,[p]:{content:s[p].code,path:p}}),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:c,reactDevTools:this.options.reactDevTools,externalResources:this.options.externalResources||[],hasFileResolver:Boolean(this.options.fileResolver),disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||ka(u,d),showOpenInCodeSandbox:(n=this.options.showOpenInCodeSandbox)!=null?n:!0,showErrorScreen:(r=this.options.showErrorScreen)!=null?r:!0,showLoadingScreen:(o=this.options.showLoadingScreen)!=null?o:!0,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile,logLevel:(i=this.options.logLevel)!=null?i:Nt.Info})}dispatch(e){this.iframeProtocol.dispatch(e)}listen(e){return this.iframeProtocol.channelListen(e)}getCodeSandboxURL(){let e=this.getFiles(),t=Object.keys(e).reduce((n,r)=>({...n,[r.replace("/","")]:{content:e[r].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(n=>n.json()).then(n=>({sandboxId:n.sandbox_id,editorUrl:`https://codesandbox.io/s/${n.sandbox_id}`,embedUrl:`https://codesandbox.io/embed/${n.sandbox_id}`}))}getFiles(){let{sandboxInfo:e}=this;return e.files["/package.json"]===void 0?Aa(e.files,e.dependencies,e.devDependencies,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)}},Nt;(function(e){e[e.None=0]="None",e[e.Error=10]="Error",e[e.Warning=20]="Warning",e[e.Info=30]="Info",e[e.Debug=40]="Debug"})(Nt||(Nt={}));function te(e){var{className:t,files:n,presetConfig:r,show:o,children:i,codeConfig:s,style:c,frameless:u}=e,d=I(e,["className","files","presetConfig","show","children","codeConfig","style","frameless"]);let f=r?a.default.createElement(La,{files:n,presetConfig:r}):i;return a.default.createElement("div",{className:"ch-preview"+(t?" "+t:""),style:c},u?f:a.default.createElement(kr,Object.assign({loadUrl:o,theme:s.theme},d,{children:f})))}function La({files:e,presetConfig:t}){let n=a.default.useRef(null),r=a.default.useRef(null);return a.default.useEffect(()=>{r.current=new Pa(n.current,Object.assign(Object.assign({},t),{files:Xn(t.files,e)}),{showOpenInCodeSandbox:!1})},[]),a.default.useEffect(()=>{r.current&&r.current.updatePreview(Object.assign(Object.assign({},t),{files:Xn(t.files,e)}))},[e]),a.default.createElement("iframe",{ref:n})}function Xn(e,t){let n=Object.assign({},e);return t.forEach(r=>{n["/"+r.name]={code:r.code.lines.map(o=>o.tokens.map(i=>i.content).join("")).join(` `)}}),n}function st(e,t){let n=a.default.Children.toArray(e),r=t?n.slice(0,n.length/2):n,o=t?n.slice(n.length/2):void 0;return{stepsChildren:r,previewChildren:o}}function Cr(e){var t,{children:n,editorSteps:r,codeConfig:o,start:i=0,presetConfig:s,className:c,style:u,hasPreviewSteps:d}=e,f=I(e,["children","editorSteps","codeConfig","start","presetConfig","className","style","hasPreviewSteps"]);let{stepsChildren:p,previewChildren:F}=st(n,d),h=s||d,[y,v]=a.default.useState({stepIndex:i,step:r[i]}),w=y.step;function A(k){let x=ve(y.step,k,null);v(Object.assign(Object.assign({},y),{step:x}))}let B=p[0];return a.default.createElement("section",{className:`ch-spotlight ${h?"ch-spotlight-with-preview":""} ${c||""}`,style:u},a.default.createElement("div",{className:"ch-spotlight-tabs"},!((t=B?.props)===null||t===void 0)&&t.children?a.default.createElement("div",null,p[0]):null,p.map((k,x)=>x===0?null:a.default.createElement("div",{key:x,onClick:()=>v({stepIndex:x,step:r[x]}),className:"ch-spotlight-tab","data-selected":x===y.stepIndex?"true":void 0},k))),a.default.createElement("div",{className:"ch-spotlight-sticker"},a.default.createElement(Se,Object.assign({},f,w,{codeConfig:o,onTabClick:A})),s?a.default.createElement(te,{className:"ch-spotlight-preview",files:w.files,presetConfig:s,codeConfig:o}):d?a.default.createElement(te,Object.assign({className:"ch-spotlight-preview"},F[y.stepIndex].props)):null))}function Ma(e){e.forEach(Ha)}function Ha(e){var t;let n=((t=e.rootBounds)===null||t===void 0?void 0:t.height)||0;xt(e.rootBounds,{border:`${Math.min(10,n/2)}px solid ${Ze.rootColor}`,overflow:"hidden",boxSizing:"border-box"}),xt(e.boundingClientRect,{border:`${Math.min(10,e.boundingClientRect.height/2)}px solid ${e.isIntersecting?Ze.enterColor:Ze.exitColor}`,overflow:"hidden",boxSizing:"border-box"}),xt(e.intersectionRect,{backgroundColor:Ze.interColor,zIndex:2})}function xt(e,t={}){let{width:n,left:r,height:o,top:i}=e,s=document.createElement("div");return s.style.position="fixed",s.style.width=n+"px",s.style.left=r+"px",s.style.top=i+"px",s.style.height=o+"px",s.style.pointerEvents="none",s.style.transition="opacity 2s ease-in",Object.assign(s.style,t),requestAnimationFrame(()=>requestAnimationFrame(()=>{s.style.opacity="0"})),s.addEventListener("transitionend",()=>{document.body.removeChild(s)}),document.body.appendChild(s),s}var Ze={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},_a=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function Ra(){let e=typeof window=="object";function t(){return e?document.documentElement.clientHeight:void 0}let[n,r]=a.default.useState(t);return a.default.useEffect(()=>{function o(){r(t())}return window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),_a(()=>{r(t())},[]),n}var Br=a.default.createContext(void 0),Dt=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function $a({onStepChange:e,children:t,getRootMargin:n=za,debug:r=!1}){let[o,i]=a.default.useState(),s=Ra();return Dt(()=>{let d=Ga(f=>{(r||window.chDebugScroller)&&Ma(f),f.forEach(p=>{if(p.intersectionRatio>0){let F=p.target;e(+F.stepIndex)}})},n(s||0));return i(d),()=>d.disconnect()},[s]),a.default.createElement(Br.Provider,{value:o},t)}function Wa(e){var{as:t="section",index:n}=e,r=I(e,["as","index"]);let o=a.default.useRef(null),i=a.default.useContext(Br);return Dt(()=>(i&&i.observe(o.current),()=>i&&i.unobserve(o.current)),[i]),Dt(()=>{let s=o.current;s.stepIndex=n},[n]),a.default.createElement(t,Object.assign(Object.assign({},r),{ref:o}))}function Ga(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}function za(e){return`-${e/2-2}px 0px`}var Ka=0;function Ua({match:e}){let t=e.map(([i])=>i),{isServer:n,matchedIndex:r}=Xa(t),o=n?"ssmq-"+Ka++:"";return n?a.default.createElement(a.default.Fragment,null,a.default.createElement("style",{className:o,dangerouslySetInnerHTML:{__html:qa(t,o)}}),e.map(([i,s])=>a.default.createElement("div",{key:i,className:`${o} ${it(i)}`},s)),a.default.createElement("script",{className:o,dangerouslySetInnerHTML:{__html:Va(e,o)}})):a.default.createElement(a.default.Fragment,null,a.default.createElement("div",null,e[r][1]))}function qa(e,t){return e.slice().reverse().map(o=>{let i=`.${t}.${it(o)}{display:block}`,s=`.${t}:not(.${it(o)}){display: none;}`;return o==="default"?`${i}${s}`:`@media ${o}{${i}${s}}`}).join(` `)}function Va(e,t){let n=e.map(([o])=>o),r=n.map(it);return`(function() { var qs = ${JSON.stringify(n)}; var clss = ${JSON.stringify(r)}; var mainCls = "${t}"; var scrEls = document.getElementsByTagName("script"); var scrEl = scrEls[scrEls.length - 1]; var parent = scrEl.parentNode; var el = null; for (var i = 0; i < qs.length - 1; i++) { if (window.matchMedia(qs[i]).matches) { el = parent.querySelector(":scope > ." + mainCls + "." + clss[i]); break; } } if (!el) { var defaultClass = clss.pop(); el = parent.querySelector(":scope > ." + mainCls + "." + defaultClass); } el.removeAttribute("class"); parent.querySelectorAll(":scope > ." + mainCls).forEach(function (e) { parent.removeChild(e); }); })();`}function it(e){return"ssmq-"+e.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~\s]/g,"").toLowerCase()}function Xa(e){let t=typeof window>"u",n=e.slice(0,-1);e[e.length-1]!=="default"&&console.warn("last media query should be 'default'");let[,r]=a.default.useState(0),o=t?[]:n.map(s=>window.matchMedia(s));a.default.useEffect(()=>{let s=()=>r(c=>c+1);return o.forEach(c=>c.addListener(s)),()=>o.forEach(c=>c.removeListener(s))},[]);let i=o.findIndex(s=>s.matches);return{isServer:t,matchedIndex:i<0?e.length-1:i}}function Sr(){let e=a.default.useContext(zt);return e?a.default.createElement(Ja,Object.assign({},e)):null}function Ja({editorStep:e,setFocus:t}){let n=o=>{t({fileName:o,focus:null,id:""})},r=I(e,["preset","presetConfig"]);return a.default.createElement(Se,Object.assign({},r,{onTabClick:n}))}function Ar(){let e=a.default.useContext(zt);return e?a.default.createElement(Ya,Object.assign({},e)):null}function Ya({previewStep:e,allProps:t,editorStep:n}){let r=I(t,["preset"]);return a.default.createElement(te,Object.assign({className:"ch-scrollycoding-preview"},r,e?.props,{files:n.files}))}var zt=a.default.createContext(null);function Or(e){return a.default.createElement(Ua,{match:[[e.codeConfig.staticMediaQuery,a.default.createElement(Qa,Object.assign({},e))],["default",a.default.createElement(ec,Object.assign({},e))]]})}function Qa(e){var{children:t,hasPreviewSteps:n,editorSteps:r}=e,o=I(e,["children","hasPreviewSteps","editorSteps"]);let{stepsChildren:i,previewChildren:s}=st(t,n);return a.default.createElement("section",{className:"ch-scrollycoding-static"},i.map((c,u)=>a.default.createElement(Za,{key:u,editorStep:r[u],previewStep:s&&s[u],allProps:o},c)))}function Za({editorStep:e,previewStep:t,allProps:n,children:r}){let[o,i]=a.default.useState(Object.assign(Object.assign({},e),n)),s=()=>i(Object.assign(Object.assign({},e),n)),c=({fileName:u,focus:d,id:f})=>{let p=ve(o,u,d);i(Object.assign(Object.assign(Object.assign({},o),p),{selectedId:f}))};return a.default.createElement(zt.Provider,{value:{editorStep:o,previewStep:t,allProps:n,setFocus:c}},a.default.createElement(Wt,{onActivation:c,onReset:s},r))}function ec(e){var{children:t,editorSteps:n,codeConfig:r,presetConfig:o,start:i=0,className:s,style:c,hasPreviewSteps:u}=e,d=I(e,["children","editorSteps","codeConfig","presetConfig","start","className","style","hasPreviewSteps"]);let{stepsChildren:f,previewChildren:p}=st(t,u),F=o||u,[h,y]=a.default.useState({stepIndex:i,step:n[i]}),v=h.step;function w(k){y({stepIndex:k,step:n[k]})}function A(k){let x=ve(h.step,k,null);y(Object.assign(Object.assign({},h),{step:x}))}function B(k,x,T){let O=ve(n[k],x,T);y(Object.assign(Object.assign({},h),{stepIndex:k,step:O}))}return a.default.createElement("section",{className:`ch-scrollycoding ${F?"ch-scrollycoding-with-preview":""} ${s||""}`,style:c},a.default.createElement("div",{className:"ch-scrollycoding-content"},a.default.createElement($a,{onStepChange:w},f.map((k,x)=>a.default.createElement(Wa,{as:"div",key:x,index:x,onClick:()=>w(x),className:"ch-scrollycoding-step-content","data-selected":x===h.stepIndex?"true":void 0},a.default.createElement(Wt,{onActivation:({fileName:T,focus:O})=>{B(x,T,O)},onReset:()=>{w(x)}},k))))),a.default.createElement("div",{className:"ch-scrollycoding-sticker"},a.default.createElement(Se,Object.assign({showExpandButton:!0},d,v,{codeConfig:r,onTabClick:A})),o?a.default.createElement(te,{className:"ch-scrollycoding-preview",files:v.files,presetConfig:o,codeConfig:r}):u?a.default.createElement(te,Object.assign({className:"ch-scrollycoding-preview"},p[h.stepIndex].props)):null))}function Tr(e){var{children:t,className:n,code:r,codeConfig:o,editorSteps:i,autoFocus:s,hasPreviewSteps:c,start:u=0,onChange:d=()=>{},presetConfig:f,style:p,autoPlay:F,loop:h=!1}=e,y=I(e,["children","className","code","codeConfig","editorSteps","autoFocus","hasPreviewSteps","start","onChange","presetConfig","style","autoPlay","loop"]);let{stepsChildren:v,previewChildren:w}=st(t,c),A=f||c,B=v.some(M=>{var K;return(K=M.props)===null||K===void 0?void 0:K.children}),k=i.length-1,[x,T]=a.default.useState(()=>{let M=vt(u,0,k);return{stepIndex:M,step:i[M]}}),{stepIndex:O,step:G}=x,ue=O===k;a.default.useEffect(()=>{d({index:O})},[O]);function de(M){let K=ve(G,M,null);T(Object.assign(Object.assign({},x),{step:K}))}function re(M){let K=vt(M,0,k);T({stepIndex:K,step:i[K]})}function fe(){T(M=>{let K=h?(M.stepIndex+1)%(k+1):vt(M.stepIndex+1,0,k);return{stepIndex:K,step:i[K]}})}return Si(fe,F),a.default.createElement("div",{className:`ch-slideshow ${A?"ch-slideshow-with-preview":""} ${n||""}`,style:p},a.default.createElement("div",{className:"ch-slideshow-slide"},a.default.createElement(Se,Object.assign({},y,G,{codeConfig:Object.assign(Object.assign({},o),r),onTabClick:de})),f?a.default.createElement(te,{className:"ch-slideshow-preview",files:G.files,presetConfig:f,codeConfig:o}):c?a.default.createElement(te,Object.assign({className:"ch-slideshow-preview"},w[O].props)):null),a.default.createElement("div",{className:"ch-slideshow-notes"},a.default.createElement("div",{className:"ch-slideshow-range"},a.default.createElement("button",{onClick:()=>re(O-1),disabled:O===0},"Prev"),a.default.createElement("input",{max:k,min:0,step:1,type:"range",value:O,onChange:M=>re(+M.target.value),ref:tc(s),autoFocus:s}),a.default.createElement("button",{onClick:fe,disabled:ue},"Next")),B&&a.default.createElement("div",{className:"ch-slideshow-note"},v[O])))}function tc(e){let t=a.default.useRef(null);return a.default.useEffect(()=>{e&&t.current.focus()},[]),t}function Ir(){return a.default.createElement("div",null,`"error: code hike remark plugin not running or annotation isn't at the right place"`)}var jr={box:ic,bg:Nr,label:ac,link:cc,mark:nc,withClass:sc};function nc(e){return e.isInline?a.default.createElement(rc,Object.assign({},e)):a.default.createElement(Nr,Object.assign({},e))}function Nr({children:e,data:t,style:n,theme:r}){let o="ch-code-multiline-mark "+(t??""),i=C(r,b.RangeHighlightBackground),s=C(r,b.EditorInfoForeground);return a.default.createElement("div",{style:Object.assign(Object.assign({},n),{background:i}),className:o},a.default.createElement("span",{className:"ch-code-multiline-mark-border",style:{background:s}}),e)}function rc({children:e,data:t,theme:n}){let r=oc(e)||De(C(n,b.CodeForeground),.2),o="ch-code-inline-mark "+(t??"");return a.default.createElement("span",{className:o,style:{background:r}},e)}function oc(e){var t,n,r;let o=a.default.Children.toArray(e)[0],i=a.default.Children.toArray(((t=o?.props)===null||t===void 0?void 0:t.children)||[])[0],s=a.default.Children.toArray(((n=i?.props)===null||n===void 0?void 0:n.children)||[])[0],{color:c}=((r=s?.props)===null||r===void 0?void 0:r.style)||{};if(c)return De(c,.2)}function ic({children:e,data:t,theme:n}){var r,o;let i=typeof t=="string"?t:((o=(r=n.tokenColors.find(s=>{var c;return(c=s.scope)===null||c===void 0?void 0:c.includes("string")}))===null||r===void 0?void 0:r.settings)===null||o===void 0?void 0:o.foreground)||"yellow";return a.default.createElement("span",{className:"ch-code-box-annotation",style:{outline:`2px solid ${i}`}},e)}function sc({children:e,data:t,style:n,theme:r}){let o=t;return a.default.createElement("span",{style:n,className:o},e)}function ac({children:e,data:t,style:n,theme:r}){let o=r.colors["editor.lineHighlightBackground"]||r.colors["editor.selectionHighlightBackground"],[i,s]=a.default.useState(!1);return a.default.createElement("div",{style:Object.assign(Object.assign({},n),{background:i?o:void 0}),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},e,a.default.createElement("div",{style:{position:"absolute",right:0,paddingRight:16,display:i?"block":"none",opacity:.7}},t?.children||t))}function cc({children:e,isInline:t,style:n,data:r}){let o=r?.url||r,i=r?.title;return a.default.createElement("a",{href:o,title:i,className:t?"ch-code-inline-link":"ch-code-link",style:n},e)}function Dr(e){var{className:t,codeConfig:n,children:r,code:o}=e,i=I(e,["className","codeConfig","children","code"]);let{theme:s}=n,{lines:c}=o,u=c.flatMap(f=>f.tokens),d=C(s,b.CodeForeground);return a.default.createElement("span",Object.assign({className:"ch-inline-code not-prose"+(t?" "+t:"")},i),a.default.createElement("code",{style:{["--ch-code-foreground"]:d,background:De(C(s,b.CodeBackground),.9),color:d}},u.map((f,p)=>a.default.createElement("span",Object.assign({key:p},f.props),f.content))))}var lc={Code:Fr,Section:vr,SectionLink:yr,SectionCode:Er,Spotlight:Cr,Scrollycoding:Or,Preview:te,annotations:jr,Annotation:Ir,Slideshow:Tr,InlineCode:Dr,CodeSlot:Sr,PreviewSlot:Ar},uc={MiniBrowser:kr,EditorSpring:mr};$.Annotation=Ir;$.CH=lc;$.Code=Fr;$.CodeSlot=Sr;$.InlineCode=Dr;$.Preview=te;$.PreviewSlot=Ar;$.Scrollycoding=Or;$.Section=vr;$.SectionCode=Er;$.SectionLink=yr;$.Slideshow=Tr;$.Spotlight=Cr;$.annotations=jr;$.internal=uc});var pc={};li(pc,{CH:()=>Me,chCodeConfig:()=>Kt,default:()=>gc,frontmatter:()=>dc});var W=bn(En()),at=bn(Pr()),Me={annotations:at.annotations,Code:at.Code},Kt={staticMediaQuery:"not screen, (max-width: 768px)",theme:{$schema:"vscode://schemas/color-theme",name:"Shades of Purple",type:"dark",colors:{"activityBar.background":"#28284E","activityBar.border":"#222244","activityBar.dropBackground":"#222145","activityBar.foreground":"#FFFFFF","activityBar.inactiveForeground":"#A599E9","activityBarBadge.background":"#FAD000","activityBarBadge.foreground":"#1E1E3F","activityBar.activeBorder":"#6943ff62","activityBar.activeBackground":"#222244","debugIcon.startForeground":"#FAD000","debugIcon.continueForeground":"#FAD000","debugIcon.disconnectForeground":"#FAD000","debugIcon.pauseForeground":"#FAD000","debugIcon.restartForeground":"#3AD900","debugIcon.stepBackForeground":"#FAD000","debugIcon.stepIntoForeground":"#FAD000","debugIcon.stepOutForeground":"#FAD000","debugIcon.stepOverForeground":"#FAD000","debugIcon.stopForeground":"#EC3A37F5","sideBar.background":"#222244","sideBar.border":"#25254B","sideBar.foreground":"#A599E9","sideBarSectionHeader.background":"#1E1E3F","sideBarSectionHeader.foreground":"#A599E9","sideBarTitle.foreground":"#A599E9","sideBarSectionHeader.border":"#1E1E3F","badge.background":"#FAD000","badge.foreground":"#1E1E3F","button.background":"#FAD000dd","button.foreground":"#222244","button.hoverBackground":"#FAD000","button.secondaryBackground":"#A599E9cc","button.secondaryForeground":"#222244","button.secondaryHoverBackground":"#A599E9","checkbox.background":"#222244","checkbox.foreground":"#FAD000",contrastActiveBorder:"#FFFFFF00",contrastBorder:"#FFFFFF00",descriptionForeground:"#A599E9","selection.background":"#B362FF","dropdown.background":"#1E1E3F","dropdown.border":"#1E1E3F","dropdown.foreground":"#FFFFFF","editor.background":"#2D2B55","editor.foreground":"#FFFFFF","editorLineNumber.foreground":"#A599E9","editorCursor.foreground":"#FAD000","editor.selectionBackground":"#B362FF88","editor.inactiveSelectionBackground":"#7580B8C0","editor.selectionHighlightBackground":"#7E46DF46","editor.linkedEditingBackground":"#7E46DFAA","editor.wordHighlightBackground":"#FFFFFF0D","editor.wordHighlightStrongBackground":"#FFFFFF0D","editor.findMatchBackground":"#ff7300ab","editor.findMatchHighlightBackground":"#FFFF0336","editor.findRangeHighlightBackground":"#FFFF0336","editor.hoverHighlightBackground":"#FF730056","editor.lineHighlightBackground":"#1F1F41","editor.lineHighlightBorder":"#1F1F41","editor.rangeHighlightBackground":"#1F1F41","editorLink.activeForeground":"#A599E9","editorIndentGuide.background":"#A599E90F","editorIndentGuide.activeBackground":"#A599E942","editorRuler.foreground":"#A599E91C","editorOverviewRuler.border":"#A599E91C","editorCodeLens.foreground":"#A599E9","editorBracketMatch.background":"#AD70FC46","editorBracketMatch.border":"#AD70FC46","editorOverviewRuler.commonContentForeground":"#FFC60055","editorOverviewRuler.currentContentForeground":"#EE3A4355","editorOverviewRuler.incomingContentForeground":"#3AD90055","editorError.foreground":"#EC3A37F5","editorWarning.border":"#FFFFFF00","editorWarning.foreground":"#FAD000","editorGutter.background":"#28284E","editorGutter.addedBackground":"#35AD68","editorGutter.deletedBackground":"#EC3A37F5","editorGutter.modifiedBackground":"#AD70FC46","diffEditor.insertedTextBackground":"#00FF000E","diffEditor.insertedTextBorder":"#00FF009A","diffEditor.removedTextBackground":"#FF000D1A","diffEditor.removedTextBorder":"#FF000D81","editorGroup.border":"#222244","editorGroup.dropBackground":"#222244D0","editorGroupHeader.noTabsBackground":"#2D2B55","editorGroupHeader.tabsBackground":"#2D2B55","editorGroupHeader.tabsBorder":"#1F1F41","tab.activeBackground":"#222244","tab.activeForeground":"#FFFFFF","tab.border":"#1E1E3F","tab.activeBorder":"#FAD000","tab.inactiveBackground":"#2D2B55","tab.inactiveForeground":"#A599E9","tab.unfocusedActiveForeground":"#A599E9","tab.unfocusedInactiveForeground":"#A599E9","tab.activeModifiedBorder":"#A599E9","tab.inactiveModifiedBorder":"#A599E966","tab.unfocusedActiveModifiedBorder":"#A599E966","tab.unfocusedInactiveModifiedBorder":"#A599E966","editorWidget.background":"#222244","editorWidget.border":"#1F1F41","editorHoverWidget.background":"#161633","editorHoverWidget.border":"#161633","editorSuggestWidget.background":"#1F1F41","editorSuggestWidget.border":"#1F1F41","editorSuggestWidget.foreground":"#A599E9","editorSuggestWidget.highlightForeground":"#FAD000","editorSuggestWidget.selectedBackground":"#2D2B55","debugToolBar.background":"#1E1E3F","debugExceptionWidget.background":"#1E1E3F","debugExceptionWidget.border":"#A599E9","editorMarkerNavigation.background":"#3B536433","editorMarkerNavigationError.background":"#EC3A37F5","editorMarkerNavigationWarning.background":"#FAD000","editorWhitespace.foreground":"#FFFFFF1A",errorForeground:"#EC3A37F5","extensionButton.prominentBackground":"#5D37F0","extensionButton.prominentForeground":"#FFFFFF","extensionButton.prominentHoverBackground":"#FF9D00",focusBorder:"#1E1E3F",foreground:"#A599E9","input.background":"#2D2B55","input.border":"#1E1E3F","input.foreground":"#FAD000","input.placeholderForeground":"#A599E9","inputOption.activeBorder":"#1E1E3F","inputValidation.errorBackground":"#2D2B55","inputValidation.errorBorder":"#FAD000","inputValidation.infoBackground":"#2D2B55","inputValidation.infoBorder":"#2D2B55","inputValidation.warningBackground":"#2D2B55","inputValidation.warningBorder":"#FAD000","inputOption.activeBackground":"#5D37F0","list.dropBackground":"#2D2B55","list.activeSelectionBackground":"#2D2B55","list.activeSelectionForeground":"#FFFFFF","list.focusBackground":"#2D2B55","list.focusForeground":"#FFFFFF","list.highlightForeground":"#FAD000","list.hoverBackground":"#2D2B55","list.hoverForeground":"#CEC5FF","list.inactiveSelectionBackground":"#2D2B55","list.inactiveSelectionForeground":"#AAA","merge.border":"#FFFFFF00","merge.commonContentBackground":"#A599E981","merge.commonHeaderBackground":"#A599E981","merge.currentContentBackground":"#3ad90093","merge.currentHeaderBackground":"#3ad90093","merge.incomingContentBackground":"#ff730086","merge.incomingHeaderBackground":"#ff730086","notificationCenter.border":"#1E1E3F","notificationCenterHeader.foreground":"#FFFFFF","notificationCenterHeader.background":"#6943FF","notificationToast.border":"#1E1E3F","notifications.foreground":"#CEC5FF","notifications.background":"#1E1E3F","notifications.border":"#2D2B55","notificationLink.foreground":"#FFFFFF","panel.background":"#1E1E3F","panel.border":"#FAD000","panelTitle.activeBorder":"#FAD000","panelTitle.activeForeground":"#FAD000","panelTitle.inactiveForeground":"#A599E9","peekView.border":"#FAD000","peekViewEditor.background":"#1E1E3F","peekViewEditor.matchHighlightBackground":"#19354900","peekViewEditorGutter.background":"#191935","peekViewResult.background":"#1E1E3F","peekViewResult.fileForeground":"#AAA","peekViewResult.lineForeground":"#FFFFFF","peekViewResult.matchHighlightBackground":"#2D2B55","peekViewResult.selectionBackground":"#2D2B55","peekViewResult.selectionForeground":"#FFFFFF","peekViewTitle.background":"#1F1F41","peekViewTitleDescription.foreground":"#AAA","peekViewTitleLabel.foreground":"#FAD000","pickerGroup.border":"#1E1E3F","pickerGroup.foreground":"#A599E9","progressBar.background":"#FAD000","scrollbar.shadow":"#a599e981","scrollbarSlider.background":"#a599e981","scrollbarSlider.hoverBackground":"#4D21FC","scrollbarSlider.activeBackground":"#FAD000","statusBar.border":"#1E1E3F","statusBar.background":"#1E1E3F","statusBar.foreground":"#A599E9","statusBar.debuggingBackground":"#FAD000","statusBar.debuggingForeground":"#1E1E3F","statusBar.noFolderBackground":"#1E1E3F","statusBar.noFolderForeground":"#A599E9","statusBarItem.activeBackground":"#4D21FC","statusBarItem.hoverBackground":"#4D21FC","statusBarItem.prominentBackground":"#1E1E3F","statusBarItem.prominentHoverBackground":"#2D2B55","terminal.background":"#1E1E3F","terminal.foreground":"#FFFFFF","terminal.ansiBlack":"#000000","terminal.ansiRed":"#EC3A37F5","terminal.ansiGreen":"#3AD900","terminal.ansiYellow":"#FAD000","terminal.ansiBlue":"#7857fe","terminal.ansiMagenta":"#FF2C70","terminal.ansiCyan":"#80FCFF","terminal.ansiWhite":"#FFFFFF","terminal.ansiBrightBlack":"#5C5C61","terminal.ansiBrightRed":"#EC3A37F5","terminal.ansiBrightGreen":"#3AD900","terminal.ansiBrightYellow":"#FAD000","terminal.ansiBrightBlue":"#6943FF","terminal.ansiBrightMagenta":"#FB94FF","terminal.ansiBrightCyan":"#80FCFF","terminal.ansiBrightWhite":"#FFFFFF","terminalCursor.background":"#FAD000","terminalCursor.foreground":"#FAD000","gitDecoration.modifiedResourceForeground":"#FAD000","gitDecoration.deletedResourceForeground":"#EC3A37F5","gitDecoration.untrackedResourceForeground":"#3AD900","gitDecoration.ignoredResourceForeground":"#A599E981","gitDecoration.conflictingResourceForeground":"#FF7200","textBlockQuote.background":"#1E1E3F","textBlockQuote.border":"#6943FF","textCodeBlock.background":"#1E1E3F","textLink.activeForeground":"#B362FF","textLink.foreground":"#B362FF","textPreformat.foreground":"#FAD000","textSeparator.foreground":"#1E1E3F","titleBar.activeBackground":"#1E1E3F","titleBar.activeForeground":"#FFFFFF","titleBar.inactiveBackground":"#1E1E3F","titleBar.inactiveForeground":"#A599E9","walkThrough.embeddedEditorBackground":"#1E1E3F","welcomePage.buttonBackground":"#1E1E3F","welcomePage.buttonHoverBackground":"#262650","widget.shadow":"#00000026","breadcrumb.foreground":"#A599E9","breadcrumb.focusForeground":"#FAD000","breadcrumb.activeSelectionForeground":"#FFFFFF","breadcrumbPicker.background":"#1E1E3F","settings.headerForeground":"#FFFFFF","settings.dropdownBackground":"#1E1E3F","settings.checkboxBackground":"#1E1E3F","settings.textInputBackground":"#1E1E3F","settings.numberInputBackground":"#1E1E3F","settings.dropdownForeground":"#E5E4FB","settings.checkboxForeground":"#E5E4FB","settings.textInputForeground":"#E5E4FB","settings.numberInputForeground":"#E5E4FB","settings.dropdownBorder":"#1E1E3F","settings.checkboxBorder":"#1E1E3F","settings.textInputBorder":"#1E1E3F","settings.numberInputBorder":"#1E1E3F","settings.dropdownListBorder":"#2D2B55","settings.modifiedItemIndicator":"#FAD000","menu.separatorBackground":"#A599E9","editor.snippetTabstopHighlightBackground":"#6943ff62","editor.snippetTabstopHighlightBorder":"#6943ff62","editor.snippetFinalTabstopHighlightBackground":"#6943ff62","editor.snippetFinalTabstopHighlightBorder":"#6943ff62","listFilterWidget.background":"#2D2B55","listFilterWidget.outline":"#2D2B55","listFilterWidget.noMatchesOutline":"#EC3A37F5","sash.hoverBorder":"#FAD000"},tokenColors:[{settings:{foreground:"#FFFFFF",background:"#2D2B55"}},{name:"[COMMENTS] \u2014 The main comments color",scope:["comment","punctuation.definition.comment"],settings:{foreground:"#B362FF"}},{name:"[Entity] \u2014 The main Entity color",scope:"entity",settings:{foreground:"#FAD000"}},{name:"[Constant] \u2014 The main constants color",scope:"constant",settings:{foreground:"#FF628C"}},{name:"[Keyword] \u2014 The main color for Keyword",scope:["keyword, storage.type.class.js"],settings:{foreground:"#FF9D00"}},{name:"[Meta] \u2014 The main color for Meta",scope:"meta",settings:{foreground:"#9EFFFF"}},{name:"[invalid] \u2014 The main color for invalid",scope:"invalid",settings:{foreground:"#EC3A37F5"}},{name:"[Meta Brace] \u2014 The main color for Meta Brace",scope:["meta.brace","punctuation.definition.parameters.begin.js","punctuation.definition.parameters.end.js"],settings:{foreground:"#E1EFFF"}},{name:"[Punctuation] \u2014 The main color for Punctuation",scope:"punctuation",settings:{foreground:"#E1EFFF"}},{name:"[Punctuation] \u2014 Color for Punctuation Parameters",scope:"punctuation.definition.parameters",settings:{foreground:"#FFEE80"}},{name:"[Punctuation] \u2014 Color for Punctuation Template Expression",scope:"punctuation.definition.template-expression",settings:{foreground:"#FFEE80"}},{name:"[Storage] \u2014 The main color for Storage",scope:"storage",settings:{foreground:"#FAD000"}},{name:"[Storage] \u2014 The color for Storage Type Arrow Function",scope:"storage.type.function.arrow",settings:{foreground:"#FAD000"}},{name:"[String]",scope:["string","punctuation.definition.string"],settings:{foreground:"#A5FF90"}},{name:"[String] Template Color",scope:["string.template","punctuation.definition.string.template"],settings:{foreground:"#3AD900"}},{name:"[Support]",scope:"support",settings:{foreground:"#80FFBB"}},{name:"[Support] Function Colors",scope:"support.function",settings:{foreground:"#FF9D00"}},{name:"[Support] Variable Property DOM Colors",scope:"support.variable.property.dom",settings:{foreground:"#9EFFFF"}},{name:"[Variable]",scope:"variable",settings:{foreground:"#E1EFFF"}},{name:"[INI] - Color for Entity",scope:["source.ini entity","meta.embedded.block.ini","source.ini"],settings:{foreground:"#E1EFFF"}},{name:"[INI] - Color for Keyword",scope:["source.ini keyword","keyword.other.definition.ini"],settings:{foreground:"#FAD000"}},{name:"[INI] - Color for Punctuation Definition",scope:["source.ini punctuation.definition"],settings:{foreground:"#FFEE80"}},{name:"[INI] - Color for Punctuation Separator",scope:["source.ini punctuation.separator","punctuation.separator.key-value.ini"],settings:{foreground:"#FF9D00"}},{name:"[CSS] - Color for Entity",scope:["source.css entity","source.stylus entity"],settings:{foreground:"#3AD900"}},{name:"[CSS] - Color for Class Selector",scope:"entity.other.attribute-name.class.css",settings:{foreground:"#9EFFFF"}},{name:"[CSS] - Color for ID Selector",scope:["entity.other.attribute-name.id.css","entity.other.attribute-name.pseudo-class.css"],settings:{foreground:"#FFB454"}},{name:"[CSS] - Color for Element Selector",scope:"entity.name.tag",settings:{foreground:"#9EFFFF"}},{name:"[CSS] - Color for Support",scope:["source.css support","entity.name.tag.css","source.stylus support"],settings:{foreground:"#A5FF90"}},{name:"[CSS] - Color for Constant",scope:["source.css constant","source.css support.constant","source.stylus constant","source.stylus support.constant"],settings:{foreground:"#FFEE80"}},{name:"[CSS] - Color for String",scope:["source.css string","source.css punctuation.definition.string","source.stylus string","source.stylus punctuation.definition.string"],settings:{foreground:"#FFEE80"}},{name:"[CSS] - Color for Variable",scope:["source.css variable","source.stylus variable"],settings:{foreground:"#9EFFFF"}},{name:"[HTML] - Color for Entity Name",scope:["text.html.basic entity.name","punctuation.definition.tag.html","entity.name.tag.inline.any.html","meta.tag.other.html","meta.tag.inline.any.html","punctuation.definition.tag.begin.html","punctuation.definition.tag.end.html","entity.name.tag","meta.tag.other.html","meta.tag.other.js","meta.tag.other.tsx","entity.name.tag.tsx","entity.name.tag.js","entity.name.tag","meta.tag.js","meta.tag.tsx","meta.tag.html"],settings:{foreground:"#9EFFFF"}},{name:"[HTML] - Color for ID value",scope:"meta.toc-list.id.html",settings:{foreground:"#A5FF90"}},{name:"[HTML] - Color for Entity Other",scope:"text.html.basic entity.other",settings:{foreground:"#FAD000"}},{name:"[HTML] - Color for Script Tag",scope:"meta.tag.metadata.script.html entity.name.tag.html",settings:{foreground:"#FAD000"}},{name:"[HTML] - Quotes. Different color to handle expanded selection",scope:"punctuation.definition.string.begin, punctuation.definition.string.end",settings:{foreground:"#92FC79"}},{name:"[HTML/PUG] Equals Sign",scope:["meta.tag.inline.any.html","meta.tag.other"],settings:{foreground:"#FF9D00"}},{name:"[JSON] - Color for Support",scope:"source.json support",settings:{foreground:"#FAD000"}},{name:"[JSON] - Color for String",scope:["source.json string","source.json punctuation.definition.string"],settings:{foreground:"#92FC79"}},{name:"[JAVASCRIPT] - Color for Storage Type Function",scope:"source.js storage.type.function",settings:{foreground:"#FB94FF"}},{name:"[JAVASCRIPT] - Color for Variable Language",scope:"variable.language, entity.name.type.class.js",settings:{foreground:"#FB94FF"}},{name:"[JAVASCRIPT] - Color for Inherited Component",scope:["entity.other.inherited-class"],settings:{foreground:"#FFEE80"}},{name:"[JAVASCRIPT] - Color for React Extends keyword",scope:["storage.type.extends.js","storage.type.class.jsdoc"],settings:{foreground:"#FF9D00"}},{name:"[JAVASCRIPT] \u2014 Docs Keywords",scope:"punctuation.definition.block.tag.jsdoc",settings:{foreground:"#FF9D00"}},{name:"[JAVASCRIPT] \u2014 Doc Var Types",scope:["variable.other.jsdoc","entity.name.type.instance.jsdoc"],settings:{foreground:"#9EFFFF"}},{name:"[JAVASCRIPT] \u2014 Var Types",scope:["variable.other.constant"],settings:{foreground:"#9EFFFF"}},{name:"[JAVASCRIPT REACT] \u2014 JSX HTML",scope:["punctuation.definition.tag.begin.js","punctuation.definition.tag.end.js"],settings:{foreground:"#9EFFFF"}},{name:"[JAVASCRIPT REACT] \u2014 JSX HTML Children Text",scope:"meta.jsx.children.js",settings:{foreground:"#FFFFFF"}},{name:"[JAVASCRIPT] \u2014 Storage types",scope:["storage.type","storage.type.class","storage.modifier","keyword.control","keyword.operator"],settings:{foreground:"#FF9D00"}},{name:"[JAVASCRIPT] \u2014 Docs Useless stuff",scope:"punctuation.definition.bracket.curly",settings:{foreground:"#494685"}},{name:"Typescript React Assignment Operator",scope:["keyword.operator.assignment.tsx","keyword.operator.assignment.jsx"],settings:{foreground:"#FF9D00"}},{name:"[JAVASCRIPT] Keyword Operator Assignment",scope:"keyword.operator.assignment",settings:{foreground:"#FF9D00"}},{name:"[JAVASCRIPT] Typescript/React Children",scope:"meta.jsx.children.tsx",settings:{foreground:"#FFFFFF"}},{name:"[JAVASCRIPT] - Object keys",scope:"meta.object-literal.key.js",settings:{foreground:"#80FFBB"}},{name:"Typescript/React Classnames and Modules",scope:["entity.name.type.class.tsx","entity.name.type.class.jsx","variable.other.readwrite.alias.tsx","variable.other.readwrite.tsx","variable.other.readwrite.alias.ts","variable.other.readwrite.alias.jsx","variable.other.readwrite.alias.js","variable.other.object.tsx","variable.other.object.jsx","variable.other.object","support.class.component.tsx","support.class.component.jsx","entity.name.type.tsx","entity.name.type.jsx","variable.other.readwrite","variable.other.object.js"],settings:{foreground:"#9EFFFF"}},{name:"[JAVASCRIPT] - .something",scope:["variable.other.property","variable.other.object.property"],settings:{foreground:"#FFEE80"}},{name:"[JAVASCRIPT] - Color for Text inside JSX",scope:"JSXNested",settings:{foreground:"#FFFFFF"}},{name:"[JAVASCRIPT] - Parameters",scope:["variable.parameter"],settings:{foreground:"#9EFFFF"}},{name:"[PYTHON] - Color for Self Argument",scope:"variable.parameter.function.language.special.self.python",settings:{foreground:"#9EFFFF"}},{name:"[PYTHON] - Functions",scope:["meta.function-call.python","meta.function-call.generic.python","support.function.builtin.python"],settings:{foreground:"#FAD000"}},{name:"[TYPESCRIPT] - Color for Entity Name Type",scope:"source.ts entity.name.type",settings:{foreground:"#80FFBB"}},{name:"[TYPESCRIPT] - Color for Keyword",scope:"source.ts keyword",settings:{foreground:"#FAD000"}},{name:"[TYPESCRIPT] - Color for Punctuation Parameters",scope:"source.ts punctuation.definition.parameters",settings:{foreground:"#E1EFFF"}},{name:"[TYPESCRIPT] - Color for Punctuation Arrow Parameters",scope:"meta.arrow.ts punctuation.definition.parameters",settings:{foreground:"#FFEE80"}},{name:"[TYPESCRIPT] - Color for Storage",scope:"source.ts storage",settings:{foreground:"#9EFFFF"}},{name:"[MARKDOWN] - Color for Heading Name Section",scope:["entity.name.section.markdown","markup.heading.setext.1.markdown","markup.heading.setext.2.markdown"],settings:{foreground:"#FAD000",fontStyle:"bold"}},{name:"[MARKDOWN] - Diff Code Inserted Block",scope:["markup.inserted.diff","punctuation.definition.inserted.diff"],settings:{foreground:"#8efa00"}},{name:"[MARKDOWN] - Diff Deleted Code Block",scope:["markup.deleted.diff","punctuation.definition.deleted.diff"],settings:{foreground:"#F16E6B"}},{name:"[MARKDOWN] - Diff Meta text",scope:["meta.embedded.block.diff"],settings:{foreground:"#FFFFFF"}},{name:"[MARKDOWN] - Color for Paragraph",scope:"meta.paragraph.markdown",settings:{foreground:"#FFFFFF"}},{name:"[MARKDOWN] - Comment Punctuation",scope:["punctuation.definition.from-file.diff","meta.diff.header.from-file"],settings:{foreground:"#B362FF"}},{name:"[MARKDOWN] - Color for Text inside inline code block `code`",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#A599E9"}},{name:"[MARKDOWN] - Color for Quote Punctuation",scope:"beginning.punctuation.definition.quote.markdown",settings:{foreground:"#FAD000"}},{name:"[MARKDOWN] - Color for Quote Paragraph",scope:["markup.quote.markdown meta.paragraph.markdown","punctuation.definition.quote.begin.markdown"],settings:{foreground:"#A599E9"}},{name:"[MARKDOWN] - Color for Separator",scope:"meta.separator.markdown",settings:{foreground:"#FAD000"}},{name:"[MARKDOWN] - Color for Emphasis Bold",scope:"markup.bold.markdown",settings:{fontStyle:"bold"}},{name:"[MARKDOWN] - Color for Emphasis Italic",scope:"markup.italic.markdown",settings:{fontStyle:"italic"}},{name:"[MARKDOWN] - Color for Lists",scope:["beginning.punctuation.definition.list.markdown","punctuation.definition.list.begin.markdown","markup.list.unnumbered.markdown"],settings:{foreground:"#FAD000"}},{name:"[MARKDOWN] - Link/Image title string",scope:["string.other.link.description.title.markdown punctuation.definition.string.markdown","meta.link.inline.markdown string.other.link.description.title.markdown","string.other.link.description.title.markdown punctuation.definition.string.begin.markdown","string.other.link.description.title.markdown punctuation.definition.string.end.markdown","meta.image.inline.markdown string.other.link.description.title.markdown"],settings:{foreground:"#A5FF90",fontStyle:""}},{name:"[MARKDOWN] - Color for Link Title",scope:["meta.link.inline.markdown string.other.link.title.markdown","meta.link.reference.markdown string.other.link.title.markdown","meta.link.reference.def.markdown markup.underline.link.markdown"],settings:{foreground:"#FAD000",fontStyle:"underline"}},{name:"[MARKDOWN] - Color for Link/Image Title",scope:["markup.underline.link.markdown","string.other.link.description.title.markdown"],settings:{foreground:"#A599E9"}},{name:"[MARKDOWN] - Color for Inline Code",scope:["fenced_code.block.language","markup.inline.raw.markdown"],settings:{foreground:"#9EFFFF"}},{name:"[MARKDOWN] - Color for Punctuation \u2014 Heading, `Code` and fenced ```code blocks```, **Bold**",scope:["punctuation.definition.markdown","punctuation.definition.raw.markdown","punctuation.definition.heading.markdown","punctuation.definition.bold.markdown","punctuation.definition.italic.markdown"],settings:{foreground:"#494685"}},{name:"[MARKDOWN] - LINK Brackets",scope:["meta.link.inline.markdown punctuation.definition.string.begin.markdown","meta.link.inline.markdown punctuation.definition.string.end.markdown","meta.link.reference.markdown punctuation.definition.string.begin.markdown","meta.link.reference.markdown punctuation.definition.string.end.markdown","string.other.link.description.markdown"],settings:{foreground:"#FAD000"}},{name:"[MARKDOWN] - IMG LINK Brackets",scope:["meta.image.inline.markdown punctuation.definition.string.begin.markdown","meta.image.inline.markdown punctuation.definition.string.end.markdown","string.other.link.description.markdown"],settings:{foreground:"#FF9D00"}},{name:"[MARKDOWN] - LINK ALT URI",scope:["markup.underline.link.markdown","punctuation.definition.metadata.markdown","markup.underline.link.image.markdown","constant.other.reference.link.markdown","punctuation.definition.constant.markdown","punctuation.definition.constant.begin.markdown","punctuation.definition.constant.end.markdown"],settings:{foreground:"#A599E9"}},{name:"[PUG] - Color for Entity Name",scope:"text.jade entity.name",settings:{foreground:"#9EFFFF"}},{name:"[PUG] - Types",scope:["storage.type.function.pug"],settings:{foreground:"#FF9D00"}},{name:"[PUG] - Var Params",scope:["variable.parameter.function.js"],settings:{foreground:"#9EFFFF"}},{name:"[PUG] - Imports",scope:["variable.control.import.include.pug"],settings:{foreground:"#92FC79"}},{name:"[PUG] - Color for String Interpolated",scope:"text.jade string.interpolated",settings:{foreground:"#FFEE80"}},{name:"[C#] - Color for Annotations",scope:"storage.type.cs",settings:{foreground:"#9EFFFF"}},{name:"[C#] - Color for Properties",scope:"entity.name.variable.property.cs",settings:{foreground:"#9EFFFF"}},{name:"[C#] - Color for Storage modifiers",scope:"storage.modifier.cs",settings:{foreground:"#80FFBB"}},{name:"[PHP] - Color for Entity",scope:["source.php entity","variable.other.class.php"],settings:{foreground:"#9EFFFF"}},{name:"[PHP] - Docs Keywords",scope:["keyword.other.phpdoc.php"],settings:{foreground:"#FF9D00"}},{name:"[PHP] - Functions",scope:["entity.name.function.php","support.function.basic_functions.php","meta.function-call.php","variable.other.property"],settings:{foreground:"#FAD000"}},{name:"[PHP] - Variables",scope:["variable.other.php","punctuation.definition.variable.php","variable.other.global.php","variable.language.this.php"],settings:{foreground:"#9EFFFF"}},{name:"[PHP] - Color for Storage Modifiers",scope:["storage.modifier.php","keyword.other.namespace.php"],settings:{foreground:"#FF9D00"}},{name:"[YML] \u2014 KEYWORDS",scope:["entity.name.tag.yaml"],settings:{foreground:"#FAD000"}},{name:"[YML] \u2014 Punctuation",scope:["punctuation.definition.block.sequence.item.yaml"],settings:{foreground:"#E1EFFF"}},{name:"[PHP] - Keywords for definition",scope:["storage.type.function.php","meta.function.parameters.php"],settings:{foreground:"#FB94FF"}},{name:"[PHP Blade] - Keywords for definition",scope:["keyword.blade"],settings:{foreground:"#FF9D00"}},{name:"[PHP Blade] - Punctuation",scope:["begin.bracket.round.blade.php","end.bracket.round.blade.php"],settings:{foreground:"#E1EFFF"}},{name:"[PHP Blade] - Construct",scope:["support.function.construct.begin.blade","support.function.construct.end.blade"],settings:{foreground:"#FFEE80"}},{name:"[GO] - Keywords for definition",scope:["keyword.package.go","keyword.import.go"],settings:{foreground:"#FF9D00"}},{name:"[GO] - Functions",scope:["keyword.function.go"],settings:{foreground:"#FB94FF"}},{name:"[GO] - Variables",scope:["variable.other.assignment.go"],settings:{foreground:"#9EFFFF"}},{name:"[GO] - Punctuation",scope:["punctuation.definition.string.begin.go","punctuation.definition.string.end.go","support.function.go"],settings:{foreground:"#FAD000"}},{name:"[RUBY] - Interpolation Quoted Double & Block Inline",scope:["punctuation.section.embedded.end.ruby","punctuation.section.embedded.begin.ruby","punctuation.section.scope.begin.ruby","punctuation.section.scope.end.ruby"],settings:{foreground:"#FFEE80"}},{name:"[RUBY] - Constant",scope:"variable.other.constant.ruby",settings:{foreground:"#80FFBB"}},{name:"[RUBY] - Class",scope:"entity.name.type.class.ruby",settings:{foreground:"#FB94FF"}},{name:"[RUBY] - Variables",scope:["variable.other.block.ruby","variable.other.ruby"],settings:{foreground:"#9EFFFF"}},{name:"[RUBY] - Separators",scope:"punctuation.separator.other.ruby",settings:{foreground:"#FF9D00"}},{name:"[RUBY] - Special Methods",scope:"keyword.other.special-method.ruby",settings:{foreground:"#FFEE80"}},{name:"[SHELL] - Function Keyword",scope:["storage.type.function.shell"],settings:{foreground:"#FB94FF"}},{name:"[SHELL] - Var Other",scope:["variable.other.special.shell","punctuation.definition.variable.shell"],settings:{foreground:"#FF9D00"}},{name:"[GRAPHQL] \u2014 Variable",scope:["variable.graphql"],settings:{foreground:"#FAEFA5"}},{name:"[GRAPHQL] \u2014 Keywords",scope:["keyword.operation.graphql"],settings:{foreground:"#FB94FF"}},{name:"[SQL] Source",scope:["source.sql"],settings:{foreground:"#E1EFFF"}},{name:"[SQL] \u2014 Keywords",scope:["source.sql keyword.other","support.function.mysqli.php"],settings:{foreground:"#FAEFA5"}},{name:"[SQL] \u2014 Functions Used",scope:["support.function.mysqli.php","source.sql support.function"],settings:{foreground:"#FAD000"}},{name:"[SQL] \u2014 RegExp String",scope:["string.regexp","string.regexp keyword.other"],settings:{foreground:"#E1EFFF"}},{name:"[SQL] \u2014 Other keywords",scope:["keyword.other.DML.sql"],settings:{foreground:"#FF9D00"}},{name:"[TOML] \u2014 SYNTAX",scope:["punctuation.definition.table.array.toml"],settings:{foreground:"#E1EFFF"}},{name:"[TOML] \u2014 Other keywords",scope:["entity.other.attribute-name.table.array.toml","entity.other.attribute-name.table.toml"],settings:{foreground:"#FF9D00"}},{name:"[TOML] \u2014 Keywords",scope:["keyword.key.toml"],settings:{foreground:"#FAD000"}},{name:"[DOCKER] \u2014 Keywords",scope:["keyword.other.special-method.dockerfile"],settings:{foreground:"#FAD000"}},{name:"[RUST] \u2014 Keywords",scope:["keyword.other.rust"],settings:{foreground:"#FF9D00"}},{name:"[RUST] \u2014 Keyword Fn",scope:["keyword.other.fn.rust"],settings:{foreground:"#FB94FF"}},{name:"[ENV] \u2014 Keyword",scope:["keyword.other.env"],settings:{foreground:"#FF9D00"}},{name:"[ENV] \u2014 Variable",scope:["variable.other.env"],settings:{foreground:"#FAD000"}},{name:"[ENV] \u2014 Source",scope:["source.env"],settings:{foreground:"#E1EFFF"}},{name:"[ENV] \u2014 Punctuation",scope:["keyword.other.template.begin.env","keyword.other.template.end.env","keyword.operator.assignment.env"],settings:{foreground:"#FF9D00"}},{name:"[JS] \u2014 Double Destructure of Object",scope:["variable.object.property"],settings:{foreground:"#9EFFFF"}},{name:"[JS] \u2014 Regex",scope:["string.regexp.js"],settings:{foreground:"#FB94FF"}},{name:"[CSV] \u2014 Keyword 2",scope:["keyword.rainbow2"],settings:{foreground:"#FF9D00"}},{name:"[NIM] \u2014 Keyword",scope:["keyword.other.nim","keyword.other"],settings:{foreground:"#FF9D00"}},{name:"[NIM] \u2014 boolean",scope:["keyword.boolean"],settings:{foreground:"#FF628C"}},{name:"[NIM] \u2014 {}",scope:["punctuation.pragma.start.nim","punctuation.pragma.end.nim","entity.name.function.nim"],settings:{foreground:"#fad000"}},{name:"Deleted",scope:["markup.deleted"],settings:{foreground:"#F16E6B"}},{name:"Inserted",scope:["markup.inserted"],settings:{foreground:"#8efa00"}},{name:"Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"[ITALICS] All the awesome italics live here.",scope:["modifier","this","comment","storage.modifier","entity.other.attribute-name","entity.other.attribute-name.html","punctuation.definition.comment","text.html.basic entity.other","entity.other.attribute-name","markup.quote.markdown meta.paragraph.markdown","markup.italic.markdown","text.jade entity.other.attribute-name.tag","keyword.control.from","entity.other.attribute-name.tag.pug"],settings:{fontStyle:"italic"}}]},lineNumbers:!0,showCopyButton:!0,autoImport:!0,skipLanguages:[],filepath:"G:\\Projects\\ragavkumarv.com\\content\\blog\\_mdx_bundler_entry_point-f7c92f20-3051-4cbe-871d-74536c60af20.mdx"},dc={title:"React Material Setup",description:"A quick summarization of React class",published_at:"Tue Jan 24 03:38:08 2023 +0530",last_modified_at:"Tue, Jan 24, 2023 3:38:07 AM",tags:["Notes","React"],cover:"https://ik.imagekit.io/ragavkumarv/blog/cover/outer/react-notes.png",draft:!0};function Lr(e){let t=Object.assign({h3:"h3",ul:"ul",li:"li",code:"code"},e.components);return Me||Mr("CH",!1),Me.Code||Mr("CH.Code",!0),(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(t.h3,{children:"Material installation"}),` `,(0,W.jsxs)(t.ul,{children:[` `,(0,W.jsx)(t.li,{children:(0,W.jsx)(t.code,{children:"npm install @mui/material @emotion/react @emotion/styled"})}),` `,(0,W.jsx)(t.li,{children:(0,W.jsx)(t.code,{children:"npm install @mui/icons-material"})}),` `]}),` `,(0,W.jsx)(Me.Code,{codeConfig:Kt,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#9EFFFF"}}}]}],lang:"html"},annotations:[]}]}),` `,(0,W.jsx)("p",{}),` `,(0,W.jsx)(Me.Code,{codeConfig:Kt,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#9EFFFF"}}}]}],lang:"html"},annotations:[]}]}),` `,(0,W.jsx)("p",{})]})}function fc(e={}){let{wrapper:t}=e.components||{};return t?(0,W.jsx)(t,Object.assign({},e,{children:(0,W.jsx)(Lr,e)})):Lr(e)}var gc=fc;function Mr(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return ui(pc);})(); ;return Component;

Blog

React Material Setup

Material installation