{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "adminlte-users-list", "title": "AdminLTE Users List", "description": "Grid of user avatars with names and dates for displaying team members or recent users.", "registryDependencies": [ "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json" ], "files": [ { "path": "registry/new-york/adminlte-users-list/ui/adminlte-users-list.tsx", "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ninterface UserItem {\n id: string\n name: string\n avatarUrl: string\n date?: string\n href?: string\n}\n\ninterface AdminLTEUsersListProps extends React.HTMLAttributes {\n users: UserItem[]\n columns?: 2 | 3 | 4 | 6\n}\n\nconst AdminLTEUsersList = React.forwardRef<\n HTMLUListElement,\n AdminLTEUsersListProps\n>(({ className, users, columns = 4, ...props }, ref) => {\n const gridCols = {\n 2: \"grid-cols-2\",\n 3: \"grid-cols-3\",\n 4: \"grid-cols-4\",\n 6: \"grid-cols-6\",\n }[columns]\n\n return (\n \n {users.map((user) => (\n
  • \n \n \n {user.name}\n {user.date && (\n \n {user.date}\n \n )}\n \n
  • \n ))}\n \n )\n})\nAdminLTEUsersList.displayName = \"AdminLTEUsersList\"\n\nexport { AdminLTEUsersList }\nexport type { AdminLTEUsersListProps, UserItem }\n", "type": "registry:ui" } ], "type": "registry:ui" }