(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37597],{58575:(e,t,r)=>{"use strict";r.d(t,{Z:()=>m});var a=r(67841),n=r(79477),s=r(64833),l=r(22443),i=r(45700);let o=(0,s.z)("div")({name:"Wrapper",class:"w73h7tw",propsAsIs:!1}),d=(0,s.z)("div")({name:"Title",class:"t116rt9",propsAsIs:!1}),c=(0,s.z)(i.E.div)({name:"Row",class:"r1cct0ab",propsAsIs:!0}),p=(0,s.z)("button")({name:"ToggleButton",class:"t6358bx",propsAsIs:!1}),u=(0,s.z)(i.E.span)({name:"Background",class:"b10n1zbt",propsAsIs:!0}),y=(0,s.z)("span")({name:"Text",class:"tglc2q3",propsAsIs:!1}),v=(0,s.z)(y)({name:"ShortText",class:"s1c14wqr",propsAsIs:!0}),h=(0,s.z)(y)({name:"LongText",class:"lgwo6gd",propsAsIs:!0}),m=function(e){let{title:t,options:r,value:s,handleSelect:i,...m}=e,f="object"==typeof s&&null!==s,[k,g]=n.useState(0),x=n.useRef([]),w=r.map(e=>"object"==typeof e?e:{label:e,value:e});return(0,a.jsx)(l.S,{children:(0,a.jsxs)(o,{...m,children:[t&&(0,a.jsx)(d,{children:t}),(0,a.jsx)(c,{layoutRoot:!0,children:w.map((e,t)=>{let r=f?!0===s[e.value]:s===e.value;return(0,a.jsxs)(p,{ref:e=>{e&&(x.current[t]=e)},value:e.value,tabIndex:t===k?void 0:-1,onClick:()=>{i(e.value),g(t)},onKeyDown:e=>{let t;let r=w.filter((e,t)=>{let r=x.current[t];if(!r)return!1;let a=window.getComputedStyle(r);return(null==a?void 0:a.display)!=="none"});if("ArrowLeft"===e.code?(t=k-1)<0&&(t=r.length-1):"ArrowRight"===e.code&&(t=k+1)>=r.length&&(t=0),"number"==typeof t){var a;null===(a=x.current[t])||void 0===a||a.focus(),f||i(w[t].value),g(t)}},style:{opacity:r?1:.65},children:[(0,a.jsx)(u,{layout:!0,style:{opacity:r?1:.4,height:r?4:2,filter:r?"saturate(100%)":"saturate(0%)"}}),e.shortLabel?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v,{children:e.shortLabel}),(0,a.jsx)(h,{children:e.label})]}):(0,a.jsx)(y,{children:e.label})]},e.value)})})]})})};r(65599)},25967:(e,t,r)=>{"use strict";r.d(t,{Z:()=>s});var a=r(64833),n=r(21364);let s=(0,a.z)(n.Wc)({name:"Space",class:"s1hfctpl",propsAsIs:!0});r(55245)},37597:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>Q});var a=r(67841),n=r(79477),s=r(64833),l=r(58575),i=r(25967),o=r(62867),d=r(45700),c=r(74631);let p=[[(0,a.jsx)(d.E.path,{layout:!0,layoutId:"shortest-flag-fill",fill:"var(--color-background)",d:"M12.5 75.448c-.335-3.178-5.998-4.858-9.25-5.565C2.067 69.626 1 70.548 1 71.76v10.948s12-2.51 11.5-7.26z"},"shortest-flag-fill"),(0,a.jsx)(d.E.path,{layout:!0,layoutId:"shortest-flag-stroke",stroke:"var(--color-text)",strokeLinecap:"round",strokeWidth:"2",d:"M1 422V82.708m0 0V71.76c0-1.212 1.066-2.134 2.25-1.877 3.252.707 8.915 2.387 9.25 5.565.5 4.75-11.5 7.26-11.5 7.26z"},"shortest-flag-stroke")],[(0,a.jsx)(d.E.path,{layout:!0,layoutId:"middle-flag-fill",fill:"var(--color-background)",d:"M12.5 41.281c-.335-3.177-5.998-4.858-9.25-5.564-1.184-.258-2.25.665-2.25 1.877v10.948s12-2.51 11.5-7.26z"},"middle-flag-fill"),(0,a.jsx)(d.E.path,{layout:!0,layoutId:"tallest-flag-stroke",stroke:"var(--color-text)",strokeLinecap:"round",strokeWidth:"2",d:"M1 422V48.542m0 0V37.594c0-1.212 1.066-2.135 2.25-1.877 3.252.706 8.915 2.387 9.25 5.564.5 4.751-11.5 7.26-11.5 7.26z"},"tallest-flag-stroke")],[(0,a.jsx)(d.E.path,{layout:!0,layoutId:"tallest-flag-fill",fill:"var(--color-background)",d:"M12.5 7.115c-.335-3.178-5.998-4.858-9.25-5.565C2.067 1.292 1 2.215 1 3.427v10.948s12-2.51 11.5-7.26z"},"tallest-flag-fill"),(0,a.jsx)(d.E.path,{layout:!0,layoutId:"tallest-flag-stroke",stroke:"var(--color-text)",strokeLinecap:"round",strokeWidth:"2",d:"M1 422V14.375m0 0V3.427C1 2.215 2.066 1.292 3.25 1.55c3.252.707 8.915 2.387 9.25 5.565.5 4.75-11.5 7.26-11.5 7.26z"},"tallest-flag-stroke")]];function u(e){let{flag:t,columnWidth:r}=e,[s,l]=n.useState(!1),i=n.useRef(t.time),o=t.label.split("\n"),c=68-34*t.stackIndex-2;return n.useEffect(()=>{if(t.time!==i.current){i.current=t.time,l(!0);let e=window.setTimeout(()=>{l(!1)},300);return()=>window.clearTimeout(e)}},[t]),(0,a.jsxs)(v,{"data-is-sliding-around":String(s),style:{opacity:s?.25:1,transform:"translate(".concat(t.time*r-1,"px, 1px)")},children:[p[t.stackIndex],o.map((e,t)=>(0,a.jsx)(d.E.text,{layout:!0,x:20,y:12*t+8,dy:c,fill:"var(--color-text)",fontSize:"12",children:e},t))]})}let y=(0,s.z)("svg")({name:"Svg",class:"s1c7iwkd",propsAsIs:!1}),v=(0,s.z)("g")({name:"FlagWrapper",class:"fs0dz7y",propsAsIs:!0}),h=function(e){let{formattedFlags:t,columnWidth:r}=e;return(0,a.jsx)(y,{width:"14",height:"423",fill:"none",viewBox:"0 0 14 423",xmlns:"http://www.w3.org/2000/svg",children:t.map(e=>(0,a.jsx)(u,{flag:e,columnWidth:r},e.id))})};r(90292);let m=(0,s.z)("div")({name:"Wrapper",class:"w6er074",propsAsIs:!1}),f=(0,s.z)("div")({name:"LilPeg",class:"l1chcw6l",propsAsIs:!1}),k=function(e){let{distance:t,columnWidth:r}=e;return(0,a.jsxs)(m,{style:{left:t*r},children:[(0,a.jsx)(f,{}),t]})};r(56242);let g=(0,s.z)(d.E.div)({name:"Wrapper",class:"w152gtxt",propsAsIs:!0}),x=(0,s.z)(d.E.div)({name:"TextWrapper",class:"t12tipu7",propsAsIs:!0}),w=(0,s.z)("div")({name:"TextRotator",class:"t1brx004",propsAsIs:!1}),C=function(e){let{colorModeOverride:t,eventType:r,track:n,startAt:s,duration:l,size:i="normal",angle:o=0,opacity:d=1,style:c={},children:p,...u}=e,y="".concat(s+1," / ").concat(s+1+l);return(0,a.jsx)(g,{layout:!0,"data-color-mode-override":t,"data-event-type":r,style:{...c,opacity:d,gridColumn:y,gridRow:"server"===n?2:4},...u,children:(0,a.jsx)(x,{layout:!0,"data-size":i,children:(0,a.jsx)(w,{style:{transform:o?"rotate(".concat(o,"deg)"):void 0},children:p})})})};r(6861);let j=(0,s.z)(d.E.div)({name:"Wrapper",class:"w17c8q29",propsAsIs:!0}),A=(0,s.z)(d.E.svg)({name:"Svg",class:"sfieac3",propsAsIs:!0}),z={3:"M1.04165 0.000867832C0.489847 -0.0221361 0.0238717 0.406542 0.000867832 0.958348C-0.0221361 1.51015 0.406542 1.97613 0.958348 1.99913L1.04165 0.000867832ZM49.7179 150.691C50.1024 150.295 50.0926 149.662 49.6962 149.277L43.2354 143.012C42.8389 142.627 42.2058 142.637 41.8214 143.033C41.4369 143.43 41.4466 144.063 41.843 144.447L47.586 150.017L42.0165 155.76C41.632 156.156 41.6417 156.789 42.0382 157.174C42.4346 157.558 43.0677 157.549 43.4522 157.152L49.7179 150.691ZM0.958348 1.99913C4.99276 2.16732 7.80638 4.35962 9.79949 8.32164C11.823 12.344 12.9428 18.1035 13.4917 25.1293C14.5898 39.1834 13.3786 57.7403 13.0734 76.4156C12.7697 94.9997 13.3664 113.68 18.1755 127.67C20.5858 134.682 24.0779 140.591 29.1127 144.714C34.1646 148.851 40.6868 151.123 49.0153 150.995L48.9847 148.995C41.0632 149.117 35.0186 146.966 30.3799 143.167C25.7241 139.354 22.4018 133.813 20.0669 127.02C15.3857 113.402 14.7691 95.0507 15.0731 76.4483C15.3757 57.9371 16.5934 39.1518 15.4856 24.9735C14.9317 17.883 13.7899 11.8036 11.5862 7.42286C9.35202 2.98171 5.97275 0.206438 1.04165 0.000867832L0.958348 1.99913Z",4:"M1.02941 0.000432697C0.477369 -0.0158124 0.0166778 0.41854 0.000432697 0.970586C-0.0158124 1.52263 0.41854 1.98332 0.970586 1.99957L1.02941 0.000432697ZM69.7147 150.695C70.101 150.3 70.0941 149.667 69.6994 149.28L63.2669 142.986C62.8722 142.599 62.2391 142.606 61.8528 143.001C61.4665 143.396 61.4734 144.029 61.8681 144.415L67.5859 150.01L61.9906 155.728C61.6043 156.123 61.6111 156.756 62.0059 157.142C62.4006 157.529 63.0337 157.522 63.42 157.127L69.7147 150.695ZM0.970586 1.99957C7.02922 2.17786 11.1163 4.52244 13.9171 8.45261C16.7633 12.4464 18.3403 18.1619 19.115 25.1614C20.6678 39.1901 18.9539 57.6994 18.5207 76.4088C18.0904 94.9961 18.9329 113.737 25.7727 127.783C29.207 134.836 34.1608 140.723 41.2234 144.806C48.279 148.885 57.3679 151.121 69.0108 150.995L68.9892 148.995C57.6113 149.118 48.8972 146.932 42.2244 143.075C35.5587 139.221 30.8588 133.66 27.5708 126.908C20.966 113.344 20.0896 95.0543 20.5202 76.4551C20.948 57.978 22.675 39.1451 21.1029 24.9413C20.3152 17.8246 18.6883 11.7013 15.5459 7.29189C12.3581 2.81888 7.67193 0.195903 1.02941 0.000432697L0.970586 1.99957Z",5:"M1.02273 0.000258434C0.470591 -0.0122968 0.0128137 0.425125 0.000258434 0.977267C-0.0122968 1.52941 0.425125 1.98719 0.977267 1.99974L1.02273 0.000258434ZM89.713 150.696C90.1002 150.302 90.0949 149.669 89.7012 149.282L83.2842 142.972C82.8904 142.584 82.2573 142.59 81.87 142.983C81.4828 143.377 81.4881 144.01 81.8819 144.398L87.5858 150.007L81.9765 155.711C81.5892 156.105 81.5945 156.738 81.9883 157.125C82.3821 157.512 83.0152 157.507 83.4025 157.113L89.713 150.696ZM0.977267 1.99974C8.99235 2.182 14.3856 4.59308 18.0351 8.55021C21.7134 12.5386 23.7414 18.2264 24.7394 25.1932C25.7364 32.1541 25.6897 40.273 25.3165 49.0202C24.9456 57.7156 24.2464 67.1148 23.9681 76.402C23.4109 94.9983 24.5002 113.794 33.3762 127.878C42.3207 142.072 59.0009 151.246 89.0084 150.995L88.9916 148.995C59.4157 149.243 43.5227 140.228 35.0683 126.812C26.5454 113.288 25.4102 95.0521 25.9672 76.4619C26.2461 67.1559 26.9386 57.9228 27.3147 49.1054C27.6886 40.3397 27.7441 32.0649 26.7192 24.9096C25.6951 17.7601 23.5769 11.6091 19.5053 7.19429C15.4049 2.74825 9.44443 0.191761 1.02273 0.000258434L0.977267 1.99974Z",6:"M1.01853 0.000171603C0.466335 -0.0100595 0.0104027 0.429285 0.000171603 0.981475C-0.0100595 1.53366 0.429285 1.9896 0.981475 1.99983L1.01853 0.000171603ZM109.712 150.697C110.1 150.304 110.095 149.671 109.702 149.283L103.295 142.963C102.902 142.575 102.269 142.579 101.881 142.972C101.493 143.366 101.497 143.999 101.891 144.387L107.586 150.005L101.968 155.7C101.58 156.093 101.584 156.726 101.977 157.114C102.37 157.502 103.004 157.498 103.391 157.105L109.712 150.697ZM0.981475 1.99983C10.917 2.18392 17.6248 4.62653 22.1467 8.62166C26.6718 12.6196 29.1463 18.2938 30.3646 25.2245C31.5846 32.1643 31.5283 40.2656 31.0706 49.0105C30.6161 57.6923 29.757 67.1101 29.4155 76.3952C28.7312 95.0065 30.07 113.848 40.9817 127.957C51.9336 142.118 72.3026 151.245 109.007 150.995L108.993 148.995C72.5724 149.243 52.9652 140.182 42.5638 126.734C32.1224 113.233 30.7311 95.0439 31.4142 76.4687C31.7565 67.1606 32.6055 57.9462 33.0678 49.1151C33.5268 40.347 33.596 32.0547 32.3344 24.8782C31.0713 17.6927 28.4571 11.5281 23.4709 7.12284C18.4816 2.71479 11.2555 0.189843 1.01853 0.000171603L0.981475 1.99983Z"},b=function(e){let{from:t="server",startAt:r,columnWidth:n,duration:s=4}=e,l=20*s-10;return(0,a.jsx)(j,{layout:"position",style:{gridColumn:"".concat(r+1," /  span ").concat(s),gridRow:"2 / span 3"},children:(0,a.jsx)(A,{xmlns:"http://www.w3.org/2000/svg",width:s*n-10,height:"150",fill:"none",viewBox:"0 0 ".concat(l," 158"),preserveAspectRatio:"none",style:{transform:"rotateX(".concat("server"===t?0:180,"deg)")},children:(0,a.jsx)("path",{fill:"var(--color-text)",d:z[s]})})})};r(24103);var I=r(34308);function L(e){let{events:t}=e;return(0,a.jsxs)(I.Z,{as:"div",children:[(0,a.jsx)("p",{children:"This is a data visualization which shows a sequence of events between client and server. Each event is represented here as a list item."}),(0,a.jsx)("ol",{children:t.map(e=>R(e)?(0,a.jsx)(T,{event:e},e.key):(0,a.jsx)(S,{event:e},e.key))})]})}function T(e){let{event:t}=e;return(0,a.jsxs)("li",{children:["server"===t.from?"Response from server":"Request to server",". Duration: ",t.duration," units of time."]})}function S(e){let{event:t}=e;return(0,a.jsxs)("li",{children:['"',t.children,'" on ',t.track,". Duration:"," ",1===t.duration?"1 unit":"".concat(t.duration," units")," of time."]})}let R=e=>"arrow"===e.type,M=(e,t,r)=>{let a=[{id:"pageInteractive",label:"Page\nInteractive",time:r,stackIndex:0},{id:"contentPaint",label:"Content\nPainted",time:t,stackIndex:0},{id:"firstPaint",label:"First\nPaint",time:e,stackIndex:0}].filter(e=>"number"==typeof e.time);return a.forEach((e,t)=>{for(let r=0;r<t;r++){let t=a[r];e.time===t.time&&(e.stackIndex+=1)}}),a},E=e=>{let t=0;return e.forEach(e=>{e.stackIndex>t&&(t=e.stackIndex)}),t},W=(0,s.z)(d.E.div)({name:"Wrapper",class:"w2l5hmt",propsAsIs:!0}),q=(0,s.z)("div")({name:"RowLabel",class:"r488ksw",propsAsIs:!1}),P=(0,s.z)("div")({name:"RowBackground",class:"rmz3pz8",propsAsIs:!1}),Z=(0,s.z)("div")({name:"GridEdge",class:"g1cd8i21",propsAsIs:!1}),D=n.memo(function(e){let{firstPaint:t,contentPaint:r,pageInteractive:s,events:l=[],columnWidth:i=16,colorModeOverride:o,marginTopOverride:d,clientLabel:p="Client",serverLabel:u="Server",width:y=600}=e,v=n.useId(),m=y+3,f=Math.round(m/i),g=M(t,r,s),x=g.length>0,w=E(g),j=l.filter(e=>"arrow"===e.type).sort((e,t)=>e.key<t.key?1:-1),A=l.filter(e=>"arrow"!==e.type).sort((e,t)=>e.key<t.key?1:-1);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(W,{layout:!0,layoutRoot:!0,"data-can-be-annotated":"false",style:{marginTop:"number"==typeof d?d:64+32*w,"--width":m+"px","--num-of-columns":f,"--column-width":i+"px"},children:[(0,c.w6)(0,f,10).map(e=>(0,a.jsx)(k,{distance:e,columnWidth:i},e)),(0,a.jsx)(q,{style:{top:140},children:u}),(0,a.jsx)(q,{style:{top:280},children:p}),(0,a.jsx)(P,{style:{gridRow:2}}),(0,a.jsx)(P,{style:{gridRow:4}}),(0,a.jsx)(a.Fragment,{children:x&&(0,a.jsx)(h,{formattedFlags:g,columnWidth:i})}),j.map((e,t)=>{let{key:r,...n}=e,s="".concat(v,"-").concat(null!=r?r:t);return(0,a.jsx)(b,{columnWidth:i,...n},s)}),A.map((e,t)=>{let{key:r,...n}=e,s="".concat(v,"-").concat(null!=r?r:t);return(0,a.jsx)(C,{colorModeOverride:o,...n},s)}),(0,a.jsx)(Z,{"data-color-mode-override":o})]}),(0,a.jsx)(L,{events:l})]})});r(42686);let B=(0,s.z)("div")({name:"StandaloneWrapper",class:"simlp5k",propsAsIs:!1}),F=(0,s.z)(i.Z)({name:"Wrapper",class:"w1ezmy8s",propsAsIs:!0}),H=(0,s.z)(o.Z)({name:"Page",class:"p1a187w2",propsAsIs:!0}),N=(0,s.z)("div")({name:"Header",class:"h1hvmm35",propsAsIs:!1}),V=(0,s.z)("p")({name:"Title",class:"tizyv67",propsAsIs:!1}),J={csr:{title:"Client Side Rendering",toggleLabel:"CSR",metrics:{firstPaint:17,contentPaint:35,pageInteractive:17},events:[{key:"initial-html",type:"arrow",from:"server",startAt:0,duration:4},{key:"download-js",type:"event",eventType:"javascript",track:"client",startAt:4,duration:7,children:"Download\nJavaScript"},{key:"skeleton",type:"event",eventType:"render",track:"client",startAt:11,duration:6,children:"Render\nShell"},{key:"fetch-request",type:"arrow",from:"client",startAt:17,duration:4},{key:"database-query",type:"event",eventType:"data",track:"server",startAt:21,duration:5,children:"Database Query"},{key:"fetch-response",type:"arrow",from:"server",startAt:26,duration:4},{key:"re-render",type:"event",eventType:"render",track:"client",startAt:30,duration:5,children:"Render\nContent"}]},ssr:{title:"Server Side Rendering",toggleLabel:"SSR",metrics:{firstPaint:7,contentPaint:35,pageInteractive:17},events:[{key:"skeleton",type:"event",eventType:"render",track:"server",startAt:0,duration:3,children:"Render\nShell",angle:-90,size:"small"},{key:"initial-html",type:"arrow",from:"server",startAt:3,duration:4},{key:"download-js",type:"event",eventType:"javascript",track:"client",startAt:7,duration:7,children:"Download\nJavaScript"},{key:"hydrate",type:"event",eventType:"hydrate",track:"client",startAt:14,duration:3,children:"Hydrate",size:"small",angle:-90},{key:"fetch-request",type:"arrow",from:"client",startAt:17,duration:4},{key:"database-query",type:"event",eventType:"data",track:"server",startAt:21,duration:5,children:"Database Query"},{key:"fetch-response",type:"arrow",from:"server",startAt:26,duration:4},{key:"re-render",type:"event",eventType:"render",track:"client",startAt:30,duration:5,children:"Render\nContent"}]},next:{title:"Legacy Next.js (pre-RSC)",toggleLabel:"Before",metrics:{firstPaint:15,contentPaint:15,pageInteractive:25},events:[{key:"database-query",type:"event",eventType:"data",track:"server",startAt:0,duration:5,children:"Database Query"},{key:"re-render",type:"event",eventType:"render",track:"server",startAt:5,duration:6,children:"Render\nApp"},{key:"initial-html",type:"arrow",from:"server",startAt:11,duration:4},{key:"download-js",type:"event",eventType:"javascript",track:"client",startAt:15,duration:7,children:"Download\nJavaScript"},{key:"hydrate",type:"event",eventType:"hydrate",track:"client",startAt:22,duration:3,children:"Hydrate",size:"small",angle:-90}]},rsc:{title:"Modern Next.js (with RSC)",toggleLabel:"After",metrics:{firstPaint:15,contentPaint:15,pageInteractive:23},events:[{key:"database-query",type:"event",eventType:"data",track:"server",startAt:0,duration:5,children:"Database Query"},{key:"re-render",type:"event",eventType:"render",track:"server",startAt:5,duration:6,children:"Render\nApp"},{key:"initial-html",type:"arrow",from:"server",startAt:11,duration:4},{key:"download-js",type:"event",eventType:"javascript",track:"client",startAt:15,duration:6,size:"small",children:"Download\nJavaScript"},{key:"hydrate",type:"event",eventType:"hydrate",track:"client",startAt:21,duration:2,children:"Hydrate",size:"small",angle:-90}]},suspense:{title:"Streaming SSR with Suspense",toggleLabel:"The Works",metrics:{firstPaint:6,contentPaint:18,pageInteractive:13},events:[{key:"skeleton",type:"event",eventType:"render",track:"server",startAt:0,duration:3,children:"Render Shell",angle:-90,size:"small"},{key:"initial-html",type:"arrow",from:"server",startAt:3,duration:3},{key:"database-query",type:"event",eventType:"data",track:"server",startAt:3,duration:8,children:"Database\nQuery"},{key:"re-render",type:"event",eventType:"render",track:"server",startAt:11,duration:3,children:"Render\nContent",angle:-90,size:"small"},{key:"second-html",type:"arrow",from:"server",startAt:14,duration:4},{key:"download-js",type:"event",eventType:"javascript",track:"client",startAt:6,duration:5,children:"Download JS",size:"small"},{key:"hydrate",type:"event",eventType:"hydrate",track:"client",startAt:11,duration:2,children:"Hydrate",size:"small",angle:-90},{key:"second-hydrate",type:"event",eventType:"hydrate",track:"client",startAt:18,duration:2,children:"Hydrate",size:"small",angle:-90}]}},Q=function(e){let{flows:t,initialFlow:r,omitFlags:s,marginTopOverride:i}=e,[o,d]=n.useState(r||t[0]),{title:c,events:p}=J[o],u=s?{}:J[o].metrics;if(1===t.length)return(0,a.jsx)(B,{children:(0,a.jsx)(D,{...u,width:670,columnWidth:18,events:p,marginTopOverride:i})});let y=t.map(e=>({label:J[e].toggleLabel,value:e}));return(0,a.jsxs)(F,{children:[(0,a.jsxs)(N,{children:[(0,a.jsx)(V,{children:c}),(0,a.jsx)(l.Z,{value:o,options:y,handleSelect:d})]}),(0,a.jsx)(H,{children:(0,a.jsx)(D,{...u,width:580,events:p,colorModeOverride:"light",marginTopOverride:i})})]})};r(76491)},65599:e=>{e.exports={w73h7tw:"w73h7tw",t116rt9:"t116rt9",r1cct0ab:"r1cct0ab",t6358bx:"t6358bx",b10n1zbt:"b10n1zbt",tglc2q3:"tglc2q3",s1c14wqr:"s1c14wqr",lgwo6gd:"lgwo6gd"}},24103:e=>{e.exports={w17c8q29:"w17c8q29",fadeIn:"fadeIn",sfieac3:"sfieac3"}},6861:e=>{e.exports={w152gtxt:"w152gtxt",fadeIn:"fadeIn",t12tipu7:"t12tipu7",t1brx004:"t1brx004"}},76491:e=>{e.exports={simlp5k:"simlp5k",w1ezmy8s:"w1ezmy8s",p1a187w2:"p1a187w2",h1hvmm35:"h1hvmm35",tizyv67:"tizyv67"}},90292:e=>{e.exports={s1c7iwkd:"s1c7iwkd",fadeIn:"fadeIn",fs0dz7y:"fs0dz7y"}},42686:e=>{e.exports={w2l5hmt:"w2l5hmt",r488ksw:"r488ksw",rmz3pz8:"rmz3pz8",g1cd8i21:"g1cd8i21"}},56242:e=>{e.exports={w6er074:"w6er074",l1chcw6l:"l1chcw6l"}},22443:(e,t,r)=>{"use strict";r.d(t,{S:()=>p});var a=r(67841),n=r(79477),s=r(12597);let l=(0,n.createContext)(null);var i=r(68e3);let o=e=>!e.isLayoutDirty&&e.willUpdate(!1),d=e=>!0===e,c=e=>d(!0===e)||"id"===e,p=({children:e,id:t,inherit:r=!0})=>{let p=(0,n.useContext)(s.p),u=(0,n.useContext)(l),[y,v]=(0,i.N)(),h=(0,n.useRef)(null),m=p.id||u;null===h.current&&(c(r)&&m&&(t=t?m+"-"+t:m),h.current={id:t,group:d(r)&&p.group||function(){let e=new Set,t=new WeakMap,r=()=>e.forEach(o);return{add:a=>{e.add(a),t.set(a,a.addEventListener("willUpdate",r))},remove:a=>{e.delete(a);let n=t.get(a);n&&(n(),t.delete(a)),r()},dirty:r}}()});let f=(0,n.useMemo)(()=>({...h.current,forceRender:y}),[v]);return(0,a.jsx)(s.p.Provider,{value:f,children:e})}},68e3:(e,t,r)=>{"use strict";r.d(t,{N:()=>l});var a=r(79477),n=r(54165),s=r(72453);function l(){let e=(0,n.t)(),[t,r]=(0,a.useState)(0),l=(0,a.useCallback)(()=>{e.current&&r(t+1)},[t]);return[(0,a.useCallback)(()=>s.Wi.postRender(l),[l]),t]}},54165:(e,t,r)=>{"use strict";r.d(t,{t:()=>s});var a=r(79477),n=r(38906);function s(){let e=(0,a.useRef)(!1);return(0,n.L)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}}}]);
//# sourceMappingURL=37597.0815b0e58e0f1302.js.map