https://21st.dev/_next/static/chunks/75804-3f18988c4a53cd4d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75804],{38646:(e,t,r)=>{r.d(t,{o:()=>n});var l=r(519276);function n(e,t){if(!e||e.startsWith("/")||e.startsWith("data:"))return e;let r=Math.max(40,Math.round(2*t));if((0,l.VH)(e))return(0,l.K$)(e,r);try{let t=new URL(e);if(!(t.hostname.endsWith(".supabase.co")&&t.pathname.includes("/storage/v1/object/public/")))return e;return t.pathname=t.pathname.replace("/storage/v1/object/public/","/storage/v1/render/image/public/"),t.searchParams.set("width",String(r)),t.searchParams.set("height",String(r)),t.searchParams.set("resize","cover"),t.searchParams.set("quality","75"),t.href}catch{return e}}},329124:(e,t,r)=>{r.d(t,{N:()=>n,O:()=>a});let l=new Map;function n(e){let t=l.get(e);return t||(t=fetch(`/api/og-preview?url=${encodeURIComponent(e)}`).then(e=>e.ok?e.json():null).then(e=>{if(e?.image&&"u">typeof Image){let t=new Image;t.decoding="async",t.src=e.image}return e}).catch(()=>null),l.set(e,t)),t}function a(e){try{return new URL(e).hostname.replace(/^www\./,"")}catch{return e}}},431631:(e,t,r)=>{r.d(t,{P:()=>u});var l=r(465915),n=r(501277),a=r(373277),s=r(71500),i=r(913649),o=r(528688),c=r(201147);function u(e){let t,r,u,d,m=(0,n.c)(49),{user:f,className:h,tone:x,onShownChange:p}=e,{track:g}=(0,c.n)();if(m[0]!==f.bio||m[1]!==f.display_image_url||m[2]!==f.github_url||m[3]!==f.image_url||m[4]!==f.name||m[5]!==f.pro_referral_url||m[6]!==f.twitter_url||m[7]!==f.website_url){if(t=[],f.twitter_url){let e,r,n,s,o,c=f.twitter_url;m[9]===Symbol.for("react.memo_cache_sentinel")?(e=(0,l.jsx)(a.Fi,{className:"h-3.5 w-3.5"}),m[9]=e):e=m[9],m[10]!==f.twitter_url?(r=(0,i.JF)(f.twitter_url),m[10]=f.twitter_url,m[11]=r):r=m[11];let u=f.display_image_url||f.image_url;m[12]!==u||m[13]!==f.bio||m[14]!==f.name?(n={name:f.name,avatar:u,bio:f.bio},m[12]=u,m[13]=f.bio,m[14]=f.name,m[15]=n):n=m[15],m[16]!==r||m[17]!==n?(s=(0,l.jsx)(i.Op,{handle:r,fallback:n}),m[16]=r,m[17]=n,m[18]=s):s=m[18],m[19]!==s||m[20]!==f.twitter_url?(o={key:"x",href:c,label:"X profile",icon:e,card:s},m[19]=s,m[20]=f.twitter_url,m[21]=o):o=m[21],t.push(o)}if(f.github_url){let e,r,n,s,o=f.github_url;m[22]===Symbol.for("react.memo_cache_sentinel")?(e=(0,l.jsx)(a.Hk,{className:"h-4 w-4"}),m[22]=e):e=m[22],m[23]!==f.github_url?(r=(0,i.JF)(f.github_url),m[23]=f.github_url,m[24]=r):r=m[24],m[25]!==r?(n=(0,l.jsx)(i.tm,{login:r}),m[25]=r,m[26]=n):n=m[26],m[27]!==n||m[28]!==f.github_url?(s={key:"github",href:o,label:"GitHub profile",icon:e,card:n},m[27]=n,m[28]=f.github_url,m[29]=s):s=m[29],t.push(s)}if(f.website_url&&!f.pro_referral_url){let e,r,n,a;m[30]!==f.website_url?(e=(0,o.CG)(f.website_url,"ref","21st.dev"),m[30]=f.website_url,m[31]=e):e=m[31],m[32]===Symbol.for("react.memo_cache_sentinel")?(r=(0,l.jsx)(s.fCU,{className:"h-4 w-4"}),m[32]=r):r=m[32],m[33]!==f.website_url?(n=(0,l.jsx)(i.uQ,{url:f.website_url}),m[33]=f.website_url,m[34]=n):n=m[34],m[35]!==e||m[36]!==n?(a={key:"website",href:e,label:"Website",icon:r,card:n},m[35]=e,m[36]=n,m[37]=a):a=m[37],t.push(a)}m[0]=f.bio,m[1]=f.display_image_url,m[2]=f.github_url,m[3]=f.image_url,m[4]=f.name,m[5]=f.pro_referral_url,m[6]=f.twitter_url,m[7]=f.website_url,m[8]=t}else t=m[8];if(0===t.length)return null;let b="light"===(void 0===x?"muted":x)?"p-1.5 -m-1.5 rounded-md text-white/55 hover:text-white transition-[color,scale] duration-150 ease-in-out active:scale-[0.97]":"p-1.5 -m-1.5 rounded-md text-muted-foreground hover:text-foreground transition-[color,scale] duration-150 ease-in-out active:scale-[0.97]";return m[38]!==h?(r=(0,o.cn)("flex items-center gap-4",h),m[38]=h,m[39]=r):r=m[39],m[40]!==b||m[41]!==t||m[42]!==g||m[43]!==f.id?(u=t.map((e,t)=>(0,l.jsx)(i.aK,{index:t,card:e.card,href:e.href,label:e.label,className:b,onClick:()=>g("entity.external_open",{entityType:"profile",entityId:f.id,properties:{link:e.key}}),children:e.icon},e.key)),m[40]=b,m[41]=t,m[42]=g,m[43]=f.id,m[44]=u):u=m[44],m[45]!==p||m[46]!==r||m[47]!==u?(d=(0,l.jsx)(i.RF,{className:r,onShownChange:p,children:u}),m[45]=p,m[46]=r,m[47]=u,m[48]=d):d=m[48],d}},443113:(e,t,r)=>{r.d(t,{W:()=>u});var l=r(465915),n=r(501277),a=r(882315),s=r(935232),i=r(873588),o=r(800779),c=r(528688);function u(e){let t,r,u,d,m,f,h,x,p,g=(0,n.c)(35),{userId:b,initialIsFollowing:v,size:w,className:_,onFollowChange:j}=e,N=void 0!==v&&v,y=void 0===w?"default":w,{isSignedIn:S,userId:k}=(0,s.d)(),[C,U]=(0,a.useState)(!1),[M,$]=(0,a.useState)(null);g[0]!==b?(t={userId:b},g[0]=b,g[1]=t):t=g[1];let z=!!S&&k!==b;g[2]!==N||g[3]!==z?(r={enabled:z,initialData:N},g[2]=N,g[3]=z,g[4]=r):r=g[4];let{data:E}=i.api.follows.isFollowing.useQuery(t,r),R=M??E,T=i.api.useUtils();g[5]!==R||g[6]!==j?(u=async()=>{let e=!R;$(e),j?.(e)},g[5]=R,g[6]=j,g[7]=u):u=g[7],g[8]!==j||g[9]!==b||g[10]!==T?(d=e=>

1{$(null),T.follows.isFollowing.invalidate({userId:b}),T.follows.getFollowCounts.invalidate({userId:b}),j?.("followed"===e.action)},g[8]=j,g[9]=b,g[10]=T,g[11]=d):d=g[11],g[12]===Symbol.for("react.memo_cache_sentinel")?(m=()=>{$(null)},g[12]=m):m=g[12],g[13]!==u||g[14]!==d?(f={onMutate:u,onSuccess:d,onError:m},g[13]=u,g[14]=d,g[15]=f):f=g[15];let F=i.api.follows.toggleFollow.useMutation(f);if(!S||k===b)return null;g[16]!==F||g[17]!==b?(h=e=>{e.stopPropagation(),e.preventDefault(),F.isPending||F.mutate({userId:b})},g[16]=F,g[17]=b,g[18]=h):h=g[18];let L=h;if(R){let e,t,r,n,a=C&&"border-destructive text-destructive hover:bg-destructive/10";g[19]!==_||g[20]!==a?(e=(0,c.cn)("min-w-[100px] transition-colors",a,_),g[19]=_,g[20]=a,g[21]=e):e=g[21],g[22]===Symbol.for("react.memo_cache_sentinel")?(t=()=>U(!0),r=()=>U(!1),g[22]=t,g[23]=r):(t=g[22],r=g[23]);let s=C?"Unfollow":"Following";return g[24]!==L||g[25]!==y||g[26]!==e||g[27]!==s?(n=(0,l.jsx)(o.$,{variant:"outline",size:y,className:e,onClick:L,onMouseEnter:t,onMouseLeave:r,children:s}),g[24]=L,g[25]=y,g[26]=e,g[27]=s,g[28]=n):n=g[28],n}return g[29]!==_?(x=(0,c.cn)("min-w-[100px]",_),g[29]=_,g[30]=x):x=g[30],g[31]!==L||g[32]!==y||g[33]!==x?(p=(0,l.jsx)(o.$,{variant:"default",size:y,className:x,onClick:L,children:"Follow"}),g[31]=L,g[32]=y,g[33]=x,g[34]=p):p=g[34],p}},675804:(e,t,r)=>{r.d(t,{H:()=>w,I:()=>b});var l=r(465915),n=r(501277),a=r(910410),s=r.n(a),i=r(882315),o=r(528688),c=r(38646),u=r(873588),d=r(69401),m=r(168657),f=r(858546),h=r(222681),x=r(211033),p=r(443113),g=r(431631);function b(e){let t,r,a,c,b,w,_,j,N,y,S,k,C,U,M,$,z,E,R,T,F,L,I,D,P,H,O,W=(0,n.c)(78),{user:B,children:q,onOpenChange:A}=e,[J,K]=(0,i.useState)(!1),[Q,V]=(0,i.useState)(!1),G=(0,i.useRef)(!1),Z=(0,h.A)();W[0]!==Q||W[1]!==A?(t=e=>{(e||!Q)&&(K(e),A?.(e))},W[0]=Q,W[1]=A,W[2]=t):t=W[2];let X=t;W[3]!==J||W[4]!==Q||W[5]!==A?(r=()=>{Q||G.current||!J||(K(!1),A?.(!1))},W[3]=J,W[4]=Q,W[5]=A,W[6]=r):r=W[6],W[7]!==Q?(a=[Q],W[7]=Q,W[8]=a):a=W[8],(0,i.useEffect)(r,a);let Y=B.id||"";W[9]!==Y?(c={userId:Y},W[9]=Y,W[10]=c):c=W[10];let ee=!!B.id&&J;W[11]!==ee?(b={enabled:ee,staleTime:3e5},W[11]=ee,W[12]=b):b=W[12];let{data:et}=u.api.demos.getUserMedalStats.useQuery(c,b),er=B.id||"";W[13]!==er?(w={userId:er},W[13]=er,W[14]=w):w=W[14];let el=!!B.id&&J;W[15]!==el?(_={enabled:el,staleTime:3e5},W[15]=el,W[16]=_):_=W[16];let{data:en}=u.api.users.getHoverCardProfile.useQuery(w,_),ea=B.id||B.username||B.name||"user",es=en?.bio??B.bio,ei=en?.joinedAt??B.created_at,eo=!!(en?.twitterUrl||en?.githubUrl||en?.websiteUrl);W[17]!==en||W[18]!==B.display_image_url||W[19]!==B.display_username||W[20]!==B.id||W[21]!==B.image_url||W[22]!==B.name||W[23]!==B.username?(j=en?{id:B.id,username:B.username,display_username:B.display_username??null,name:B.name,image_url:B.image_url,display_image_url:B.display_image_url,bio:en.bio,website_url:en.websiteUrl,github_url:en.githubUrl,twitter_url:en.twitterUrl,donation_url:null,pro_referral_url:null,manually_added:!1}:null,W[17]=en,W[18]=B.display_image_url,W[19]=B.display_username,W[20]=B.id,W[21]=B.image_url,W[22]=B.name,W[23]=B.username,W[24]=j):j=W[24];let ec=j;W[25]!==q?(N=(0,l.jsx)(f.d0,{asChild:!0,children:q}),W[25]=q,W[26]=N):N=W[26],W[27]===Symbol.for("react.memo_cache_sentinel")?(y=()=>{G.current=!0},S=()=>{G.current=!1},W[27]=y,W[28]=S):(y=W[27],S=W[28]);let eu=`/@${B.username}`;W[29]===Symbol.for("react.memo_cache_sentinel")?(k={borderRadius:"30%",cornerShape:"superellipse(1.25)",boxShadow:"0 .5px 1px #00000040, inset 0 -3px 4px #00000005"},W[29]=k):k=W[29];let ed=B.display_image_url||B.image_url||void 0,em=B.name||"User avatar";W[30]!==ed||W[31]!==em?(C=(0,l.jsx)(d.BK,{src:ed,alt:em}),W[30]=ed,W[31]=em,W[32]=C):C=W[32],W[33]!==ea||W[34]!==B.name?(U=(0,l.jsx)(d.q5,{className:"bg-transparent p-0",children:(0,l.jsx)(m.VM,{seed:ea,name:B.name,size:36,shape:"squircle"})}),W[33]=ea,W[34]=B.name,W[35]=U):U=W[35],W[36]!==C||W[37]!==U?(M=(0,l.jsxs)(d.eu,{className:"h-9 w-9 shrink-0",style:k,children:[C,U]}),W[36]=C,W[37]=U,W[38]=M):M=W[38];let ef=B.name||B.username;return W[39]!==ef?($=(0,l.jsx)("span",{className:"text-[13px] font-medium text-popover-foreground truncate",children:ef}),W[39]=ef,W[40]=$):$=W[40],W[41]!==et?(z=et&&et.total>0&&(0,l.jsx)(x.$,{gold:et.gold,silver:et.silver,bronze:et.bronze}),W[41]=et,W[42]=z):z=W[42],W[43]!==$||W[44]!==z?(E=(0,l.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[$,z]}),W[43]=$,W[44]=z,W[45]=E):E=W[45],W[46]!==en||W[47]!==B.username?(R=en?`${(0,o.eX)(en.followersCount)} ${1===en.followersCount?"follower":"followers"}`:`@${B.username}`,W[46]=en,W[47]=B.username,W[48]=R):R=W[48],W[49]!==R?(T=(0,l.jsx)("span",{className:"text-xs text-muted-foreground truncate",children:R}),W[49]=R,W[50]=T):T=W[50],W[51]!==E||W[52]!==T?(F=(0,l.jsxs)("div",{className:"flex flex-col min-w-0",children:[E,T]}),W[51]=E,W[52]=T,W[53]=F):F=W[53],W[54]!==Z||W[55]!==eu||W[56]!==M||W[57]!==F?(L=(0,l.jsxs)(s(),{href:eu,className:"flex min-w-0 flex-1 items-center gap-2.5 no-underline cursor-pointer",...Z,children:[M,F]}),W[54]=Z,W[55]=eu,W[56]=M,W[57]=F,W[58]=L):L=W[58],W[59]!==B.id?(I=B.id&&(0,l.jsx)(p.W,{userId:B.id,size:"sm",className:"h-7 min-w-0 shrink-0 px-2.5 text-xs"}),W[59]=B.id,W[60]=I):I=W[60],W[61]!==L||W[62]!==I?(D=(0,l.jsxs)("div",{className:"flex items-center gap-2.5",children:[L,I]}),W[61]=L,W[62]=I,W[63]=D):D=W[63],W[64]!==es||W[65]!==eo||W[66]!==ei||W[67]!==en||W[68]!==ec?(P=(es||ei||eo||en?.hireUrl)&&(0,l.jsxs)("div",{className:"mt-2 flex flex-col gap-2 border-t border-border/50 pt-2",children:[es&&(0,l.jsx)("p",{className:"text-xs text-muted-foreground line-clamp-2 leading-relaxed",children:es}),ei&&(0,l.jsxs)("span",{className:"text-[11px] text-muted-foreground

1/70",children:["Joined ",(0,o.Yq)(new Date(ei))]}),(eo||en?.hireUrl)&&(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[eo&&(0,l.jsx)(g.P,{user:ec,onShownChange:V}),en?.hireUrl&&(0,l.jsx)("a",{href:en.hireUrl,target:"_blank",rel:"noopener noreferrer",onClick:v,className:"ml-auto rounded-md bg-emerald-500/10 px-2 py-0.5 text-[11px] font-medium text-emerald-500 transition-[background-color,scale] duration-150 hover:bg-emerald-500/20 active:scale-[0.97]",children:en.hireLabel})]})]}),W[64]=es,W[65]=eo,W[66]=ei,W[67]=en,W[68]=ec,W[69]=P):P=W[69],W[70]!==D||W[71]!==P?(H=(0,l.jsxs)(f.Et,{align:"start",side:"bottom",onPointerEnter:y,onPointerLeave:S,className:"w-[260px] rounded-lg border border-border bg-popover p-3 shadow-lg dark",children:[D,P]}),W[70]=D,W[71]=P,W[72]=H):H=W[72],W[73]!==J||W[74]!==X||W[75]!==N||W[76]!==H?(O=(0,l.jsxs)(f.jc,{open:J,onOpenChange:X,children:[N,H]}),W[73]=J,W[74]=X,W[75]=N,W[76]=H,W[77]=O):O=W[77],O}function v(e){return e.stopPropagation()}function w(e){let t,r,a,i,u,f,x,p,g,v,w,_,j,N,y,S,k,C,U,M=(0,n.c)(46);M[0]!==e?({src:f,alt:t,size:p,user:w,isClickable:a,className:r,skipLink:g,tabIndex:v,onHoverCardOpenChange:i,style:x,...u}=e,M[0]=e,M[1]=t,M[2]=r,M[3]=a,M[4]=i,M[5]=u,M[6]=f,M[7]=x,M[8]=p,M[9]=g,M[10]=v,M[11]=w):(t=M[1],r=M[2],a=M[3],i=M[4],u=M[5],f=M[6],x=M[7],p=M[8],g=M[9],v=M[10],w=M[11]);let $=void 0===p?40:p,z=void 0!==g&&g,E=(0,h.A)(),R=f||w?.display_image_url||w?.image_url,T=R&&"/placeholder.svg"!==R?R:void 0;M[12]!==T||M[13]!==$?(_=T?(0,c.o)(T,$):void 0,M[12]=T,M[13]=$,M[14]=_):_=M[14];let F=_,L=t||w?.name||"User avatar",I=w?.id||w?.username||L,D=x?.borderRadius&&"50%"!==x.borderRadius?"squircle":"circle",P=a&&"cursor-pointer";M[15]!==r||M[16]!==P?(j=(0,o.cn)("group shadow-base",P,r),M[15]=r,M[16]=P,M[17]=j):j=M[17],M[18]!==$||M[19]!==x?(N={width:$,height:$,...x},M[18]=$,M[19]=x,M[20]=N):N=M[20],M[21]!==L||M[22]!==F?(y=(0,l.jsx)(d.BK,{src:F,alt:L}),M[21]=L,M[22]=F,M[23]=y):y=M[23];let H=w?.name||t;M[24]!==D||M[25]!==I||M[26]!==$||M[27]!==H?(S=(0,l.jsx)(d.q5,{className:"bg-transparent p-0",children:(0,l.jsx)(m.VM,{seed:I,name:H,size:$,shape:D})}),M[24]=D,M[25]=I,M[26]=$,M[27]=H,M[28]=S):S=M[28],M[29]!==u||M[30]!==j||M[31]!==N||M[32]!==y||M[33]!==S?(k=(0,l.jsxs)(d.eu,{className:j,style:N,...u,children:[y,S]}),M[29]=u,M[30]=j,M[31]=N,M[32]=y,M[33]=S,M[34]=k):k=M[34];let O=k;if(!w)return O;M[35]!==O||M[36]!==a||M[37]!==E||M[38]!==z||M[39]!==v||M[40]!==w?(C=a&&!z?(0,l.jsx)(s(),{href:`/@${w.username}`,prefetch:!1,tabIndex:v,className:"no-underline rounded-full inline-block transition-[scale] duration-150 active:scale-[0.97] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-primary/50",...E,children:O}):O,M[35]=O,M[36]=a,M[37]=E,M[38]=z,M[39]=v,M[40]=w,M[41]=C):C=M[41];let W=C;return M[42]!==i||M[43]!==w||M[44]!==W?(U=(0,l.jsx)(b,{user:w,onOpenChange:i,children:W}),M[42]=i,M[43]=w,M[44]=W,M[45]=U):U=M[45],U}},913649:(e,t,r)=>{r.d(t,{JF:()=>v,Op:()=>y,RF:()=>x,aK:()=>b,tm:()=>_,uQ:()=>S});var l=r(465915),n=r(501277),a=r(882315),s=r(910410),i=r.n(s),o=r(530794),c=r(446939),u=r(513429),d=r(373277),m=r(329124),f=r(528688);let h=(0,a.createContext)(null);function x(e){let t,r,s,i,c,u,d,m,x,b,v,w,_,j,N,y,S,k,C,U,M=(0,n.c)(45),{children:$,className:z,onShownChange:E}=e,[R,T]=(0,a.useState)(),[F,L]=(0,a.useState)(!1),[I,D]=(0,a.useState)(1),[P,H]=(0,a.useState)(),[O,W]=(0,a.useState)(0),[B,q]=(0,a.useState)(!1);M[0]===Symbol.for("react.memo_cache_sentinel")?(t={x:0,y:0,height:0,below:!1},M[0]=t):t=M[0];let[A,J]=(0,a.useState)(t),[K,Q]=(0,a.useState)(),V=(0,a.useRef)(null),G=(0,a.useRef)(null),Z=(0,a.useRef)(void 0),X=(0,a.useRef)(void 0);M[1]===Symbol.for("react.memo_cache_sentinel")?(r=()=>()=>{clearTimeout(Z.current),clearTimeout(X.current)},s=[],M[1]=r,M[2]=s):(r=M[1],s=M[2]),(0,a.useEffect)(r,s),M[3]!==E||M[4]!==F?(i=()=>{E?.(F)},c=[F,E],M[3]=E,M[4]=F,M[5]=i,M[6]=c):(i=M[5],c=M[6]),(0,a.useEffect)(i,c),M[7]===Symbol.for("react.memo_cache_sentinel")?(u=()=>{let e=G.current,t=V.current;if(!e||!t)return;let r=e.getBoundingClientRect(),l=e.ownerDocument.defaultView??window,n=t.offsetHeight,a=r.top-10-8,s=l.innerHe

1ight-r.bottom-10-8,i=a<280&&s>a;J({x:Math.min(Math.max(r.left+r.width/2,160),l.innerWidth-8-152),y:i?r.bottom+10:r.top-10,height:n,below:i})},M[7]=u):u=M[7];let Y=u;M[8]===Symbol.for("react.memo_cache_sentinel")?(d=()=>{Y()},M[8]=d):d=M[8],M[9]!==O||M[10]!==F?(m=[Y,O,F],M[9]=O,M[10]=F,M[11]=m):m=M[11],(0,a.useLayoutEffect)(d,m),M[12]===Symbol.for("react.memo_cache_sentinel")?(x=()=>{let e=V.current;if(!e||"u"<typeof ResizeObserver)return;let t=new ResizeObserver(()=>Y());return t.observe(e),()=>t.disconnect()},M[12]=x):x=M[12],M[13]!==O?(b=[Y,O],M[13]=O,M[14]=b):b=M[14],(0,a.useEffect)(x,b),M[15]!==P?(v=()=>{if(!P)return;let e=setTimeout(()=>H(void 0),420);return()=>clearTimeout(e)},w=[P],M[15]=P,M[16]=v,M[17]=w):(v=M[16],w=M[17]),(0,a.useEffect)(v,w),M[18]!==K||M[19]!==F?(_=()=>{if(!F||!K)return;let e=K.defaultView??window,t=()=>L(!1);return e.addEventListener("scroll",t,{capture:!0,passive:!0}),e.addEventListener("resize",t,{passive:!0}),()=>{e.removeEventListener("scroll",t,{capture:!0}),e.removeEventListener("resize",t)}},j=[F,K],M[18]=K,M[19]=F,M[20]=_,M[21]=j):(_=M[20],j=M[21]),(0,a.useEffect)(_,j),M[22]!==O||M[23]!==F?(N=(e,t,r)=>{clearTimeout(X.current),G.current=t,Q(t.ownerDocument),T(t=>{if(F&&t){if(e.index===t.index)return Y(),t;let r=Math.sign(e.index-t.index)||1;return H({card:t.card,direction:r,key:O}),D(r),q(!0),W(g),e}return q(!1),W(p),e}),F||Z.current||(Z.current=setTimeout(()=>{Z.current=void 0,L(!0)},void 0!==r&&r?0:120))},M[22]=O,M[23]=F,M[24]=N):N=M[24],M[25]===Symbol.for("react.memo_cache_sentinel")?(y=()=>{clearTimeout(Z.current),Z.current=void 0,clearTimeout(X.current),X.current=setTimeout(()=>{L(!1),H(void 0),q(!1)},160)},M[25]=y):y=M[25],M[26]!==N?(S={open:N,close:y},M[26]=N,M[27]=S):S=M[27];let ee=S;return M[28]!==$||M[29]!==z?(k=(0,l.jsx)("span",{className:z,children:$}),M[28]=$,M[29]=z,M[30]=k):k=M[30],M[31]!==ee||M[32]!==A||M[33]!==I||M[34]!==K||M[35]!==R?.card||M[36]!==O||M[37]!==B||M[38]!==P||M[39]!==F?(C=K&&(0,o.createPortal)((0,l.jsxs)("div",{"aria-hidden":!0,onMouseEnter:()=>clearTimeout(X.current),onMouseLeave:ee.close,style:{left:A.x,top:A.y,width:304,height:A.height||void 0},className:(0,f.cn)("social-card dark fixed z-[80] overflow-hidden rounded-xl border border-border/60 bg-popover text-popover-foreground shadow-canvas-border [contain:paint]",F?"pointer-events-auto":"pointer-events-none",A.below?"social-card--below":void 0,B&&"social-card--morphing",F&&"is-visible"),children:[P&&(0,l.jsx)("div",{onAnimationEnd:e=>{e.target===e.currentTarget&&H(void 0)},style:{"--social-card-dir":P.direction},className:"social-card__leaving absolute inset-x-0 top-0",children:P.card},`out-${P.key}`),(0,l.jsx)("div",{ref:V,style:{"--social-card-dir":I},className:(0,f.cn)("absolute inset-x-0 top-0",B&&"social-card__entering"),children:R?.card},`in-${O}`)]}),K.body),M[31]=ee,M[32]=A,M[33]=I,M[34]=K,M[35]=R?.card,M[36]=O,M[37]=B,M[38]=P,M[39]=F,M[40]=C):C=M[40],M[41]!==ee||M[42]!==k||M[43]!==C?(U=(0,l.jsxs)(h.Provider,{value:ee,children:[k,C]}),M[41]=ee,M[42]=k,M[43]=C,M[44]=U):U=M[44],U}function p(e){return e+1}function g(e){return e+1}function b(e){let t,r,s=(0,n.c)(15),{index:o,card:c,href:u,label:d,className:m,onClick:f,children:x}=e,p=(0,a.useContext)(h);s[0]!==c||s[1]!==p||s[2]!==o?(t=p?{onMouseEnter:e=>p.open({index:o,card:c},e.currentTarget),onMouseLeave:p.close,onFocus:e=>p.open({index:o,card:c},e.currentTarget,!0),onBlur:p.close}:{},s[0]=c,s[1]=p,s[2]=o,s[3]=t):t=s[3];let g=t;if(!u){let e;return s[4]!==x||s[5]!==m||s[6]!==g?(e=(0,l.jsx)("span",{className:m,...g,children:x}),s[4]=x,s[5]=m,s[6]=g,s[7]=e):e=s[7],e}return s[8]!==x||s[9]!==m||s[10]!==g||s[11]!==u||s[12]!==d||s[13]!==f?(r=(0,l.jsx)(i(),{href:u,target:"_blank",rel:"noopener","aria-label":d,className:m,onClick:f,...g,children:x}),s[8]=x,s[9]=m,s[10]=g,s[11]=u,s[12]=d,s[13]=f,s[14]=r):r=s[14],r}function v(e){try{let t=new URL(e).pathname.split("/").filter(Boolean)[0];return t?decodeURIComponent(t).replace(/^@/,""):null}catch{return null}}let w=new Map;function _(e){let t,r,s,i,o,c,u,m,f,h,x,p,g,b,v=(0,n.c)(36),{login:_}=e,[N,y]=(0,a.useState)(),[S,k]=(0,a.useState)(!1);

1v[0]!==_?(t=()=>{let e;if(!_)return;let t=!0;return k(!1),((e=w.get(_))||(e=fetch(`/api/github-profile?username=${encodeURIComponent(_)}`).then(e=>e.ok?e.json():null).catch(()=>null),w.set(_,e)),e).then(e=>t&&y(e)),()=>{t=!1}},r=[_],v[0]=_,v[1]=t,v[2]=r):(t=v[1],r=v[2]),(0,a.useEffect)(t,r);let U=!!_&&void 0===N,M=N?.type==="organization"&&"Organization";v[3]!==N?(s=N?.followers!=null&&`${C(N.followers)} followers`,v[3]=N,v[4]=s):s=v[4],v[5]!==N?(i=N?.repos!=null&&`${C(N.repos)} repos`,v[5]=N,v[6]=i):i=v[6],v[7]!==M||v[8]!==s||v[9]!==i?(o=[M,s,i].filter(Boolean),v[7]=M,v[8]=s,v[9]=i,v[10]=o):o=v[10];let $=o.join(" \xb7 ");$||($=N?.login?`@${N.login}`:"github.com"),v[11]!==S||v[12]!==N?(c=N?.avatarUrl&&!S?(0,l.jsx)("img",{src:N.avatarUrl,alt:"",onError:()=>k(!0),className:"size-9 shrink-0 rounded-full"}):(0,l.jsx)("span",{className:"flex size-9 shrink-0 items-center justify-center rounded-full bg-muted",children:(0,l.jsx)(d.Hk,{className:"h-4 w-4 text-muted-foreground"})}),v[11]=S,v[12]=N,v[13]=c):c=v[13];let z=N?.name||N?.login||_||"GitHub";return v[14]!==z?(u=(0,l.jsx)("div",{className:"truncate text-sm font-semibold leading-snug text-foreground",children:z}),v[14]=z,v[15]=u):u=v[15],v[16]!==U||v[17]!==$?(m=U?(0,l.jsx)("span",{className:"inline-block h-3 w-24 animate-pulse rounded bg-muted align-middle"}):$,v[16]=U,v[17]=$,v[18]=m):m=v[18],v[19]!==m?(f=(0,l.jsx)("div",{className:"mt-0.5 truncate text-[11px] text-muted-foreground",children:m}),v[19]=m,v[20]=f):f=v[20],v[21]!==f||v[22]!==u?(h=(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[u,f]}),v[21]=f,v[22]=u,v[23]=h):h=v[23],v[24]!==h||v[25]!==c?(x=(0,l.jsxs)("div",{className:"flex items-center gap-2.5",children:[c,h]}),v[24]=h,v[25]=c,v[26]=x):x=v[26],v[27]!==N?(p=N?.bio&&(0,l.jsx)("p",{className:"line-clamp-2 text-xs leading-relaxed text-muted-foreground",children:N.bio}),v[27]=N,v[28]=p):p=v[28],v[29]!==N||v[30]!==U?(g=(U||!!N?.counts.length)&&(0,l.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,l.jsx)(j,{counts:N?.counts,firstDate:N?.firstDate}),(0,l.jsx)("div",{className:"text-[11px] text-muted-foreground",children:U?(0,l.jsx)("span",{className:"inline-block h-3 w-40 animate-pulse rounded bg-muted align-middle"}):`${N.totalContributions.toLocaleString("en")} contributions in the last year`})]}),v[29]=N,v[30]=U,v[31]=g):g=v[31],v[32]!==x||v[33]!==p||v[34]!==g?(b=(0,l.jsxs)("div",{className:"flex flex-col gap-3 p-3",children:[x,p,g]}),v[32]=x,v[33]=p,v[34]=g,v[35]=b):b=v[35],b}function j(e){let t,r,s,i,o,c,u,d,m,h,x,p,g=(0,n.c)(31),{counts:b,firstDate:v}=e;e:{let e;if(!b?.length){t=null;break e}let r=Math.max(...b);if(g[0]!==b||g[1]!==r){let t;g[3]!==r?(t=e=>0===e||0===r?0:Math.max(1,Math.ceil(e/r*4)),g[3]=r,g[4]=t):t=g[4],e=b.map(t),g[0]=b,g[1]=r,g[2]=e}else e=g[2];t=e}let w=t,_=w?Math.ceil(w.length/7):53,j=(0,a.useRef)(null),N=(0,a.useRef)(null),y=(0,a.useRef)(null),[S,k]=(0,a.useState)(),[C,U]=(0,a.useState)(!1),M=(0,a.useRef)(!1);g[5]!==v?(r=v?new Date(`${v}T00:00:00Z`):null,g[5]=v,g[6]=r):r=g[6];let $=r;g[7]===Symbol.for("react.memo_cache_sentinel")?(s=new Intl.DateTimeFormat("en",{month:"short",day:"numeric",timeZone:"UTC"}),g[7]=s):s=g[7];let z=s;g[8]!==S?(i=()=>{let e=N.current,t=j.current,r=y.current;if(!e||!t||!r||!S)return;let l=r.offsetWidth+12,n=l/2,a=Math.min(Math.max(S.x,n),t.offsetWidth-n);M.current||(e.style.transition="none"),e.style.width=`${l}px`,e.style.left=`${a}px`,M.current||(e.style.transition="",M.current=!0)},o=[S],g[8]=S,g[9]=i,g[10]=o):(i=g[9],o=g[10]),(0,a.useLayoutEffect)(i,o),g[11]!==b||g[12]!==$?(c=e=>{if(!$||!b)return null;let t=b[e]??0,r=new Date($);return r.setUTCDate(r.getUTCDate()+e),`${0===t?"No":t} contribution${1===t?"":"s"} on ${z.format(r)}`},g[11]=b,g[12]=$,g[13]=c):c=g[13];let E=c;g[14]!==C||g[15]!==S?(u=S&&(0,l.jsx)("div",{ref:N,className:(0,f.cn)("social-card__tip pointer-events-none absolute bottom-full z-10 mb-1.5 h-[22px] overflow-hidden rounded-md border border-border/60 bg-popover text-[11px] leading-none text-foreground shadow-md",C&&"is-visible"),children:(0,l.jsx)("span",{ref:y,className:"social-card__tip-text absolute left-1.5 top-0 flex h-full items-center whitespace-nowrap",children:S.label},S.label)}),g[14]=C,g[15]=S,g[16]=u):u=g[16];let R=`repeat(${_}, minmax(0, 1fr))`;return g[17]!==R?(d={gridTemplateColumns:R},g[17]=R,g[18]=d):d=g[18],g[19]===Symbol.for("react.memo_cache_sentinel")?(m=()=>{U(!1),M.current=!1},g[19]=m):m=g[19],g[20]!==w||g[21]!==E||g[22]!==$||g[23]!==_?(h=Array.from({length:7*_},(e,t)=>{let r=w?.[t],n=!w,a=!!w&&t>=w.length;return(0,l.jsx)("span",{style:n?{animationDelay:`${24*Math.floor(t/7)}ms`}:void 0,onMouseEnter:a||n||!$?void 0:e=>{let r=j.current,l=E(t);if(!r||!l)return;let n=e.currentTarget.getBoundingClientRect(),a=r.getBoundingClientRect();k({x:n.left-a.left+n.width/2,label:l}),U(!0)},className:(0,f.cn)("aspect-square w-full rounded-[1.5px]",n?"social-card__dot bg-foreground

1/20":a?"":void 0===r||0===r?"bg-foreground/[0.08]":1===r?"bg-emerald-500/25":2===r?"bg-emerald-500/45":3===r?"bg-emerald-500/70":"bg-emerald-500")},t)}),g[20]=w,g[21]=E,g[22]=$,g[23]=_,g[24]=h):h=g[24],g[25]!==h||g[26]!==d?(x=(0,l.jsx)("div",{className:"grid w-full grid-flow-col grid-rows-7 gap-[2px]",style:d,onMouseLeave:m,children:h}),g[25]=h,g[26]=d,g[27]=x):x=g[27],g[28]!==x||g[29]!==u?(p=(0,l.jsxs)("div",{ref:j,className:"relative",children:[u,x]}),g[28]=x,g[29]=u,g[30]=p):p=g[30],p}let N=new Map;function y(e){let t,r,s,i,o,m,f,h,x,p,g,b,v,w,_=(0,n.c)(35),{handle:j,fallback:y}=e,[S,U]=(0,a.useState)();_[0]!==j?(t=()=>{let e;if(!j)return;let t=!0;return((e=N.get(j))||(e=fetch(`/api/x-profile?handle=${encodeURIComponent(j)}`).then(e=>e.ok?e.json():null).catch(()=>null),N.set(j,e)),e).then(e=>t&&U(e)),()=>{t=!1}},r=[j],_[0]=j,_[1]=t,_[2]=r):(t=_[1],r=_[2]),(0,a.useEffect)(t,r);let M=!!j&&void 0===S,$=S?.avatarUrl||y?.avatar,z=S?.name||y?.name||j,E=S?.bio??y?.bio;_[3]!==S?(s=S?.joined?new Intl.DateTimeFormat("en",{month:"long",year:"numeric",timeZone:"UTC"}).format(new Date(S.joined)):null,_[3]=S,_[4]=s):s=_[4];let R=s;return _[5]!==S?(i=S?.bannerUrl&&(0,l.jsx)(k,{src:S.bannerUrl}),_[5]=S,_[6]=i):i=_[6],_[7]!==i?(o=(0,l.jsx)("div",{className:"h-16 w-full overflow-hidden bg-gradient-to-br from-foreground

1/[0.12] to-foreground/[0.04]",children:i}),_[7]=i,_[8]=o):o=_[8],_[9]!==$?(m=(0,l.jsx)("div",{className:"-mt-11 mb-0.5 w-fit",children:$?(0,l.jsx)("img",{src:$,alt:"",className:"block size-14 rounded-full ring-4 ring-popover"}):(0,l.jsx)("span",{className:"flex size-14 items-center justify-center rounded-full bg-muted ring-4 ring-popover",children:(0,l.jsx)(d.Fi,{className:"h-4 w-4 text-muted-foreground"})})}),_[9]=$,_[10]=m):m=_[10],_[11]!==z?(f=(0,l.jsx)("div",{className:"truncate text-sm font-semibold leading-snug text-foreground",children:z}),_[11]=z,_[12]=f):f=_[12],_[13]!==j?(h=j&&(0,l.jsxs)("div",{className:"mt-0.5 truncate text-[11px] text-muted-foreground",children:["@",j]}),_[13]=j,_[14]=h):h=_[14],_[15]!==f||_[16]!==h?(x=(0,l.jsxs)("div",{children:[f,h]}),_[15]=f,_[16]=h,_[17]=x):x=_[17],_[18]!==E?(p=E&&(0,l.jsx)("p",{className:"line-clamp-2 text-xs leading-relaxed text-muted-foreground",children:E}),_[18]=E,_[19]=p):p=_[19],_[20]!==S||_[21]!==M?(g=M?(0,l.jsx)("div",{className:"h-3 w-40 animate-pulse rounded bg-muted"}):S?.followers!=null?(0,l.jsxs)("div",{className:"flex items-center gap-3 text-[11px] text-muted-foreground",children:[(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"font-medium text-foreground",children:C(S.followers)})," ","followers"]}),null!=S.following&&(0,l.jsxs)("span",{children:[(0,l.jsx)("span",{className:"font-medium text-foreground",children:C(S.following)})," ","following"]})]}):null,_[20]=S,_[21]=M,_[22]=g):g=_[22],_[23]!==S||_[24]!==R?(b=(S?.location||R)&&(0,l.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-muted-foreground",children:[S?.location&&(0,l.jsxs)("span",{className:"inline-flex min-w-0 items-center gap-1",children:[(0,l.jsx)(c.A,{className:"size-3 shrink-0"}),(0,l.jsx)("span",{className:"truncate",children:S.location})]}),R&&(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 whitespace-nowrap",children:[(0,l.jsx)(u.A,{className:"size-3 shrink-0"}),"Joined ",R]})]}),_[23]=S,_[24]=R,_[25]=b):b=_[25],_[26]!==p||_[27]!==g||_[28]!==b||_[29]!==m||_[30]!==x?(v=(0,l.jsxs)("div",{className:"flex flex-col gap-2 px-3 pt-2 pb-3",children:[m,x,p,g,b]}),_[26]=p,_[27]=g,_[28]=b,_[29]=m,_[30]=x,_[31]=v):v=_[31],_[32]!==v||_[33]!==o?(w=(0,l.jsxs)("div",{children:[o,v]}),_[32]=v,_[33]=o,_[34]=w):w=_[34],w}function S(e){let t,r,s,i,o,c,u,d,f,h,x=(0,n.c)(27),{url:p}=e,[g,b]=(0,a.useState)();x[0]!==p?(t=()=>{let e=!0;return(0,m.N)(p).then(t=>e&&b(t)),()=>{e=!1}},r=[p],x[0]=p,x[1]=t,x[2]=r):(t=x[1],r=x[2]),(0,a.useEffect)(t,r),x[3]!==g?.domain||x[4]!==p?(s=g?.domain??(0,m.O)(p),x[3]=g?.domain,x[4]=p,x[5]=s):s=x[5];let v=s,w=void 0===g;x[6]!==g||x[7]!==v||x[8]!==w?(i=(0,l.jsx)("div",{className:"relative aspect-[1.91/1] w-full bg-muted/50",children:g?.image?(0,l.jsx)(k,{src:g.image}):w?(0,l.jsx)("div",{className:"h-full w-full animate-pulse bg-muted"}):(0,l.jsx)("div",{className:"flex h-full w-full items-center justify-center",children:(0,l.jsx)("img",{src:`https://www.google.com/s2/favicons?domain=${v}&sz=64`,alt:"",className:"h-8 w-8 rounded opacity-70"})})}),x[6]=g,x[7]=v,x[8]=w,x[9]=i):i=x[9];let _=`https://www.google.com/s2/favicons?domain=${v}&sz=32`;return x[10]!==_?(o=(0,l.jsx)("img",{src:_,alt:"",className:"h-3.5 w-3.5 shrink-0 rounded-sm"}),x[10]=_,x[11]=o):o=x[11],x[12]!==v?(c=(0,l.jsx)("span",{className:"truncate",children:v}),x[12]=v,x[13]=c):c=x[13],x[14]!==o||x[15]!==c?(u=(0,l.jsxs)("div",{className:"flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",children:[o,c]}),x[14]=o,x[15]=c,x[16]=u):u=x[16],x[17]!==g||x[18]!==v||x[19]!==w?(d=w?(0,l.jsxs)("div",{className:"mt-2 space-y-2",children:[(0,l.jsx)("div",{className:"h-3.5 w-3/4 animate-pulse rounded bg-muted"}),(0,l.jsx)("div",{className:"h-3 w-full animate-pulse rounded bg-muted"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"mt-1.5 line-clamp-2 text-sm font-semibold leading-snug text-foreground",children:g?.title||v}),g?.description&&(0,l.jsx)("p",{className:"mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground",children:g.description})]}),x[17]=g,x[18]=v,x[19]=w,x[20]=d):d=x[20],x[21]!==u||x[22]!==d?(f=(0,l.jsxs)("div",{className:"p-3",children:[u,d]}),x[21]=u,x[22]=d,x[23]=f):f=x[23],x[24]!==f||x[25]!==i?(h=(0,l.jsxs)("div",{children:[i,f]}),x[24]=f,x[25]=i,x[26]=h):h=x[26],h}function k(e){let t,r,s,i=(0,n.c)(6),{src:o}=e,[c,u]=(0,a.useState)(!1);i[0]===Symbol.for("react.memo_cache_sentinel")?(t=()=>u(!0),i[0]=t):t=i[0];let d=c?"opacity-100":"opacity-0";return i[1]!==d?(r=(0,f.cn)("h-full w-full object-cover transition-opacity duration-300",d),i[1]=d,i[2]=r):r=i[2],i[3]!==o||i[4]!==r?(s=(0,l.jsx)("img",{src:o,alt:"",loading:"lazy",onLoad:t,className:r}),i[3]=o,i[4]=r,i[5]=s):s=i[5],s}let C=e=>Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:1}).format(e)}}]);