update contributors

Author: KevinVandy

src/components/ContributorsWall.tsx

@@ -14,6 +14,9 @@ export function ContributorsWall({ library }: { library: Library }) {
           loading="lazy"
         />
       </a>
+      <div className="text-xs text-gray-500 mt-2">
+        Powered by <a href="https://contrib.rocks" target="_blank" rel="noopener noreferrer" className="underline">contrib.rocks</a>
+      </div>
     </div>
   )
 }

src/components/MaintainerCard.tsx

@@ -49,15 +49,15 @@ export function MaintainerCard({ maintainer, libraryId }: MaintainerCardProps) {
         />
         <div className="absolute inset-0 bg-gradient-to-t from-black/10 to-transparent" />
       </div>
-      <div className="p-4 space-y-2">
+      <div className="p-3 space-y-1.5">
         <div>
-          <h3 className="text-lg font-bold">{maintainer.name}</h3>
-          <p className="mt-1">
+          <div className="flex items-center justify-between">
+            <h3 className="text-base font-bold">{maintainer.name}</h3>
             <RoleBadge
               role={getRoleInLibrary(maintainer, libraryId)}
               libraryId={libraryId}
             />
-          </p>
+          </div>
           <p className="text-gray-500 dark:text-gray-400 mt-2 flex items-center">
             <svg
               viewBox="0 0 16 16"

src/libraries/index.tsx

@@ -57,7 +57,7 @@ export type Library = {
     | 'db'
     | 'config'
     | 'react-charts'
-    | 'create-ts-router-app'
+    | 'create-tsrouter-app'
   name: string
   cardStyles: string
   to: string

src/libraries/maintainers.ts

@@ -4,7 +4,7 @@ export interface Maintainer {
   name: string
   avatar: string
   github: string
-  isCoreMaintainer: boolean
+  isCoreMaintainer?: boolean
   creatorOf?: Library['id'][]
   maintainerOf?: Library['id'][] // inherits from creatorOf
   contributorOf?: Library['id'][] // inherits from maintainerOf
@@ -138,6 +138,61 @@ export const allMaintainers: Maintainer[] = [
     frameworkExpertise: ['react', 'svelte'],
     specialties: ['Architecture'],
   },
+  {
+    name: 'Leonardo Montini',
+    avatar: 'https://github.com/Balastrong.png',
+    github: 'Balastrong',
+    maintainerOf: ['form'],
+    frameworkExpertise: ['react'],
+    social: {
+      website: 'https://leonardomontini.dev/',
+      twitter: 'https://x.com/Balastrong',
+      bluesky: 'https://bsky.app/profile/leonardomontini.dev',
+    },
+  },
+  {
+    name: 'Fredrik Höglund',
+    avatar: 'https://github.com/ephem.png',
+    github: 'ephem',
+    maintainerOf: ['query'],
+    frameworkExpertise: ['react'],
+    specialties: ['Data Management', 'SSR', 'Hydration'],
+    social: {
+      bluesky: 'https://bsky.app/profile/ephem.dev',
+      twitter: 'https://x.com/ephemjs',
+      website: 'https://www.ephem.dev',
+    },
+  },
+  {
+    name: 'Aadit Olkar',
+    avatar: 'https://github.com/aadito123.png',
+    github: 'aadito123',
+    maintainerOf: ['form'],
+    frameworkExpertise: ['solid'],
+    social: {
+      twitter: 'https://x.com/swagdoctor19',
+    },
+  },
+  {
+    name: 'Luca Jakob',
+    avatar: 'https://github.com/LeCarbonator.png',
+    github: 'LeCarbonator',
+    maintainerOf: ['form'],
+    frameworkExpertise: ['react'],
+  },
+  {
+    name: 'Jonghyeon Ko',
+    avatar: 'https://github.com/manudeli.png',
+    github: 'manudeli',
+    maintainerOf: ['query'],
+    frameworkExpertise: ['react'],
+    specialties: ['TypeScript', 'Backport', 'Test'],
+    social: {
+      twitter: 'https://x.com/manudeli_',
+      bluesky: 'https://bsky.app/profile/manudeli.bsky.social',
+      website: 'https://www.linkedin.com/in/jonghyeonko',
+    },
+  },
 ]
 
 export const coreMaintainers = allMaintainers.filter(

src/routes/$libraryId/$version.docs.contributors.tsx

@@ -22,7 +22,7 @@ function RouteComponent() {
     <DocContainer>
       <div
         className={twMerge(
-          'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[936px]'
+          'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[1200px]'
         )}
       >
         <div
@@ -31,7 +31,7 @@ function RouteComponent() {
           <DocTitle>{library.name} Maintainers and Contributors</DocTitle>
           <div className="h-4" />
           <section>
-            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 mb-8">
+            <div className="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4 mb-8 pt-8">
               {libraryContributors.map((maintainer) => (
                 <MaintainerCard
                   key={maintainer.github}