(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8435],{83823:(e,t,r)=>{"use strict";r.d(t,{BB:()=>i,QD:()=>a,X8:()=>o,cN:()=>n});let n="/learn",o=e=>`completed-${e}-chapters`,i="completed-dashboard-app-chapters",a="completed-react-foundations-chapters"},13122:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ButtonLink:()=>m,default:()=>f});var n=r(94450),o=r(20282),i=r(23706),a=r.n(i);let l=(0,r(54652).G)('<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 10.25V13.25C13.5 13.3881 13.3881 13.5 13.25 13.5H2.75C2.61193 13.5 2.5 13.3881 2.5 13.25L2.5 2.75C2.5 2.61193 2.61193 2.5 2.75 2.5H5.75H6.5V1H5.75H2.75C1.7835 1 1 1.7835 1 2.75V13.25C1 14.2165 1.7835 15 2.75 15H13.25C14.2165 15 15 14.2165 15 13.25V10.25V9.5H13.5V10.25ZM9 1H9.75H14.2495C14.6637 1 14.9995 1.33579 14.9995 1.75V6.25V7H13.4995V6.25V3.56066L8.53033 8.52978L8 9.06011L6.93934 7.99945L7.46967 7.46912L12.4388 2.5H9.75H9V1Z" fill="currentColor"/>');var s=r(28121),d=r(27769),c=r(50743),u=r(33681),h=r.n(u);function m({href:e,as:t,tab:r,shallow:o,scroll:i,children:u,prefetch:m=!0,prefetchStrategy:f="visible",icon:x,isDifferentZone:_,...p}){let v=(0,s.usePrefetchProps)({href:e,isDifferentZone:_,prefetch:m,prefetchStrategy:f});return p.disabled||p.loading?(0,n.jsx)(c.$,{...p,children:u}):"string"==typeof e&&(r||!(0,d.c)(e)||p.download||_)?(0,n.jsxs)(c.$,{Component:"a",href:p.disabled?void 0:e,rel:r?"noopener":void 0,target:r?"_blank":void 0,...p,children:[u,x?(0,n.jsx)(l,{className:h().externalIcon}):null]}):(0,n.jsx)(a(),{as:t,href:e,legacyBehavior:!0,passHref:!!e,prefetch:v.prefetch,scroll:i,shallow:o,children:(0,n.jsx)(g,{Component:"a",onMouseEnter:v.onMouseEnter,rel:r?"noopener":void 0,target:r?"_blank":void 0,...p,children:u})})}let g=(0,o.forwardRef)((e,t)=>{let{children:r,onClick:o,onMouseEnter:i,...a}=e;return(0,n.jsx)(c.$,{ref:t,...a,passthroughOnClick:o,passthroughOnMouseEnter:i,children:r})});g.displayName="ButtonWrapper";let f=m},58068:(e,t,r)=>{"use strict";r.d(t,{_:()=>p});var n=r(94450),o=r(20282),i=r(31121),a=r(44035),l=r(48264),s=r(24330),d=r(93406),c=r(1484),u=r.n(c);r(58569),r(29841);try{let e=Object.defineProperty({},"passive",{get(){}}),t=()=>{};window.addEventListener("scroll",t,e),window.removeEventListener("scroll",t,e)}catch(e){}let h=(0,o.createContext)(void 0),m={dark:"#000",light:"#999999"};function g(e){let{active:t,children:r,className:c,onAnimationDone:g,onClickOutside:x,height:p="auto",allowOverflow:v,drawer:w=!0,drawerClassname:y="",verticalScroll:C=!0,style:b,enableSkip:k,onScroll:S,container:M,fixed:j,resetScroll:A,"data-testid":L,nested:N,isModal:R=!1}=e,V=N?a._.NestedRoot:a._.Root,H=(0,o.useRef)(null);(0,o.useEffect)(()=>{t&&H.current&&(H.current.scrollTop=0)},[t,A]);let E=(0,o.useMemo)(()=>({isInDialog:!0}),[]),O=(0,o.useRef)(null),{metaThemeColor:I}=(0,l.lo)("dashboard"),{resolvedTheme:$}=(0,s.D)(),F=function(e){let t=(0,o.useRef)();return(0,o.useEffect)(()=>{t.current=e}),t.current||!1}(t),B=(0,o.useRef)(null);return(0,o.useEffect)(()=>{if(!(0,d.nr)()||F===t)return;let e=m[$??"dark"],r=t?I:e,n=t?e:I,o=performance.now(),i=e=>{let a=Math.min((e-o)/400,1),s=_(a);if(B.current){let e=s;t||(e=1-e),B.current.style.opacity=`${100*e}%`}let d=f(r,n,s);(0,l.a7)({color:d,setBackgroundColor:!0}),a<1&&(O.current=requestAnimationFrame(i))};return O.current&&cancelAnimationFrame(O.current),O.current=requestAnimationFrame(i),()=>{O.current&&cancelAnimationFrame(O.current)}},[t,I,$]),(0,n.jsx)(V,{dismissible:!k,fixed:j,modal:R,onOpenChange:e=>{e||(x(),window.requestAnimationFrame(()=>document.body.style.pointerEvents="auto"),setTimeout(()=>{g?.()},500))},open:t,children:(0,n.jsxs)(a._.Portal,{container:M,children:[(0,n.jsx)("div",{className:(0,i.$)(u().overlay,t&&u().open,!(0,d.nr)()&&u().notSafari),onClick:()=>{x()},ref:B,style:{"--animation-duration":"400ms","--curve":"cubic-bezier(0.32, 0.72, 0, 1)"}}),(0,n.jsx)(a._.Content,{className:(0,i.$)({[String(u().drawer)]:w},y,"geist-dialog",c),"data-testid":L,onAnimationEnd:e=>{e||g?.()},style:b,children:(0,n.jsx)("div",{className:(0,i.$)({[String(u().allowOverflow)]:w&&v,[String(u().inner)]:w,[String(u().max)]:"max"===p,[String(u().noVerticalScroll)]:!C},"tailwind"),onScroll:()=>{H.current&&S?.(H.current)},ref:H,children:(0,n.jsx)(h.Provider,{value:E,children:r})})})]})})}let f=(e,t,r)=>{let n=Number.parseInt(e.slice(1,3),16),o=Number.parseInt(e.slice(3,5),16),i=Number.parseInt(e.slice(5,7),16),a=Number.parseInt(t.slice(1,3),16),l=Number.parseInt(t.slice(3,5),16),s=Number.parseInt(t.slice(5,7),16),d=Math.round(n+r*(a-n)),c=Math.round(o+r*(l-o)),u=Math.round(i+r*(s-i));return`#${d.toString(16).padStart(2,"0")}${c.toString(16).padStart(2,"0")}${u.toString(16).padStart(2,"0")}`},x=[0,.021468159999999997,.04267328,.06361631999999999,.08429824,.10472000000000002,.12488255999999998,.14478687999999998,.16443392000000004,.18382464,.20296000000000003,.22184096000000003,.24046847999999998,.25884352,.27696704,.29483999999999994,.3124633599999999,.32983808,.34696512000000007,.3638454400000001,.3804800000000001,.39686976,.41301568,.42891872000000003,.44457983999999995,.45999999999999996,.47518016,.49012127999999994,.50482432,.5192902399999999,.5335199999999999,.5475145599999999,.5612748799999999,.57480192,.58809664,.6011599999999999,.61399296,.6265964799999999,.6389715200000001,.65111904,.6630400000000001,.6747353600000001,.68620608,.6974531200000001,.7084774400000001,.7192800000000001,.72986176,.7402236799999999,.7503667200000002,.7602918399999999,.77,.7794921599999999,.7887692800000001,.79783232,.80668224,.81532,.82374656,.83196288,.8399699199999999,.84776864,.85536,.8627449599999999,.86992448,.87689952,.8836710400000001,.8902400000000001,.89660736,.9027740800000001,.90874112,.91450944,.92008,.92545376,.9306316800000001,.9356147199999999,.9404038399999999,.945,.94940416,.95361728,.9576403200000001,.96147424,.9651200000000001,.9685785600000001,.97185088,.97493792,.9778406399999999,.9805599999999999,.9830969599999999,.9854524800000001,.98762752,.9896230400000001,.9914400000000001,.9930793600000001,.99454208,.99582912,.9969414400000001,.99788,.99864576,.9992396800000001,.99966272,.9999158399999999,1],_=e=>{let t=100*Math.min(Math.max(e,0),1),r=Math.min(Math.floor(t),99),n=x[r];return n+t%1*(x[r+1]-n)},p=({height:e,show:t=!1,onDismiss:r,onAnimationDone:i,children:a,container:l,className:s,verticalScroll:d,fixed:c,resetScroll:u,onScroll:h,nested:m})=>{let f=(0,o.useMemo)(()=>({height:e}),[e]);return(0,n.jsx)(g,{active:t,className:s,container:l,drawer:!0,fixed:c,height:e,nested:m,onAnimationDone:i,onClickOutside:r,onScroll:h,resetScroll:u,style:f,verticalScroll:d,children:a})}},48264:(e,t,r)=>{"use strict";r.d(t,{ON:()=>v,a7:()=>C,lo:()=>y});var n=r(94450),o=r(20282),i=r(24330),a=r(8911),l=r(77829),s=r(43137),d=r(52423),c=(r(38424),r(41629)),u=r.n(c);let h=(0,o.createContext)({rootOrigin:{x:0,y:0},rootBounds:{width:0,height:0},portalRef:null,activeId:null,setActiveId:()=>void 0,hoveredId:null,setHoveredId:()=>void 0,updateActiveContextCard:()=>void 0,skipTransition:!1,rootVisible:!1,distanceFromLast:0,lastOrigin:null});function m({children:e}){let[t,r]=(0,o.useState)(!1);(0,o.useEffect)(()=>r(!0),[]);let[i,a]=(0,d.A)(),l=(0,o.useRef)(null),[c,m]=(0,o.useState)(null),[g,f]=(0,o.useState)(!1),[x,_]=(0,o.useState)(null),p=(0,o.useRef)(null);function v(e){p.current=e,f(null!==e)}let w=e=>{(e?.id===p.current||null===e)&&m(e)},y=(0,o.useMemo)(()=>c?{width:c.contentSize.width+2,height:c.contentSize.height+2,x:c.origin.x,y:c.origin.y,offsetX:c.offset.x,offsetY:c.offset.y,side:c.side}:{width:0,height:0,x:0,y:0,offsetX:0,offsetY:0,side:"top"},[c]),C=function(e){let t=(0,o.useRef)(null);return(0,o.useEffect)(()=>{t.current=e}),t.current}(y),b=(0,o.useMemo)(()=>{if(!C)return 0;let e=Math.max(y.x,C.x),t=Math.min(y.x+y.width,C.x+C.width),r=Math.max(y.y,C.y),n=Math.min(y.y+y.height,C.y+C.height);if(e<t&&r<n){let o=y.width*y.height;return 0===o?0:(t-e)*(n-r)/o*100}return 0},[y,C]),k=(0,o.useMemo)(()=>Math.sqrt(((C?.x??0)-y.x)**2+((C?.y??0)-y.y)**2),[y.x,y.y,C?.x,C?.y]),S=(0,o.useMemo)(()=>C?{x:C.x-y.x,y:C.y-y.y}:null,[y,C]),M=(0,o.useMemo)(()=>k>150||b>100,[k,b]),j=(0,o.useMemo)(()=>({updateActiveContextCard:w,rootOrigin:{...y},rootBounds:a,portalRef:l,setActiveId:v,activeId:p,setHoveredId:_,hoveredId:x,skipTransition:M,rootVisible:g,distanceFromLast:k,lastOrigin:S}),[y,a,x,M,g,k,S]),A=(0,o.useMemo)(()=>"top"===y.side?0:"bottom"===y.side?180:"left"===y.side?270:90,[y]);return(0,n.jsxs)(h.Provider,{value:j,children:[e,t?(0,s.createPortal)((0,n.jsx)("div",{className:u().portal,ref:i,children:(0,n.jsxs)("div",{className:u().contextCardRootVisibility,style:{opacity:g?1:0},children:[(0,n.jsx)("div",{className:u().contextCardTip,"data-skip-transition":M,style:{transform:`translate(${y.x-y.offsetX}px, ${y.y-y.offsetY}px) rotate(${A}deg)`},children:(0,n.jsxs)("svg",{height:"10",viewBox:"0 0 14 10",width:"14",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{d:"M7.00009 8.11236L1.46893 0H12.5312L7.00009 8.11236Z",fill:"var(--ds-background-100)"}),(0,n.jsx)("path",{d:"M0.94043 1L7.00009 9.8875L13.0597 1H11.8494L7.00009 8.11236L2.15075 1H0.94043Z",fill:"var(--ds-gray-400)"})]})}),(0,n.jsx)("div",{className:u().contextCardRoot,"data-skip-transition":M,style:{transform:`translate(${y.x}px,${y.y}px)`,width:y.width,height:y.height},children:(0,n.jsx)("div",{ref:l})})]})}),document.body):null]})}var g=r(50317),f=r.n(g),x=r(43778),_=r.n(x);let p={light:"light-theme",dark:"dark-theme"};function v({children:e,storageKey:t="geist-theme",setBackgroundColor:r=!0,...a}){return f(),_(),(0,n.jsxs)(i.N,{attribute:"class",disableTransitionOnChange:!0,storageKey:t,value:p,...a,children:[(0,n.jsx)(o.Suspense,{children:(0,n.jsx)(b,{setBackgroundColor:r})}),(0,n.jsx)(l.B,{children:(0,n.jsx)(m,{children:e})})]})}let w={dashboard:{light:"#FFFFFF",dark:"#0A0A0A"},marketing:{light:"#FAFAFA",dark:"#000000"}},y=e=>{let{resolvedTheme:t}=(0,i.D)(),r=(0,a.useSelectedLayoutSegments)(),n=w[e||k(r)];return{metaThemeColor:"dark"===t?n.dark:n.light}},C=({color:e,setBackgroundColor:t})=>{let r=Array.from(document.querySelectorAll('meta[name="theme-color"]'));if(0===r.length){let e=document.createElement("meta");e.setAttribute("name","theme-color"),document.head.appendChild(e),r.push(e)}r.forEach(t=>{t.setAttribute("content",e)}),t&&(document.documentElement.style.backgroundColor=e)};function b({setBackgroundColor:e=!0}){let{metaThemeColor:t}=y();return(0,o.useEffect)(()=>{C({color:t,setBackgroundColor:e})},[t,e]),null}let k=e=>{if(null===e||0===e.length)return"marketing";for(let t of e){if(t.includes("dashboard"))return"dashboard";if(t.includes("auth")){if("signup"===e[1])return"marketing";return"dashboard"}if(t.includes("(team)"))return"dashboard"}return"marketing"}},93406:(e,t,r)=>{"use strict";function n(){return function(e){return null!=window.navigator?e.test(window.navigator.platform):void 0}(/^Mac/)}function o(){return navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome")}r.d(t,{cX:()=>n,nr:()=>o})},54339:(e,t,r)=>{"use strict";r.d(t,{S:()=>h});var n=r(94450),o=r(60669),i=r(69353),a=r.n(i);let l=`0 0 ${o.RK} ${o.RK}`,s="round",d="round",c={bold:2,light:1,none:0,normal:1.5,initial:1.5},u={top:"text-top",bottom:"text-bottom",middle:"middle",initial:null},h=(e,t,r={})=>{let{color:i,secondary:h,size:m,fill:g,weight:f="initial",viewBox:x=l}=r;function _(r){let{size:l,color:_=i||"currentColor",secondary:p=h||"var(--geist-background)",fill:v=g,align:w="initial",weight:y=f,...C}=r,b=c[y],k=u[w],S=m||o.RK;return v&&t?(0,n.jsx)("svg",{className:a().icon,"data-testid":"geist-icon",height:S,shapeRendering:"geometricPrecision",stroke:"currentColor",strokeLinecap:s,strokeLinejoin:d,strokeWidth:b,viewBox:x,width:S,...C,dangerouslySetInnerHTML:{__html:!0===t?e:t},style:{...C.style,color:_,"--geist-fill":"currentColor","--geist-stroke":p,verticalAlign:k||void 0,width:l,height:l}}):(0,n.jsx)("svg",{className:a().icon,"data-testid":"geist-icon",fill:"none",height:S,shapeRendering:"geometricPrecision",stroke:"currentColor",strokeLinecap:s,strokeLinejoin:d,strokeWidth:b,viewBox:x,width:S,...C,dangerouslySetInnerHTML:{__html:e},style:{...C.style,color:_,verticalAlign:k||void 0,width:l,height:l}})}return _.hasFill=!!t,_}},41629:e=>{e.exports={portal:"context-card_portal__7uIMS",contextCardTip:"context-card_contextCardTip__JXUxK",contextCardRoot:"context-card_contextCardRoot__jBE_M",contextCardRootContent:"context-card_contextCardRootContent__MNlHW",contextCardContent:"context-card_contextCardContent__0vsq8",contextCardContentVisibility:"context-card_contextCardContentVisibility__OmjsA",contextCardTrigger:"context-card_contextCardTrigger__Pejgm",contextCardRootVisibility:"context-card_contextCardRootVisibility__WD8Ja"}},29841:e=>{e.exports={drawer:"dialog_drawer__zoHbY",noVerticalScroll:"dialog_noVerticalScroll__i73ML",allowOverflow:"dialog_allowOverflow__fDqDx",modalOpen:"dialog_modalOpen__pzqRA",inner:"dialog_inner__XIlj_",max:"dialog_max__C0YX9"}},1484:e=>{e.exports={drawer:"new-dialog_drawer__ykt7Q",noVerticalScroll:"new-dialog_noVerticalScroll__0Be1P",allowOverflow:"new-dialog_allowOverflow__XLQcK",inner:"new-dialog_inner__FYIY1",max:"new-dialog_max__P89aL",overlay:"new-dialog_overlay___0a9q",notSafari:"new-dialog_notSafari__UQu2r",fadeOut:"new-dialog_fadeOut__EAwu1",open:"new-dialog_open__DTLMi",fadeIn:"new-dialog_fadeIn__JDemh"}}}]);