(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[890],{9174:(e,t,r)=>{Promise.resolve().then(r.bind(r,82591)),Promise.resolve().then(r.bind(r,30628)),Promise.resolve().then(r.bind(r,26680)),Promise.resolve().then(r.bind(r,43486)),Promise.resolve().then(r.t.bind(r,58760,23)),Promise.resolve().then(r.t.bind(r,23706,23)),Promise.resolve().then(r.t.bind(r,90311,23)),Promise.resolve().then(r.bind(r,13122)),Promise.resolve().then(r.t.bind(r,43898,23)),Promise.resolve().then(r.bind(r,92355)),Promise.resolve().then(r.t.bind(r,46783,23)),Promise.resolve().then(r.bind(r,82727)),Promise.resolve().then(r.bind(r,69468)),Promise.resolve().then(r.bind(r,80633)),Promise.resolve().then(r.bind(r,3670)),Promise.resolve().then(r.bind(r,38424)),Promise.resolve().then(r.bind(r,28121)),Promise.resolve().then(r.bind(r,2214)),Promise.resolve().then(r.t.bind(r,69353,23)),Promise.resolve().then(r.t.bind(r,30495,23)),Promise.resolve().then(r.t.bind(r,24790,23))},10520:(e,t,r)=>{"use strict";r.d(t,{D:()=>s});var i=r(23766),n=r(83823);function s(e,t){let r=`last-completed-${e}-chapter`,s=JSON.parse(i.A.get((0,n.X8)(e))||"[]"),l=(t?.map((e,t)=>t+1)||[]).find(e=>!s.includes(e))||0;return{completedChapters:s,setLastCompletedChapter:function(e){i.A.set(r,e.toString())},addCompletedChapter:function(t){if(s.includes(t))return;let r=[...s,t];i.A.set((0,n.X8)(e),JSON.stringify(r))},getCourseProgress:function(){let e=t?t.length-2:0;return Math.round(s.length/e*100)},nextUnfinishedChapterData:"number"==typeof l?t?.[Math.max(l,1)]:void 0}}},83823:(e,t,r)=>{"use strict";r.d(t,{BB:()=>s,QD:()=>l,X8:()=>n,cN:()=>i});let i="/learn",n=e=>`completed-${e}-chapters`,s="completed-dashboard-app-chapters",l="completed-react-foundations-chapters"},82591:(e,t,r)=>{"use strict";r.d(t,{ChapterIcon:()=>o});var i=r(94450),n=r(20282),s=r(41650),l=r(99849),a=r(10520);function o({chapters:e}){let{getCourseProgress:t,nextUnfinishedChapterData:r}=(0,a.D)("dashboard-app",e),[o,c]=(0,n.useState)(!1),d=t(),u=(0,n.useMemo)(()=>{let e=100===d;return o?!e&&r?.number?{title:`Chapter ${r.number}:`,description:r.title}:{title:"That's it!",description:"You have completed the course!"}:{title:"",description:""}},[d,r,o]);return(0,n.useEffect)(()=>c(!0),[]),(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsxs)("div",{className:"relative flex h-[181px] w-[160px] rounded-l-md rounded-r-sm outline -outline-offset-1 outline-black/5",children:[(0,i.jsx)("div",{className:"h-full w-5 rounded-l-md bg-gradient-to-r from-[#2e2e2e] via-[#3e3e3e] to-[#2e2e2e]"}),(0,i.jsxs)("div",{className:"dark:to-gray-1000 flex h-full w-full rounded-r-sm bg-gradient-to-br from-gray-50 to-gray-500 pb-3 pr-3 dark:from-gray-50",children:[(0,i.jsx)("div",{className:"absolute -top-px right-6 w-4 text-[#3291FF]",children:(0,i.jsx)("svg",{fill:"none",height:"100%",viewBox:"122 0 16 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M122 1C122 0.447716 122.448 0 123 0H137C137.552 0 138 0.447715 138 1V22.259C138 23.0308 137.163 23.5116 136.496 23.1227L130.504 19.6273C130.193 19.4456 129.807 19.4456 129.496 19.6273L123.504 23.1227C122.837 23.5116 122 23.0308 122 22.259V1Z",fill:"currentColor"})})}),(0,i.jsx)(l.V,{className:"absolute bottom-4 right-4",size:30})]})]}),(0,i.jsxs)("div",{className:"absolute left-[34px] top-4 max-w-[100px]",children:[(0,i.jsx)(s.E,{lineHeight:20,size:18,style:{color:"#000"},weight:600,children:"Learn Next.js"}),(0,i.jsxs)("div",{className:"animate-fadeIn",children:[(0,i.jsx)(s.E,{style:{fontSize:11,color:"#666666",paddingTop:8},weight:500,children:u.title}),(0,i.jsx)(s.E,{style:{fontSize:11,color:"#666666",lineHeight:1},children:u.description})]},u.title)]})]})}},30628:(e,t,r)=>{"use strict";r.d(t,{ChapterInfo:()=>o});var i=r(94450),n=r(80713),s=r(41650),l=r(20282),a=r(10520);function o({chapters:e}){let{getCourseProgress:t,nextUnfinishedChapterData:r}=(0,a.D)("dashboard-app",e),[o,c]=(0,l.useState)(!1),d=t(),u=100===d,h=(0,l.useMemo)(()=>o?r&&!u&&"number"==typeof d?{title:`Chapter ${r.number||1}: ${r.title}`,description:d>0?"Pick up where you left off":"Dive into the course materials"}:{title:"You have completed the course!",description:"Want to continue learning?"}:{title:"",description:""},[o,r,u,d]);return(0,l.useEffect)(()=>c(!0),[]),(0,i.jsxs)("div",{className:"mt-6 flex w-full max-w-md items-center justify-between gap-2 rounded-full bg-gray-50 px-6 py-3 text-sm leading-snug dark:bg-[#171717] md:min-w-[400px]",children:[(0,i.jsxs)("div",{className:"animate-fadeIn mr-2 flex min-w-0 flex-1 flex-shrink flex-col",children:[(0,i.jsx)(s.E,{style:{height:20},truncate:!0,weight:500,children:h.title}),(0,i.jsx)(s.E,{className:"flex",color:"gray-900",style:{height:20},children:h.description})]},h.title),(0,i.jsx)("div",{className:"ml-2",children:(0,i.jsx)(n._,{colors:{primary:"var(--ds-blue-700)",secondary:"var(--ds-gray-300)"},size:"small",value:d},h.title)})]})}},26680:(e,t,r)=>{"use strict";r.r(t),r.d(t,{CourseButton:()=>u});var i=r(94450),n=r(13122),s=r(80713),l=r(23766),a=r(26884),o=r(20282),c=r(83823),d=r(10520);function u({chapters:e}){let{getCourseProgress:t,nextUnfinishedChapterData:r}=(0,d.D)("dashboard-app",e),[u,h]=(0,o.useState)(!1),m=t(),g=(0,o.useMemo)(()=>r&&100!==m?m>0?"Resume Learning":"Start Learning":"Read the docs",[m,r]),p=(0,o.useMemo)(()=>0===m?`${c.cN}/dashboard-app`:100===m?"/docs":`${c.cN}/${r?.path||""}`,[r?.path,m]);return((0,o.useEffect)(()=>h(!0),[]),u)?(0,i.jsx)(n.ButtonLink,{href:p,onClick:()=>{100===m&&l.A.remove(c.BB)},prefix:r&&m>0&&100!==m?(0,i.jsx)("div",{className:"animate-fadeIn",children:(0,i.jsx)(s._,{colors:{primary:"var(--ds-gray-100)",secondary:"var(--ds-gray-900)"},size:"tiny",value:m})}):null,size:"large",suffix:(0,i.jsx)("div",{className:"animate-fadeUp",children:(0,i.jsx)(a.Q,{})}),width:"100%",children:(0,i.jsx)("span",{className:"animate-fadeUp",children:g})}):(0,i.jsx)("div",{className:"w-full md:w-[213px]",children:(0,i.jsx)(n.ButtonLink,{href:"/learn",size:"large",children:(0,i.jsx)("span",{style:{opacity:0},children:"Placeholder"})})})}},43486:(e,t,r)=>{"use strict";r.d(t,{DigDeeper:()=>y});var i=r(94450),n=r(31121),s=r(13122),l=r(47350),a=r(41650),o=r(99849);let c=(0,r(54652).G)('');var d=r(44134),u=r(23706),h=r.n(u),m=r(20282),g=r(15726),p=r(66175),f=r(30116),x=r.n(f),v=r(552);function b({title:e,subtitle:t,href:r}){let s=(0,g.U)("(max-width: 600px)");return(0,i.jsx)(h(),{className:x().bookPerspective,href:r,rel:"noopener noreferrer",target:"_blank",children:(0,i.jsxs)("div",{className:x().bookRotateWrapper,style:{"--book-height":s?"200px":"220px","--book-width":s?"180px":"204px","--book-color":"var(--ds-gray-400)","--subtitle-color":"var(--ds-gray-1000)"},children:[(0,i.jsxs)(l.B,{className:(0,n.$)(x().book,x().darkText),direction:"row",children:[(0,i.jsx)("div",{className:x().bind}),(0,i.jsx)(l.B,{className:x().cover,direction:"column",flex:1,justify:"space-between",children:(0,i.jsxs)("div",{className:"space-y-2",children:[(0,i.jsx)(a.E,{size:16,weight:500,children:e}),(0,i.jsx)(a.E,{color:"gray-900",size:13,style:{color:"var(--ds-gray-900)"},children:t})]})})]}),(0,i.jsx)("div",{className:x().side}),(0,i.jsx)("div",{className:x().back})]})})}function w(){return(0,i.jsxs)("div",{className:"flex h-[60px] w-[50px] flex-col justify-between rounded-md bg-white p-2 shadow-lg dark:bg-black",children:[(0,i.jsx)(o.V,{size:16}),(0,i.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,i.jsx)("div",{className:"h-1 w-3/4 rounded-md bg-gray-200 dark:bg-gray-400"}),(0,i.jsx)("div",{className:"h-1 w-2/4 rounded-md bg-gray-200 dark:bg-gray-400"})]})]})}let _=[{title:"How to build a fullstack app with Next.js, Prisma and Postgres",subtitle:"Build, Deployment & Git",href:"https://vercel.com/guides/nextjs-prisma-postgres"},{title:"Build a multi-tenant app with custom domains using Next.js",subtitle:"Build, Deployment & Git",href:"https://vercel.com/guides/nextjs-multi-tenant-application"},{title:"Integrating Next.js and Contentful for your headless CMS",subtitle:"Databases & CMS",href:"https://vercel.com/guides/integrating-next-js-and-contentful-for-your-headless-cms"},{title:"Building Ecommerce Sites with Next.js and Shopify",subtitle:"Databases & CMS",href:"https://vercel.com/guides/building-ecommerce-sites-with-next-js-and-shopify"},{title:"Using headless WordPress with Next.js and Vercel",subtitle:"Databases & CMS",href:"https://vercel.com/guides/wordpress-with-vercel"}];function y(){let e=(0,m.useRef)(null);return(0,i.jsx)("div",{className:"bg-background-200 border-t pt-12 dark:bg-black md:pt-16",children:(0,i.jsxs)("div",{className:"pb-8 md:mx-auto md:max-w-6xl md:pb-20",children:[(0,i.jsxs)("div",{className:"flex w-full flex-col items-center justify-between space-y-4 px-4 text-center md:flex-row md:space-y-0 md:text-left lg:px-0",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(a.E,{className:"pb-1",size:24,weight:600,children:"Looking to go deeper?"}),(0,i.jsx)(a.E,{color:"gray-900",size:16,children:"Continue learning by using our guides."})]}),(0,i.jsx)("div",{className:"w-full md:w-auto",children:(0,i.jsx)(s.ButtonLink,{href:"https://vercel.com/guides?topics=frameworks",prefix:(0,i.jsx)(c,{}),type:"secondary",width:"100%",children:"View All Guides"})})]}),(0,i.jsxs)("div",{className:x().guidesScrollWrapper,children:[(0,i.jsx)(l.B,{className:x().guidesListScrollView,direction:"row",ref:e,children:(0,i.jsxs)("div",{className:"flex w-full items-center justify-between px-4 md:px-1",children:[(0,i.jsx)("div",{className:(0,n.$)(x().bookSpacer,"md:hidden")}),_.map(e=>(0,i.jsx)(b,{...e},e.title)),(0,i.jsx)("div",{className:(0,n.$)(x().bookSpacer,"md:hidden")})]})}),(0,i.jsx)(j,{scrollLeft:function(){e.current&&(e.current.scrollLeft-=200,e.current.scrollLeft<=0&&(e.current.scrollLeft=e.current.scrollWidth))},scrollRight:function(){e.current&&(e.current.scrollLeft+=200,e.current.scrollLeft+e.current.clientWidth>=e.current.scrollWidth&&(e.current.scrollLeft=0))}})]}),(0,i.jsxs)("div",{className:"flex w-full flex-col items-center justify-between space-y-6 px-4 pt-10 text-center md:flex-row md:space-y-0 md:px-0 md:text-left",children:[(0,i.jsxs)("div",{className:"flex flex-col items-center space-x-4 space-y-2 md:flex-row md:space-y-0",children:[(0,i.jsx)(w,{}),(0,i.jsxs)("div",{children:[(0,i.jsx)(a.E,{size:24,weight:600,children:"Next.js Documentation"}),(0,i.jsx)(a.E,{className:"pt-1",color:"gray-900",size:16,children:"The complete resource for installing, running, building with, and deploying Next.js"})]})]}),(0,i.jsx)("div",{className:"w-[100%] md:w-auto",children:(0,i.jsx)(s.ButtonLink,{href:"https://nextjs.org/docs",prefix:(0,i.jsx)(d.G,{}),type:"secondary",width:"100%",children:"View the Documentation"})})]})]})})}function j({scrollLeft:e,scrollRight:t}){return(0,i.jsxs)("fieldset",{"aria-controls":"carousel","aria-label":"carousel buttons",className:x().carouselControls,children:[(0,i.jsx)("div",{className:(0,n.$)(x().left,x().slideControl),children:(0,i.jsx)(v.j,{label:"Previous Slide",onClick:e,children:(0,i.jsx)(p.JG,{})})}),(0,i.jsx)("div",{className:(0,n.$)(x().right,x().slideControl),children:(0,i.jsx)(v.j,{label:"Next slide",onClick:t,children:(0,i.jsx)(p.c_,{})})})]})}},552:(e,t,r)=>{"use strict";r.d(t,{j:()=>l});var i=r(94450),n=r(3900),s=r.n(n);function l({onClick:e,label:t,children:r}){return(0,i.jsx)("button",{"aria-label":t,className:s().button,onClick:e,type:"button",children:r})}},66175:(e,t,r)=>{"use strict";r.d(t,{F1:()=>s,JG:()=>a,c_:()=>l});var i=r(94450);function n({width:e=24,height:t=24,children:r,className:n}){return(0,i.jsx)("svg",{"aria-hidden":!0,className:n,fill:"none",height:t,shapeRendering:"geometricPrecision",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,viewBox:`0 0 ${e} ${t}`,width:e,children:r})}function s({className:e,short:t}){return(0,i.jsxs)(n,{className:e,children:[(0,i.jsx)("path",{d:"M7 17L17 7"}),t?(0,i.jsx)("path",{d:"M10 7h7v7"}):(0,i.jsx)("path",{d:"M7 7h10v10"})]})}function l(){return(0,i.jsx)(n,{height:14,width:8,children:(0,i.jsx)("path",{d:"M1 13L7 7L1 1"})})}function a(){return(0,i.jsx)(n,{height:14,width:8,children:(0,i.jsx)("path",{d:"M7 13L1 7L4 4L7 1"})})}},15726:(e,t,r)=>{"use strict";r.d(t,{U:()=>n});var i=r(20282);function n(e,t=!1){let[r,s]=(0,i.useState)(window.matchMedia(e).matches);return(0,i.useEffect)(()=>{let t=window.matchMedia(e),r=({matches:e})=>{s(e)};return t.addEventListener("change",r),r(t),()=>{t.removeEventListener("change",r)}},[e]),r}},23766:(e,t,r)=>{"use strict";function i(e){for(var t=1;tn});let n=function e(t,r){function n(e,n,s){if("undefined"!=typeof document){"number"==typeof(s=i({},r,s)).expires&&(s.expires=new Date(Date.now()+864e5*s.expires)),s.expires&&(s.expires=s.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var l="";for(var a in s)s[a]&&(l+="; "+a,!0!==s[a]&&(l+="="+s[a].split(";")[0]));return document.cookie=e+"="+t.write(n,e)+l}}return Object.create({set:n,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var r=document.cookie?document.cookie.split("; "):[],i={},n=0;n{"use strict";r.d(t,{D:()=>c,N:()=>d});var i=r(20282);let n=["light","dark"],s="(prefers-color-scheme: dark)",l="undefined"==typeof window,a=(0,i.createContext)(void 0),o={setTheme:e=>{},themes:[]},c=()=>{var e;return null!==(e=(0,i.useContext)(a))&&void 0!==e?e:o},d=e=>(0,i.useContext)(a)?i.createElement(i.Fragment,null,e.children):i.createElement(h,e),u=["light","dark"],h=({forcedTheme:e,disableTransitionOnChange:t=!1,enableSystem:r=!0,enableColorScheme:l=!0,storageKey:o="theme",themes:c=u,defaultTheme:d=r?"system":"light",attribute:h="data-theme",value:x,children:v,nonce:b})=>{let[w,_]=(0,i.useState)(()=>g(o,d)),[y,j]=(0,i.useState)(()=>g(o)),k=x?Object.values(x):c,C=(0,i.useCallback)(e=>{let i=e;if(!i)return;"system"===e&&r&&(i=f());let s=x?x[i]:i,a=t?p():null,o=document.documentElement;if("class"===h?(o.classList.remove(...k),s&&o.classList.add(s)):s?o.setAttribute(h,s):o.removeAttribute(h),l){let e=n.includes(d)?d:null,t=n.includes(i)?i:e;o.style.colorScheme=t}null==a||a()},[]),$=(0,i.useCallback)(e=>{_(e);try{localStorage.setItem(o,e)}catch(e){}},[e]),N=(0,i.useCallback)(t=>{j(f(t)),"system"===w&&r&&!e&&C("system")},[w,e]);(0,i.useEffect)(()=>{let e=window.matchMedia(s);return e.addListener(N),N(e),()=>e.removeListener(N)},[N]),(0,i.useEffect)(()=>{let e=e=>{e.key===o&&$(e.newValue||d)};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[$]),(0,i.useEffect)(()=>{C(null!=e?e:w)},[e,w]);let S=(0,i.useMemo)(()=>({theme:w,setTheme:$,forcedTheme:e,resolvedTheme:"system"===w?y:w,themes:r?[...c,"system"]:c,systemTheme:r?y:void 0}),[w,$,e,y,r,c]);return i.createElement(a.Provider,{value:S},i.createElement(m,{forcedTheme:e,disableTransitionOnChange:t,enableSystem:r,enableColorScheme:l,storageKey:o,themes:c,defaultTheme:d,attribute:h,value:x,children:v,attrs:k,nonce:b}),v)},m=(0,i.memo)(({forcedTheme:e,storageKey:t,attribute:r,enableSystem:l,enableColorScheme:a,defaultTheme:o,value:c,attrs:d,nonce:u})=>{let h="system"===o,m="class"===r?`var d=document.documentElement,c=d.classList;c.remove(${d.map(e=>`'${e}'`).join(",")});`:`var d=document.documentElement,n='${r}',s='setAttribute';`,g=a?n.includes(o)&&o?`if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${o}'`:"if(e==='light'||e==='dark')d.style.colorScheme=e":"",p=(e,t=!1,i=!0)=>{let s=c?c[e]:e,l=t?e+"|| ''":`'${s}'`,o="";return a&&i&&!t&&n.includes(e)&&(o+=`d.style.colorScheme = '${e}';`),"class"===r?o+=t||s?`c.add(${l})`:"null":s&&(o+=`d[s](n,${l})`),o},f=e?`!function(){${m}${p(e)}}()`:l?`!function(){try{${m}var e=localStorage.getItem('${t}');if('system'===e||(!e&&${h})){var t='${s}',m=window.matchMedia(t);if(m.media!==t||m.matches){${p("dark")}}else{${p("light")}}}else if(e){${c?`var x=${JSON.stringify(c)};`:""}${p(c?"x[e]":"e",!0)}}${h?"":"else{"+p(o,!1,!1)+"}"}${g}}catch(e){}}()`:`!function(){try{${m}var e=localStorage.getItem('${t}');if(e){${c?`var x=${JSON.stringify(c)};`:""}${p(c?"x[e]":"e",!0)}}else{${p(o,!1,!1)};}${g}}catch(t){}}();`;return i.createElement("script",{nonce:u,dangerouslySetInnerHTML:{__html:f}})},()=>!0),g=(e,t)=>{let r;if(!l){try{r=localStorage.getItem(e)||void 0}catch(e){}return r||t}},p=()=>{let e=document.createElement("style");return e.appendChild(document.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}},f=e=>(e||(e=window.matchMedia(s)),e.matches?"dark":"light")},13122:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ButtonLink:()=>m,default:()=>p});var i=r(94450),n=r(20282),s=r(23706),l=r.n(s);let a=(0,r(54652).G)('');var o=r(28121),c=r(27769),d=r(50743),u=r(33681),h=r.n(u);function m({href:e,as:t,tab:r,shallow:n,scroll:s,children:u,prefetch:m=!0,prefetchStrategy:p="visible",icon:f,isDifferentZone:x,...v}){let b=(0,o.usePrefetchProps)({href:e,isDifferentZone:x,prefetch:m,prefetchStrategy:p});return v.disabled||v.loading?(0,i.jsx)(d.$,{...v,children:u}):"string"==typeof e&&(r||!(0,c.c)(e)||v.download||x)?(0,i.jsxs)(d.$,{Component:"a",href:v.disabled?void 0:e,rel:r?"noopener":void 0,target:r?"_blank":void 0,...v,children:[u,f?(0,i.jsx)(a,{className:h().externalIcon}):null]}):(0,i.jsx)(l(),{as:t,href:e,legacyBehavior:!0,passHref:!!e,prefetch:b.prefetch,scroll:s,shallow:n,children:(0,i.jsx)(g,{Component:"a",onMouseEnter:b.onMouseEnter,rel:r?"noopener":void 0,target:r?"_blank":void 0,...v,children:u})})}let g=(0,n.forwardRef)((e,t)=>{let{children:r,onClick:n,onMouseEnter:s,...l}=e;return(0,i.jsx)(d.$,{ref:t,...l,passthroughOnClick:n,passthroughOnMouseEnter:s,children:r})});g.displayName="ButtonWrapper";let p=m},80713:(e,t,r)=>{"use strict";r.d(t,{_:()=>m});var i=r(94450),n=r(20282),s=r(31121),l=r(41650),a=r(8271),o=r.n(a);let c={0:"var(--ds-red-800)",33:"var(--ds-amber-700)",66:"var(--ds-green-700)"},d={tiny:20,small:32,medium:64,large:128},u={tiny:3,small:2,medium:1,large:1},h={tiny:null,small:{size:11,weight:500},medium:{size:18,weight:500},large:{size:32,weight:600}};function m({colors:e=c,value:t,placeholder:r,className:a,arcPriority:m="primary",style:g,size:p,deprecatedSize:f,children:x,showValue:v=!1,...b}){let w=void 0!==f?f:d[p],_=h[p],[y,j]=(0,n.useMemo)(()=>{if("primary"in e)return[e.primary,e.secondary];let r=Object.keys(e).map(Number);if(0===r.length)return[void 0,void 0];let i=r.filter(e=>t>=e).pop();return[void 0!==i?e[i]:void 0,void 0]},[e,t]),{circleProps:k,circumference:C,offsetFactor:$,segmentGap:N,primaryStrokePercent:S,secondaryStrokePercent:H}=(0,n.useMemo)(()=>{let e=w<=d.tiny?15:10,r=2*Math.PI*(50-e/2),i=Math.round(100/r*e)+u[p];(0===t||t>=100)&&(i=0);let n="equal"===m?.5:0,s=t-2*i*n,l=100-t-2*i*(1-n)-Math.max(1-s,0);return{circleProps:{cx:50,cy:50,r:50-e/2,strokeWidth:e,strokeDashoffset:0,strokeLinecap:"round",strokeLinejoin:"round"},circumference:r,segmentGap:i,primaryStrokePercent:s,secondaryStrokePercent:l,offsetFactor:n}},[m,w,p,t]);return(0,i.jsxs)("div",{className:(0,s.$)(o().circle,a,{[o().animate]:!r}),"data-geist-progress-circle":"","data-version":"v1",style:{...g,"--circle-size":"100px","--circumference":C,"--percent-to-px":`${C/100}px`,"--gap-percent":N,"--offset-factor":$},...b,children:[(0,i.jsxs)("svg",{fill:"none",height:w,strokeWidth:"2",viewBox:"0 0 100 100",width:w,children:[(0,i.jsx)("circle",{style:{opacity:H<0||100===t?0:1,"--stroke-percent":H},...k,className:o().arcSecondary,stroke:j||"var(--ds-gray-alpha-400)"}),(0,i.jsx)("circle",{...k,className:o().arc,"data-geist-progress-circle-fg":"",stroke:y||"var(--geist-foreground)",style:{opacity:0===t?0:1,"--stroke-percent":Math.min(100-N,S)}})]}),x||v?(0,i.jsx)("div",{className:o().content,children:x||_&&(0,i.jsx)(l.E,{color:"inherit",size:_.size,weight:_.weight,children:t})}):null]})}},92355:(e,t,r)=>{"use strict";r.d(t,{PixelIcon:()=>c});var i=r(94450),n=r(31121),s=r(20282),l=r(24330),a=r(11365),o=r.n(a);function c({label:e,...t}){let r=(0,s.useRef)(null),[a,c]=(0,s.useState)(!1),{resolvedTheme:u}=(0,l.D)();(0,s.useEffect)(()=>{if(!r.current||!t.useCanvas)return;c(!0);let{start:e,stop:i}=function({color:e,colorSecondary:t,pixelMatrix:r,canvas:i,active:n,renderScale:s=2,transitionSpeed:l=1,theme:a}){performance.now();let o=0,c=!1,u=0,h=[],m=[],g=[];for(let e=0;e=r?r:e}function y(){if(performance.now(),o=requestAnimationFrame(y),!n?.current&&0===u&&c)return;let e=i.getContext("2d");if(!e)return;let t=Math.ceil(performance.now()/100),l=i.clientWidth*s,a=i.clientHeight*s;i.width=l,i.height=a;let d=Math.min(l/r[0].length,a/r.length);e.clearRect(0,0,l,a),u=0;for(let i=0;iu&&(u=y),g[i][s]=n?.current?Math.min(y+p*o,1):Math.max(y-p*o,0);let k={color:_(2*y,0,1),alpha:y},C=v.map(e=>{var t,r;return t=x[0],(1-(r=k.color))*t+r*e}),$=b.map(e=>{var t,r;return t=x[0],(1-(r=k.color))*t+r*e}),N=(1-(f=k.color))*0+1*f,S=(1-(j=k.alpha))*1+j*c,H=`${C[0]},${C[1]},${C[2]}`,L=`${$[0]},${$[1]},${$[2]}`;switch(r[i]?.[s]){case 1:l=`rgba(${H},${S})`;break;case 2:l=`rgba(${L},${S*w})`;break;case 3:l=`rgba(255,255,255, ${2*S*N})`;break;default:continue}e.beginPath(),e.arc(s*d+d/2,i*d+d/2,d/2,0,2*Math.PI),e.fillStyle=l,e.fill()}c=!0}return{start:()=>requestAnimationFrame(y),stop:()=>cancelAnimationFrame(o)}}({...t,theme:u,active:t.active||{current:!1},canvas:r.current});return e(),()=>{i()}},[u,t]);let{path1s:h,path2s:m}=function(e){let t="",r="";if(!e[0])return{path1s:t,path2s:r};let i=1/e[0].length,n=1/e.length,s=l(Math.min(i,n)/2);function l(e){return Math.round(1e4*e)/1e4}function a(e,t){let r=l(t*i+i/2),a=l(e*n+n/2);return`M${r} ${a} m${-s},0 a${s},${s} 0 1,0 ${l(2*s)},0 a${s},${s} 0 1,0 ${l(-(2*s))},0 `}return e.forEach((e,i)=>e.forEach((e,n)=>{switch(e){case 1:t+=a(i,n);break;case 2:r+=a(i,n)}})),{path1s:t,path2s:r}}(t.pixelMatrix);return(0,i.jsxs)("div",{"aria-label":e,className:(0,n.$)(o().container,t.className,{[o().usingCanvas]:a}),role:"img",children:[(0,i.jsxs)("svg",{viewBox:"0 0 1 1",children:[(0,i.jsx)("path",{d:h,fill:"var(--ds-gray-1000)"}),(0,i.jsx)("path",{d:m,fill:"var(--ds-gray-1000)",opacity:.5})]}),(0,i.jsx)("canvas",{ref:r,style:{maxWidth:"100%",maxHeight:"100%"}})]})}function d(e){let t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e.replace("0x","#"));return t?[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16)]:[0,0,0]}},47350:(e,t,r)=>{"use strict";r.d(t,{B:()=>p});var i=r(94450),n=r(20282),s=r(31121);let l=["sm","md","lg","xl"];function a(e,t){let r={};if("object"!=typeof t)null!==t&&(r[`--${e}`]=t);else{let i;l.forEach(n=>{let s=t[n];null!==s&&s!==i&&(r[`--${n}-${e}`]=s,i=s)})}return r}function o(e){return"number"==typeof e?`${4*e}px`:void 0}function c(e){if("number"==typeof e){let t=o(e);return{sm:t,md:t,lg:t,xl:t}}return{sm:o(e.sm),md:o(e.md),lg:o(e.lg),xl:o(e.xl)}}function d(e){return{sm:e.sm,md:e.md||e.sm,lg:e.lg||e.md||e.sm,xl:e.xl||e.lg||e.md||e.sm}}function u(e,t,r,i){return e===t&&e===r&&e===i?e:e===r&&t===i?`${e} ${t}`:t===i?`${e} ${t} ${r}`:`${e} ${t} ${r} ${i}`}function h(e,t,r,i,n,s,l,a){if(void 0===t&&void 0===r&&void 0===i&&void 0===n&&void 0===s&&void 0===l&&void 0===a)return{[`--${e}`]:"0px"};let o=c(n??i??t??0),h=function(e,t,r,i){let n=d(e),s=d(t),l=d(r),a=d(i);return{sm:u(n.sm||"",s.sm||"",l.sm||"",a.sm||""),md:u(n.md||"",s.md||"",l.md||"",a.md||""),lg:u(n.lg||"",s.lg||"",l.lg||"",a.lg||""),xl:u(n.xl||"",s.xl||"",l.xl||"",a.xl||"")}}(o,c(s??r??t??0),c(l??i??t??0),c(a??r??t??0)),m=Object.keys(h).reduce((t,r)=>({...t,[`--${r}-${e}`]:h[r]}),{});return m[`--sm-${e}`]===m[`--md-${e}`]&&m[`--md-${e}`]===m[`--lg-${e}`]&&m[`--lg-${e}`]===m[`--xl-${e}`]?{[`--${e}`]:m[`--sm-${e}`]}:m}var m=r(21727),g=r.n(m);let p=(0,n.forwardRef)(function({as:e="div",children:t,padding:r,paddingX:n,paddingY:l,paddingTop:o,paddingRight:c,paddingBottom:d,paddingLeft:u,gap:m,direction:p="column",align:f="stretch",justify:x="flex-start",flex:v="initial",debug:b,style:w,className:_,...y},j){let k=[r,n,l,o,c,d,u].some(e=>void 0!==e);return(0,i.jsx)(e,{className:(0,s.$)(g().stack,"stack",_,{[g().debug]:b,[g().padding]:k}),"data-testid":y["data-testid"],"data-version":"v1",ref:j,style:{...w,"--stack-flex":v,...a("stack-direction",p),...a("stack-align",f),...a("stack-justify",x),...h("stack-padding",r,n,l,o,c,d,u),...h("stack-gap",m)},...y,children:t})})},41650:(e,t,r)=>{"use strict";r.d(t,{E:()=>g});var i=r(94450),n=r(31121),s=r(20282),l=r(46783),a=r.n(l);function o(e,t=16){return`${e/t}rem`}function c(e){if("object"==typeof e&&null!==e){if(!("sm"in e))throw Error("Failed to restrict responsive prop, an object was passed without an sm key");let t={xs:e.xs||e.sm||null,sm:e.sm||null,smd:e.smd||e.md||e.sm||null,md:e.md||e.smd||e.sm||null,lg:e.lg||e.md||e.sm||null};if(Object.values(t).some(e=>null==e))throw Error("Failed to restrict responsive prop, an invalid value was passed to sm, md or lg");return t}return{xs:e,sm:e,smd:e,md:e,lg:e}}let d={48:"3.5rem",40:"3.5rem",32:"2.5rem",24:"2rem",20:"1.5rem",18:"1.5rem",16:"1.5rem",14:"1.25rem",13:"1.125rem",12:"1rem",10:"0.75rem"},u={48:"-0.066875rem",40:"-0.058125rem",32:"-0.049375rem",24:"-0.029375rem",20:"-0.020625rem",18:"initial",16:"initial",14:"initial",13:"initial",12:"initial",10:"initial"},h={48:"700",40:"600",32:"600",24:"600",20:"600",16:"400",14:"400",13:"400",18:"400",12:"400",10:"400"},m={"heading-72":{size:72,lineHeight:72,weight:600,letterSpacing:-4.32},"heading-64":{size:64,lineHeight:64,weight:600,letterSpacing:-3.84},"heading-56":{size:56,lineHeight:56,weight:600,letterSpacing:-3.36},"heading-48":{size:48,lineHeight:56,weight:600,letterSpacing:-2.88},"heading-40":{size:40,lineHeight:48,weight:600,letterSpacing:-2.4},"heading-32":{size:32,lineHeight:40,weight:600,letterSpacing:-1.28},"heading-24":{size:24,lineHeight:32,weight:600,letterSpacing:-.96},"heading-20":{size:20,lineHeight:26,weight:600,letterSpacing:-.4},"heading-16":{size:16,lineHeight:24,weight:600,letterSpacing:-.32},"heading-14":{size:14,lineHeight:20,weight:600,letterSpacing:-.28},"button-16":{size:16,lineHeight:20,weight:500},"button-14":{size:14,lineHeight:20,weight:500},"button-12":{size:12,lineHeight:16,weight:500},"label-20":{size:20,lineHeight:32,weight:400},"label-18":{size:18,lineHeight:20,weight:400},"label-16":{size:16,lineHeight:20,weight:400},"label-14":{size:14,lineHeight:20,weight:400},"label-13":{size:13,lineHeight:16,weight:400},"label-12":{size:12,lineHeight:16,weight:400},"copy-24":{size:24,lineHeight:36,weight:400},"copy-20":{size:20,lineHeight:36,weight:400},"copy-18":{size:18,lineHeight:28,weight:400},"copy-16":{size:16,lineHeight:24,weight:400},"copy-14":{size:14,lineHeight:20,weight:400},"copy-13":{size:13,lineHeight:18,weight:400}},g=(0,s.forwardRef)(function({children:e,as:t="p",size:r=14,lineHeight:s,weight:l,color:g="gray-1000",transform:p,align:f,truncate:x,wrap:v=!0,className:b,style:w,monospace:_=!1,variant:y,...j},k){let C="inherit"===g?"inherit":`var(--ds-${g})`;return(0,i.jsx)(t,{className:(0,n.$)(a().wrapper,b,{[a().truncate]:!0===x,[a().clamp]:"number"==typeof x,[a().nowrap]:!v,[a().monospace]:_}),"data-version":"v1",ref:k,style:{..."number"==typeof x&&{"--text-clamp":x},"--text-color":C,...function({size:e,variant:t,lineHeight:r,weight:i}){if(t){if("string"==typeof t){let e=m[t];return{"--text-size":o(e.size),"--text-line-height":o(e.lineHeight),"--text-letter-spacing":`${e.letterSpacing||0}px`,"--text-weight":i??e.weight}}let e=c(t);return Object.keys(e).reduce((t,r)=>{let n=m[e[r]];return{...t,[`--${r}-text-size`]:o(n.size),[`--${r}-text-line-height`]:o(n.lineHeight),[`--${r}-text-weight`]:i??n.weight,[`--${r}-text-letter-spacing`]:`${n.letterSpacing||0}px`}},{})}if("number"==typeof e)return{"--text-size":o(e),"--text-line-height":r?o(r):d[e],"--text-letter-spacing":u[e],"--text-weight":i||h[e]};let n=c(e);return Object.keys(n).reduce((e,t)=>{let s=n[t];return{...e,[`--${t}-text-size`]:o(s),[`--${t}-text-line-height`]:r?o(r):d[s],[`--${t}-text-weight`]:i||h[s],[`--${t}-text-letter-spacing`]:u[s]}},{})}({size:r,lineHeight:s,weight:l,variant:y}),..."string"==typeof p&&{"--text-transform":p},..."string"==typeof f&&{"--text-align":f},...w},...j,children:e})})},26884:(e,t,r)=>{"use strict";r.d(t,{Q:()=>i});let i=(0,r(54652).G)('')},44134:(e,t,r)=>{"use strict";r.d(t,{G:()=>i});let i=(0,r(54652).G)('')},99849:(e,t,r)=>{"use strict";r.d(t,{V:()=>o});var i=r(94450),n=r(20282),s=r(31121),l=r(48667),a=r.n(l);let o=n.forwardRef(function({size:e=80,theme:t,className:r,...l},o){let c=n.useId();return(0,i.jsxs)("svg",{"aria-label":"Next.js logomark",className:(0,s.$)(a().root,r),"data-theme":t,height:e,ref:o,role:"img",viewBox:"0 0 180 180",width:e,...l,children:[(0,i.jsx)("mask",{height:"180",id:`${c}mask0_408_134`,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"},width:"180",x:"0",y:"0",children:(0,i.jsx)("circle",{cx:"90",cy:"90",fill:"black",r:"90"})}),(0,i.jsxs)("g",{mask:`url(#${c}mask0_408_134)`,children:[(0,i.jsx)("circle",{cx:"90",cy:"90","data-circle":!0,fill:"black",r:"90",..."dark"===t&&{stroke:"white",strokeWidth:"6px"}}),(0,i.jsx)("path",{d:"M149.508 157.52L69.142 54H54V125.97H66.1136V69.3836L139.999 164.845C143.333 162.614 146.509 160.165 149.508 157.52Z",fill:`url(#${c}paint0_linear_408_134)`}),(0,i.jsx)("rect",{fill:`url(#${c}paint1_linear_408_134)`,height:"72",width:"12",x:"115",y:"54"})]}),(0,i.jsxs)("defs",{children:[(0,i.jsxs)("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${c}paint0_linear_408_134`,x1:"109",x2:"144.5",y1:"116.5",y2:"160.5",children:[(0,i.jsx)("stop",{stopColor:"white"}),(0,i.jsx)("stop",{offset:"1",stopColor:"white",stopOpacity:"0"})]}),(0,i.jsxs)("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${c}paint1_linear_408_134`,x1:"121",x2:"120.799",y1:"54",y2:"106.875",children:[(0,i.jsx)("stop",{stopColor:"white"}),(0,i.jsx)("stop",{offset:"1",stopColor:"white",stopOpacity:"0"})]})]})]})})},82727:(e,t,r)=>{"use strict";r.r(t),r.d(t,{useAwaitPaintSelectState:()=>s});var i=r(20282),n=r(4422);function s({onChange:e}){let[t,r]=(0,i.useState)(!1);function s(){(async()=>{await (0,n.V)(),r(e=>!e)})()}function l(){(async()=>{await (0,n.V)(),r(!1)})()}function a(t){(async()=>{await (0,n.V)(),e(t)})()}return{open:t,onTrigger:s,onSelect:l,onValueChange:a,awaitPaintTriggerProps:{onClick:e=>{e.currentTarget.focus()},onKeyDown:e=>{"Enter"===e.key&&(s(),t&&e.preventDefault())},onTouchStart:s,onPointerDown:e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),0!==e.button||e.ctrlKey||(s(),e.preventDefault())}},awaitPaintItemProps:{onClick:l,onKeyDown:e=>{"Enter"===e.key&&l(),"Escape"===e.key&&s()},onTouchStart:l},awaitPaintRootProps:{onValueChange:a,open:t}}}},69468:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>n});var i=r(20282);let n=(e=!1,t={enterDelay:0,exitDelay:0})=>{let[r,n]=(0,i.useState)(e),[s,l]=(0,i.useState)(!1),a=(0,i.useRef)(),o=(0,i.useRef)(null),c=(0,i.useRef)(t);return(0,i.useEffect)(()=>{c.current=t},[t]),(0,i.useEffect)(()=>{clearTimeout(a.current);let{enterDelay:t,exitDelay:r,onUnmount:i}=c.current;if(e)o.current=Date.now(),n(!0),-1===t?"requestIdleCallback"in window?window.requestIdleCallback(()=>{l(!0)},{timeout:100}):setTimeout(()=>{l(!0)},1):0===t?l(!0):a.current=window.setTimeout(()=>{l(!0)},t);else{l(!1);let e=r;if(o.current){let i=Date.now()-o.current;t&&i{n(!1),o.current&&i?.()},e)}},[e]),{mounted:r,rendered:s}}},80633:(e,t,r)=>{"use strict";r.r(t),r.d(t,{useIsomorphicLayoutEffect:()=>i});let i=r(20282).useLayoutEffect},2214:(e,t,r)=>{"use strict";r.r(t),r.d(t,{BlurBase64:()=>l,BlurBase64Context:()=>n,withBlurBase64:()=>s});var i=r(94450);let n=(0,r(20282).createContext)(null),s=e=>({...t})=>(0,i.jsx)(n.Provider,{value:t.blurBase64DataURLs,children:(0,i.jsx)(e,{...t})});function l({blurBase64DataURLs:e,children:t}){return(0,i.jsx)(n.Provider,{value:e,children:t})}},58760:e=>{e.exports={linesLight:"hero_linesLight__3FoBD",linesDark:"hero_linesDark__MRidu"}},3900:e=>{e.exports={button:"circle-button_button__q1__M"}},30116:e=>{e.exports={guides:"guides_guides__e3JCI",headings:"guides_headings__Rb2gH",bookSpacer:"guides_bookSpacer__OLoiP",guidesListScrollView:"guides_guidesListScrollView__ih_Nc",book:"guides_book__j9vP8",bind:"guides_bind__9COxI",cover:"guides_cover__skh_f",bookPerspective:"guides_bookPerspective__1DMxp",bookRotateWrapper:"guides_bookRotateWrapper__Z22Ip",side:"guides_side__D9UwQ",back:"guides_back__SaY73",buttons:"guides_buttons__e2zSI",guidesScrollWrapper:"guides_guidesScrollWrapper__X_Ocn",slideControl:"guides_slideControl__ZgnAB",left:"guides_left__l6yRf",right:"guides_right__lPNfI",carouselControls:"guides_carouselControls__I_6T7",hide:"guides_hide__ClZTu"}},43898:e=>{e.exports={button:"custom_button__OckUf"}},8271:e=>{e.exports={circle:"gauge_circle__N47Fa",content:"gauge_content__6tLsK",animate:"gauge_animate__yiaIw",arc:"gauge_arc__UGu7u",arcSecondary:"gauge_arcSecondary__s11_g",fadeIn:"gauge_fadeIn__CZCgm"}},33681:e=>{e.exports={link:"link_link__hbWKh",primary:"link_primary__GLS86",disabled:"link_disabled__XCKN4",highlight:"link_highlight__kJZF9",secondary:"link_secondary__F1rqx",blend:"link_blend__JjXMT",underline:"link_underline__i1AXz",alwaysUnderline:"link_alwaysUnderline__J7rlf",external:"link_external__0a5cc"}},11365:e=>{e.exports={container:"pixel-icon_container__iPeg7",usingCanvas:"pixel-icon_usingCanvas__6LX0z"}},21727:e=>{e.exports={stack:"stack_stack__iZkUS",padding:"stack_padding__ox8JS",debug:"stack_debug__3bKEB"}},46783:e=>{e.exports={wrapper:"text_wrapper__i87JK",truncate:"text_truncate__v5uF6",clamp:"text_clamp__r9W5W",nowrap:"text_nowrap__Libwk",monospace:"text_monospace___Hyeq"}},48667:e=>{e.exports={root:"next-mark_root__iLw9v"}},30495:e=>{e.exports={root:"with-logo_root__vcbZ6"}},24790:e=>{e.exports={pixelIcon:"with-pixel-icon_pixelIcon__v3VLL"}}},e=>{var t=t=>e(e.s=t);e.O(0,[3565,5596,2879,1191,5687,531,9848,9152,6336,6362,6812,7358],()=>t(9174)),_N_E=e.O()}]);