import{o as n,c as l,a as e,h as r,t as o,j as m,l as t,T as f,F as g,p as h,D as v,i,H as x,n as y,bs as w,r as b}from"./Co0rzPff.js";import{a as j,f as p}from"./z-xUYPp7.js";import{u as k}from"./mxhR-slD.js";import{A as _}from"./CCBW7oxg.js";const N={class:"button-base p-4 bg-bg-raised rounded-xl flex gap-3 group"},T={class:"icon"},C={class:"flex flex-col gap-2 overflow-hidden"},I={class:"gap-2 overflow-hidden no-wrap text-ellipsis"},V={class:"text-lg font-extrabold text-contrast m-0 leading-none"},A={key:0,class:"text-secondary"},B={class:"m-0 line-clamp-2"},D={class:"mt-auto flex items-center gap-1 no-wrap"},H={class:"flex flex-col gap-2 items-end shrink-0 ml-auto"},q={class:"flex items-center gap-2"},z={class:"flex items-center gap-2"},F={class:"mt-auto relative"},R={class:"opacity-0 scale-95 translate-y-3 group-hover:translate-y-0 group-hover:scale-100 group-hover:opacity-100 group-focus-within:opacity-100 group-focus-within:scale-100 absolute bottom-0 right-0 transition-all w-fit"},O={__name:"NewProjectCard",props:{project:{type:Object,required:!0},categories:{type:Array,required:!0}},setup(s){const u=k();return(c,a)=>(n(),l("div",N,[e("div",T,[r(_,{src:s.project.icon_url,size:"96px",class:"search-icon"},null,8,["src"])]),e("div",C,[e("div",I,[e("span",V,o(s.project.title),1),s.project.author?(n(),l("span",A," by "+o(s.project.author),1)):m("",!0)]),e("div",B,o(s.project.description),1),e("div",D,[r(t(f),{class:"h-4 w-4 shrink-0"}),(n(!0),l(g,null,h(s.categories,d=>(n(),l("div",{key:d,class:"text-sm font-semibold text-secondary flex gap-1 px-[0.375rem] py-0.5 bg-button-bg rounded-full"},o(t(j)(d)),1))),128))])]),e("div",H,[e("div",q,[r(t(v),{class:"shrink-0"}),e("span",null,[i(o(t(p)(s.project.downloads))+" ",1),a[0]||(a[0]=e("span",{class:"text-secondary"},"downloads",-1))])]),e("div",z,[r(t(x),{class:"shrink-0"}),e("span",null,[i(o(t(p)(s.project.follows??s.project.followers))+" ",1),a[1]||(a[1]=e("span",{class:"text-secondary"},"followers",-1))])]),e("div",F,[e("div",{class:y([{"group-hover:-translate-y-3 group-hover:opacity-0 group-focus-within:opacity-0 group-hover:scale-95 group-focus-within:scale-95 transition-all":c.$slots.actions},"flex items-center gap-2"])},[r(t(w),{class:"shrink-0"}),e("span",null,[a[2]||(a[2]=e("span",{class:"text-secondary"},"Updated",-1)),i(" "+o(t(u)(s.project.date_modified??s.project.updated)),1)])],2),e("div",R,[b(c.$slots,"actions")])])])]))}};export{O as _};