(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1744],{20282:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});let n=(0,s(31928).I)("div")({name:"FullWidthChild",class:"fegvmv9",propsAsIs:!1});s(99912)},23860:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});let n=(0,s(31928).I)("button")({name:"ActionButton",class:"a6j6o3o",propsAsIs:!1});s(94994)},75087:(e,t,s)=>{"use strict";s.d(t,{A:()=>v});var n=s(87687),r=s(52751),o=s(31928),a=s(30251),i=s(22559),c=s(68852),l=s(43858),d=s(66557),p=s(54401),u=s(42432),f=s(52412);let h=r.memo(function(e){let{accentColor:t,prefersReducedMotion:s}=e,r=(0,c.yT)(4,20),o=(0,c.yT)(-10,0),i=(0,c.yT)(-90,-220),l=(0,c.yT)(1.25,1.75,{rounded:!1}),d=(0,c.yT)(4,8),p=(0,c.yT)(9,20),u=(0,c.yT)(-200,-250),f=(0,c.yT)(1,1.5,{rounded:!1}),h=(0,c.yT)(-15,-4),x=(0,c.yT)(-12,0),y=(0,c.yT)(-90,-220),g=(0,c.yT)(1.25,1.75,{rounded:!1}),w=(0,a.zh)({from:{transform:"translate(0px, 0px) rotate(0deg) scale(1)"},to:{transform:"translate(".concat(r,"px, ").concat(o,"px) rotate(").concat(i,"deg) scale(").concat(l,")")},config:{tension:200,friction:40},delay:0,immediate:s}),j=(0,a.zh)({from:{transform:"translate(0px, 0px) rotate(0deg) scale(1)"},to:{transform:"translate(".concat(d,"px, ").concat(p,"px) rotate(").concat(u,"deg) scale(").concat(f,")")},config:{tension:80,friction:14},delay:50,immediate:s}),A=(0,a.zh)({from:{transform:"translate(0px, 0px) rotate(0deg) scale(1)"},to:{transform:"translate(".concat(h,"px, ").concat(x,"px) rotate(").concat(y,"deg) scale(").concat(g,")")},config:{tension:100,friction:20},delay:140,immediate:s});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(m,{springData:A,accentColor:t,fadeDuration:1600,fadeDelay:700}),(0,n.jsx)(m,{springData:j,accentColor:t,fadeDuration:1e3,fadeDelay:500}),(0,n.jsx)(m,{springData:w,accentColor:t,fadeDuration:900,fadeDelay:350})]})});function m(e){let{springData:t,accentColor:s,fadeDuration:r,fadeDelay:o}=e;return(0,n.jsx)(x,{style:{"--animation-duration":r+"ms","--animation-delay":o+"ms"},children:(0,n.jsxs)(g,{stroke:s,style:t,children:[(0,n.jsx)("polygon",{points:"16 4, 20 4"}),(0,n.jsx)("polygon",{points:"18 2, 18 6"})]})})}let x=(0,o.I)("g")({name:"SparkleWrapper",class:"s1vbyog2",propsAsIs:!0}),y=(0,o.I)(a.CS.g)({name:"Wand",class:"w15rf7yg",propsAsIs:!0}),g=(0,o.I)(a.CS.g)({name:"StarGroup",class:"skccez",propsAsIs:!0}),w=e=>{let{size:t=16,status:s,timing:o=150,wandFillColor:m="var(--color-gray-100)",accentColor:x,style:g={},...w}=e,j=(0,l.A)("hovering"===s,o),[A,v]=r.useState([]),k=(0,p.A)(),I=r.useCallback(()=>{v(e=>{let t=Date.now();return e.filter(e=>{let{createdAt:s}=e;return(t-s)/1e3<10})})},[]);(0,d.A)(I,1e4),r.useEffect(()=>{if("formatting"!==s)return;let e={id:(0,c.$C)(8),createdAt:Date.now()};v(t=>[...t,e])},[s]);let b=function(e,t){if(t)return -35;switch(e){case"idle":case"hovering":case"formatting":return -45;case"pressed":return -65}}(s,j),T=(0,a.zh)({transform:"rotate(".concat(b,"deg)"),config:i.H5.springy,immediate:k});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(f.A,{viewBox:"0 0 24 24",fill:"none",style:{width:t,height:t,opacity:"idle"!==s?1:.7,overflow:"visible",...g},...w,children:[A.map(e=>(0,n.jsx)(h,{accentColor:x,prefersReducedMotion:k},e.id)),(0,n.jsxs)(y,{style:T,children:[(0,n.jsx)("rect",{x:0,y:8,width:24,height:6,rx:2,fill:m}),(0,n.jsx)("line",{x1:18,y1:8,x2:18,y2:14})]})]}),(0,n.jsx)(u.A,{children:"Format code using Prettier"})]})};s(41944);var j=s(23860);let A=(0,o.I)(j.A)({name:"Wrapper",class:"wsn2i55",propsAsIs:!0}),v=function(e){let{accentColor:t="var(--color-primary)",handleFormat:s}=e,[o,a]=r.useState("idle");return r.useEffect(()=>{if("formatting"!==o)return;let e=window.setTimeout(()=>{a("idle")},200);return()=>{window.clearTimeout(e)}},[o]),(0,n.jsx)(A,{onClick:s,onMouseEnter:()=>a("hovering"),onMouseLeave:()=>{"formatting"!==o&&a("idle")},onMouseDown:()=>a("pressed"),onMouseUp:()=>a("formatting"),children:(0,n.jsx)(w,{size:16,status:o,accentColor:t})})};s(11615)},30371:(e,t,s)=>{"use strict";s.d(t,{A:()=>v});var n=s(87687),r=s(52751),o=s(31928),a=s(66557),i=s(68852),c=s(38592);let l=(0,o.I)("span")({name:"Wrapper",class:"w15sqd9b",propsAsIs:!1}),d=(0,o.I)("span")({name:"Dot",class:"dhkb22d",propsAsIs:!1}),p=function(e){let{value:t,numOfDots:s,dotSize:r,dotColor:o="white"}=e,a=Math.round(s*t),c=r/2;return(0,n.jsx)(l,{style:{gap:c},children:(0,i.y1)(s).map(e=>(0,n.jsx)(d,{"data-is-filled":e<a,style:{width:r,height:r,backgroundColor:o}},e))})};s(38535);var u=s(30251),f=s(22559),h=s(54401),m=s(42432),x=s(43858),y=s(52412);let g=r.memo(e=>{let{size:t=16,isHovering:s,isRunning:o,timing:a=150,style:i={},hideMask:c=!1}=e,l=r.useId(),d=(0,x.A)(s,a),p="skip-icon-mask-".concat(l),g=(0,h.A)(),w={config:o?{tension:100,friction:40}:f.H5.springy,immediate:g},j=[19,20,9,12,19,4,19,20],A=o?5:3,v=(0,u.zh)({from:{points:j.join(" ")},points:d||o?j.map((e,t)=>t%2==0?e-A:e).join(" "):j.join(" "),...w});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(y.A,{viewBox:"0 0 24 24",fill:"none",style:{width:t,height:t,opacity:s?1:.7,...i},children:[!c&&(0,n.jsxs)("mask",{id:p,children:[(0,n.jsx)("rect",{x:"0",y:"0",width:"24",height:"24",fill:"black"}),(0,n.jsx)("rect",{x:"9",y:"0",width:"16",height:"24",fill:"white"})]}),(0,n.jsx)(u.CS.line,{x1:"5",y1:"19",x2:"5",y2:"5"}),(0,n.jsx)(u.CS.polygon,{...v,mask:"url(#".concat(p,")")})]}),(0,n.jsx)(m.A,{children:"Reset Code"})]})});var w=s(23860);let j=(0,o.I)("div")({name:"Wrapper",class:"wy3w6yt",propsAsIs:!1}),A=(0,o.I)("div")({name:"ProgressWrapper",class:"pszdhfz",propsAsIs:!1}),v=e=>{let{accentColor:t="var(--color-primary)",handleReset:s}=e,[o,l]=r.useState(!1),[d,u]=r.useState(!1),[f,h]=r.useState(!1),[m,x]=r.useState(null),y=r.useRef(null);function v(){y.current=Date.now(),h(!0),l(!1)}function k(){y.current&&(h(!1),Date.now()-y.current<400&&l(!0))}return r.useEffect(()=>{f||x(null)},[f]),(0,a.A)(()=>{if(!y.current)return;let e=Date.now()-y.current;if(e>1e3){s(),h(!1);return}x((0,i.S8)(e,0,1e3,0,100))},f?20:null),(0,n.jsx)("abbr",{style:{display:"inline-block"},children:(0,n.jsx)(c.h,{direction:"n",content:"Click and hold to reset code to the initial version",when:o,triggerAs:"span",children:(0,n.jsxs)(j,{children:[(0,n.jsx)(w.A,{title:"Reset code",onMouseDown:v,onMouseUp:k,onTouchStart:v,onTouchEnd:k,onMouseEnter:()=>{u(!0)},onMouseLeave:()=>{l(!1),u(!1)},onKeyDown:e=>{"Enter"===e.key&&s()},children:(0,n.jsx)(g,{size:16,isHovering:d,isRunning:f})}),(0,n.jsx)(A,{children:(0,n.jsx)(p,{value:(m||0)/100*1.2,dotSize:3,numOfDots:5,dotColor:t})})]})})})};s(8411)},64075:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var n=s(31928),r=s(42591);let o=(0,n.I)(r.uS)({name:"Space",class:"s1hfctpl",propsAsIs:!0});s(6743)},38592:(e,t,s)=>{"use strict";s.d(t,{h:()=>n.default});var n=s(48749)},41944:e=>{e.exports={s1vbyog2:"s1vbyog2",fadeToTransparent:"fadeToTransparent",w15rf7yg:"w15rf7yg",skccez:"skccez"}},38535:e=>{e.exports={w15sqd9b:"w15sqd9b",dhkb22d:"dhkb22d","enterAnimation-dhkb22d":"enterAnimation-dhkb22d"}},94994:e=>{e.exports={a6j6o3o:"a6j6o3o"}},11615:e=>{e.exports={wsn2i55:"wsn2i55"}},8411:e=>{e.exports={wy3w6yt:"wy3w6yt",pszdhfz:"pszdhfz"}},6743:e=>{e.exports={s1hfctpl:"s1hfctpl"}}}]);
//# sourceMappingURL=1744.f51ea7927b85287b.js.map