https://www.cockroachlabs.com/_next/static/chunks/394-ff082033491723f3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[394],{86779:function(t,e,l){l.d(e,{U:function(){return g}});var a=l(57437),r=l(37191),i=l(11348),n=l(47907),p=l(2265);let g=t=>{let{id:e,i:l,expanded:g,setExpanded:o,className:d,title:s,titleExtraText:b,titleContainerStyle:c,contentExtraText:h,contentContainerStyle:f,keepContentMounted:m=!1,children:x}=t,[u,_]=(0,p.useState)(null),v=l===g||l===u,j=(0,n.useParams)();return(0,p.useEffect)(()=>{let t=window.location.hash;if(t){_(Number(t.match(/\d+/)?.[0])-1);let e=document.getElementById(t.substring(1));e&&e.scrollIntoView({behavior:"smooth"})}},[j,u]),(0,a.jsxs)("div",{id:e??void 0,className:`${d??""} ${v?"is-open":"is-closed"}`,children:[(0,a.jsxs)(r.E.div,{initial:!1,onClick:()=>{_(null),o(l===g?null:l)},className:c,children:[b&&(0,a.jsx)("span",{className:"mr-3",children:b})," ",s]}),(0,a.jsx)(i.M,{initial:!1,children:(v||m)&&(0,a.jsx)(r.E.section,{initial:"collapsed",animate:v?"open":"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.4,ease:[.04,.62,.23,.98]},className:`${f??""} overflow-hidden ${v?"":"pointer-events-none"}`,children:(0,a.jsxs)("div",{className:"flex",children:[h&&(0,a.jsx)("p",{className:"mr-7 text-lg font-extralight",children:h}),x]})})})]})}},6185:function(t,e,l){l.r(e),l.d(e,{default:function(){return s}});var a=l(57437),r=l(2265),i=l(20703),n=l(8792);let p=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t?.description?.trim()||t?.title?.trim()||e};var g=t=>{let{sys:e,slug:l,thumbnailImage:r,title:g,excerpt:o,publishDate:d,authorsCollection:s,categoryListCollection:b,authorData:c}=t,h=t=>{try{let e=new Date(t),l=e.getUTCFullYear(),a=e.getUTCMonth(),r=e.getUTCDate();return`${["January","February","March","April","May","June","July","August","September","October","November","December"][a]} ${r}, ${l}`}catch(t){return"Unknown"}};return(0,a.jsxs)("div",{className:"group mx-3 mb-0 flex h-full flex-col overflow-hidden rounded-3xl border border-white/20 bg-black hover:border hover:border-[#9059FF] hover:text-[#9059FF] hover:shadow-[0px_0px_40px_rgba(144,89,255,0.4)]",children:[r&&(0,a.jsx)("div",{children:(0,a.jsx)(n.default,{href:`/blog/${l}`,children:(0,a.jsx)(i.default,{src:r?.url||"",width:r?.width||"300",height:r?.height||"150",alt:p(r,"blog-card"),className:"aspect-video rounded object-cover"})})}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col px-3 group-hover:bg-[#04161F]",children:[(0,a.jsx)("div",{className:"mb-2 mt-3 flex flex-wrap gap-x-2",children:b?.items?.map(t=>a.jsx("p",{className:"font-geist-mono text-caption font-extralight uppercase text-brand-green-500",children:t?.name},t?.name))}),(0,a.jsx)(n.default,{href:`/blog/${l}`,children:(0,a.jsx)("p",{className:"mb-2 line-clamp-2 text-lg font-extralight leading-[1.3] text-white",children:g})}),(0,a.jsx)("p",{className:"mb-2 line-clamp-2 font-extralight leading-5 text-[#F2F1EE]",children:o}),(0,a.jsxs)("div",{className:"my-4",children:[!c&&s?.items?.map((t,l)=>0===l&&a.jsxs("div",{className:"flex items-center",children:[a.jsx("div",{className:"mr-4 size-10 overflow-hidden rounded-full bg-gray-300",children:t?.headshot&&a.jsx(i.default,{src:t?.headshot?.url||"/",width:t?.headshot?.width||"40",height:t?.headshot?.height||"40",alt:p(t?.headshot,"author-image"),className:"max-h-[40px] max-w-[40px] rounded-full"})}),a.jsxs("div",{children:[a.jsx("p",{className:"font-geist-mono text-caption font-extralight !text-[#fff]",children:t?.fullName}),a.jsx("p",{className:"font-geist-mono text-caption !text-[#fff]",children:h(d||e.firstPublishedAt)})]})]},t?.fullName)),c&&(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("div",{className:"mr-4 size-10 overflow-hidden rounded-full bg-gray-300",children:c?.headshot&&(0,a.jsx)(i.default,{src:c?.headshot?.url||"/",width:c?.headshot?.width||"40",height:c?.headshot?.height||"40",alt:p(c?.headshot,"author-image"),className:"max-h-[40px] max-w-[40px] rounded-full"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-geist-mono text-caption font-extralight text-white",children:c?.fullName}),(0,a.jsx)("p",{className:"font-geist-mono text-caption text-white",children:h(d||e.firstPublishedAt)})]})]},c?.fullName)]})]})]},g)},o=l(47907),d=t=>{let{filterNavData:e}=t,l=(0,o.usePathname)(),i=(0,o.useRouter)(),[p,g]=(0,r.useState)(l),d=t=>{g(t)};return(0,r.useEffect)(()=>{p&&i.push(p)}

1,[p]),(0,a.jsxs)("div",{className:"flex w-full items-center gap-2.5 border-t border-solid pt-8 font-geist text-caption md:border-b md:border-t-0 md:pb-2.5 md:pt-0 lg:gap-4",children:[(0,a.jsx)(n.default,{href:"/blog",className:`relative hidden md:block md:text-md lg:text-base ${"/blog/"===l?"font-extralight text-[#AEDE54]":"text-white opacity-65"}`,children:"View all"}),e?.map(t=>{let e=l===t?.link+"/";return a.jsx(n.default,{href:t?.link||"",className:`relative hidden md:block md:text-md lg:text-base ${e?"font-extralight text-[#9059FF] md:after:absolute md:after:-bottom-3.5 md:after:left-0 md:after:h-1.5 md:after:w-full md:after:bg-gradient-to-r md:after:from-[#9059FF] md:after:to-[#AEDE54]":"text-white opacity-65"}`,children:t?.label},t?.label)}),(0,a.jsxs)("select",{value:p,onChange:t=>d(t.target.value),className:"block w-full rounded border border-[#D5D5D5] bg-[#F5F5F7] p-2 font-geist text-caption text-black md:hidden lg:pr-10",children:[(0,a.jsx)("option",{value:"/blog/",children:"View All"}),e?.map(t=>a.jsx("option",{value:t?.link+"/"||0,children:t?.label},t?.label))]})]})},s=t=>{let{filterNavData:e,data:l,hideGrid:i,isFirstPage:n}=t,[p,o]=(0,r.useState)("latest");if(!l)return null;let s=[...l];"latest"===p?s.sort((t,e)=>new Date(e?.publishDate||"").getTime()-new Date(t?.publishDate||"").getTime()):"oldest"===p&&s.sort((t,e)=>new Date(t?.publishDate||"").getTime()-new Date(e?.publishDate||"").getTime());let b=n?s.slice(0,9):s,c=t=>{o(t)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex flex-col items-end justify-between gap-10 md:mb-20 md:flex-row md:gap-3",children:[(0,a.jsx)(d,{filterNavData:e}),!i&&(0,a.jsx)("div",{children:(0,a.jsxs)("select",{onChange:t=>c(t.target.value),className:"hidden rounded border border-[#D5D5D5] bg-[#f5f5f7] p-2 font-geist text-caption text-black md:block lg:w-52 lg:pr-10",children:[(0,a.jsx)("option",{value:"latest",children:"Latest Stories"}),(0,a.jsx)("option",{value:"oldest",children:"Oldest Stories"})]})})]}),!i&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"-mx-3 grid grid-cols-1 gap-x-[6px] gap-y-12 sm:grid-cols-2 lg:grid-cols-3",children:0===b.length?(0,a.jsx)("p",{className:"px-3 font-extralight italic",children:"No results found."}):b.map(t=>(0,a.jsx)(g,{...t},t?.slug))})})]})}},5125:function(t,e,l){var a=l(57437),r=l(49769),i=l(73173);let n=(0,r.j)([""],{variants:{backgroundColor:{white:["bg-white"],gray200:["bg-gray-200"],lightGray:["bg-[#f5f5f7]"],lightGray100:["bg-lightgray-100"],purple:["bg-[#502482]"],lightPurple:["bg-[#f3efff]"],gradientBlueShade:["bg-gradient-to-t from-[#180e32] to-[#0037a5]"],gradientGreenBlue:["bg-gradient-to-r from-[#37a806] to-[#0788ff]"],gradientWhitePurple:["bg-gradient-to-r from-white to-electric-purple-100"],gradientPurpleBlackShade:["gradientPurpleBlackShade bg-[radial-gradient(at_53%_1%,#170f29_0,transparent_50%),radial-gradient(at_53%_1%,#170f29_0,transparent_50%)]"],deepPurple:["bg-deep-purple-100"],black100:["bg-black-100"],black200:["bg-black-200"],black:["bg-black"],gradientWhitePurpleTop:["bg-gradient-to-b from-[#f8f6fe] to-[#cfbfff]"],gray1100:["bg-gray-1100"],darkGray400:["bg-black-100"],gradientPurpleBlueTop:["bg-[radial-gradient(at_0_68%,#9e5bfb_0,transparent_50%),radial-gradient(at_43%_41%,#0836a0_0,transparent_50%),radial-gradient(at_40%_20%,#2034cb_0,transparent_50%),radial-gradient(at_55%_88%,#0836a0_0,transparent_50%),radial-gradient(at_84%_10%,#092f81_0,transparent_50%),radial-gradient(at_7%_92%,#9e5bfb_0,transparent_50%),radial-gradient(at_80%_87%,#5737f6_0,transparent_50%),radial-gradient(at_0_0,#2037cb_0,transparent_50%)]"],electricPurple900:["bg-electric-purple-900"],halfBlackhalfGray:["bg-gradient-to-t from-[#E3E2E6] from-50% to-black to-50% lg:bg-gradient-to-l"],halfBlackhalfLightGray:["bg-gradient-to-t from-[#F2F1EE] from-50% to-black to-50% lg:bg-gradient-to-l"],halfWhitehalfBlack:["bg-white lg:bg-[linear-gradient(to_right,#fff_55%,#000_55%)]"],halfBlackhalfWhite:["bg-black lg:bg-[linear-gradient(to_right,#000_45%,#fff_45%)]"],halfGreyhalfBlack:["bg-[#f5f5f7] lg:bg-[linear-gradient(to_right,_#f5f5f7_0%,_#f5f5f7_55%,_#000_5

15%,_#000_100%)]"],halfGreyhalfWhite:["bg-[#f5f5f7] lg:bg-[linear-gradient(to_right,_#f5f5f7_0%,_#f5f5f7_45%,_#fff_45%,_#fff_100%)]"],GreyGradientVertical:["bg-[#fefefe] lg:bg-[linear-gradient(to_bottom,#fefefe_0%,#f5f7f9_100%)]"],halfWhitehalfBlack2:["bg-white lg:bg-[linear-gradient(to_right,#fff_50%,#000_50%)]"],neutral100:["bg-neutral-100"],StickyNavCareer:["lg:sticky lg:top-[82px] lg:z-40"]},backgroundPosition:{bottom:["bg-bottom"],center:["bg-center"],left:["bg-left"],"left-bottom":["bg-left-bottom"],"left-top":["bg-left-top"],right:["bg-right"],"right-bottom":["bg-right-bottom"],"right-top":["bg-right-top"],top:["bg-top"],"custom-center-130px":["bg-[center_130px]"],"bottom-right":["position-right-bottom"]},backgroundSize:{auto:["bg-auto"],cover:["bg-cover"],contain:["bg-contain"],"cover-70":["bg-cover-70"],"774px":["bg-774px"]},backgroundAttachment:{fixed:["bg-fixed"],local:["bg-local"],scroll:["bg-scroll"]}}}),p=(0,r.j)(["mx-auto","px-3",""],{variants:{fullWidth:{true:["max-w-full"],false:["xl:max-w-[1140px]","2xl:max-w-[1320px]"]},paddingTopDesktop:{0:["lg:pt-0"],"0.5":["lg:pt-0.5"],1:["lg:pt-1"],"1.5":["lg:pt-1.5"],2:["lg:pt-2"],"2.5":["lg:pt-2.5"],3:["lg:pt-3"],"3.5":["lg:pt-3.5"],4:["lg:pt-4"],5:["lg:pt-5"],6:["lg:pt-6"],7:["lg:pt-7"],8:["lg:pt-8"],9:["lg:pt-8"],10:["lg:pt-10"],11:["lg:pt-11"],12:["lg:pt-12"],14:["lg:pt-14"],16:["lg:pt-16"],20:["lg:pt-20"],24:["lg:pt-24"],28:["lg:pt-28"],32:["lg:pt-32"],36:["lg:pt-36"],40:["lg:pt-40"],44:["lg:pt-44"],48:["lg:pt-48"],52:["lg:pt-52"],56:["lg:pt-56"],60:["lg:pt-60"],64:["lg:pt-64"],72:["lg:pt-72"],80:["lg:pt-80"],96:["lg:pt-96"],px:["pt-px"]},paddingTopMobile:{0:["pt-0"],"0.5":["pt-0.5"],1:["pt-1"],"1.5":["pt-1.5"],2:["pt-2"],"2.5":["pt-2.5"],3:["pt-3"],"3.5":["pt-3.5"],4:["pt-4"],5:["pt-5"],6:["pt-6"],7:["pt-7"],8:["pt-8"],9:["pt-8"],10:["pt-10"],11:["pt-11"],12:["pt-12"],14:["pt-14"],16:["pt-16"],20:["pt-20"],24:["pt-24"],28:["pt-28"],32:["pt-32"],36:["pt-36"],40:["pt-40"],44:["pt-44"],48:["pt-48"],52:["pt-52"],56:["pt-56"],60:["pt-60"],64:["pt-64"],72:["pt-72"],80:["pt-80"],96:["pt-96"],px:["pt-px"]},paddingBottomDesktop:{0:["lg:pb-0"],"0.5":["lg:pb-0.5"],1:["lg:pb-1"],"1.5":["lg:pb-1.5"],2:["lg:pb-2"],"2.5":["lg:pb-2.5"],3:["lg:pb-3"],"3.5":["lg:pb-3.5"],4:["lg:pb-4"],5:["lg:pb-5"],6:["lg:pb-6"],7:["lg:pb-7"],8:["lg:pb-8"],9:["lg:pb-8"],10:["lg:pb-10"],11:["lg:pb-11"],12:["lg:pb-12"],14:["lg:pb-14"],16:["lg:pb-16"],20:["lg:pb-20"],24:["lg:pb-24"],28:["lg:pb-28"],32:["lg:pb-32"],36:["lg:pb-36"],40:["lg:pb-40"],44:["lg:pb-44"],48:["lg:pb-48"],52:["lg:pb-52"],56:["lg:pb-56"],60:["lg:pb-60"],64:["lg:pb-64"],72:["lg:pb-72"],80:["lg:pb-80"],96:["lg:pb-96"],px:["lg:pb-px"]},paddingBottomMobile:{0:["pb-0"],"0.5":["pb-0.5"],1:["pb-1"],"1.5":["pb-1.5"],2:["pb-2"],"2.5":["pb-2.5"],3:["pb-3"],"3.5":["pb-3.5"],4:["pb-4"],5:["pb-5"],6:["pb-6"],7:["pb-7"],8:["pb-8"],9:["pb-8"],10:["pb-10"],11:["pb-11"],12:["pb-12"],14:["pb-14"],16:["pb-16"],20:["pb-20"],24:["pb-24"],28:["pb-28"],32:["pb-32"],36:["pb-36"],40:["pb-40"],44:["pb-44"],48:["pb-48"],52:["pb-52"],56:["pb-56"],60:["pb-60"],64:["pb-64"],72:["pb-72"],80:["pb-80"],96:["pb-96"],px:["pb-px"]},noPadding:{noPaddingAll:["no-padding"],noPaddingX:["px-0 sm:px-0 lg:px-0"],noPaddingY:["py-0 sm:py-0 lg:py-0"]}}});e.ZP=t=>{let{children:e,className:l,wrapperClass:r,backgroundImage:g,removeMobileBackgroundImage:o,fullWidth:d=!1,noPadding:s,backgroundColor:b,backgroundPosition:c="center",paddingTopDesktop:h="16",paddingTopMobile:f="6",paddingBottomDesktop:m="16",paddingBottomMobile:x="6",backgroundSize:u="cover",backgroundAttachment:_,...v}=t,j=g?.url?.includes(".mp4")||g?.url?.includes(".mov");return(0,a.jsxs)("div",{className:(0,i.m)(r,"contain-layout relative bg-no-repeat",j&&"overflow-hidden",n({backgroundColor:b,backgroundPosition:c,backgroundSize:u,backgroundAttachment:_}),o&&"mobile-bg-none"),style:g?.url&&!j?{backgroundImage:`url(${g?.url})`}:{},children:[j&&(0,a.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"absolute min-h-full w-auto min-w-full max-w-none",children:(0,a.jsx)("source",{src:g?.url||"",type:"video/mp4"})}),(0,a.jsx)("section",{className:(0,i.m)(p({className:l,fullWidth:d,noPadding:s,paddingTopDesktop:h,paddingTopMobile:f,paddingBottomDesktop:m,paddingBottomMobile:x})),...v,children:e})]})}}}]);