{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "profile-page",
  "type": "registry:block",
  "title": "Profile Page",
  "description": "User profile with avatar, bio, stats, and tabbed content",
  "dependencies": [
    "@heroicons/react"
  ],
  "registryDependencies": [
    "https://wireframe-ui.vercel.app/r/card.json",
    "https://wireframe-ui.vercel.app/r/text.json",
    "https://wireframe-ui.vercel.app/r/badge.json",
    "https://wireframe-ui.vercel.app/r/button.json",
    "https://wireframe-ui.vercel.app/r/avatar.json",
    "https://wireframe-ui.vercel.app/r/separator.json",
    "https://wireframe-ui.vercel.app/r/tabs.json",
    "https://wireframe-ui.vercel.app/r/media.json",
    "https://wireframe-ui.vercel.app/r/item.json"
  ],
  "files": [
    {
      "path": "registry/new-york/blocks/profile-page.tsx",
      "content": "'use client'\r\n\r\nimport { Card, CardContent, CardHeader, CardTitle } from '@/registry/new-york/ui/card'\r\nimport { Text } from '@/registry/new-york/ui/text'\r\nimport { Badge } from '@/registry/new-york/ui/badge'\r\nimport { Button } from '@/registry/new-york/ui/button'\r\nimport { Avatar, AvatarFallback } from '@/registry/new-york/ui/avatar'\r\nimport { Separator } from '@/registry/new-york/ui/separator'\r\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/registry/new-york/ui/tabs'\r\nimport { Media } from '@/registry/new-york/ui/media'\r\nimport {\r\n  Item,\r\n  ItemContent,\r\n  ItemDescriptionWireframe,\r\n  ItemGroup,\r\n  ItemMedia,\r\n  ItemTitleWireframe,\r\n} from '@/registry/new-york/ui/item'\r\nimport {\r\n  CalendarDaysIcon,\r\n  LinkIcon,\r\n  MapPinIcon,\r\n  ChatBubbleLeftIcon,\r\n  UserPlusIcon,\r\n} from '@heroicons/react/24/outline'\r\n\r\nexport function ProfilePage() {\r\n  return (\r\n    <div className=\"container mx-auto max-w-5xl space-y-4 p-4 lg:space-y-6 lg:p-6\">\r\n      <Card className=\"overflow-hidden\">\r\n        <CardContent className=\"p-4 lg:p-6\">\r\n          <div className=\"flex flex-col gap-4 md:flex-row md:items-start md:gap-6\">\r\n            <Avatar className=\"h-20 w-20 shrink-0 lg:h-24 lg:w-24\">\r\n              <AvatarFallback />\r\n            </Avatar>\r\n            <div className=\"min-w-0 flex-1 space-y-4\">\r\n              <div className=\"flex flex-col gap-2 md:flex-row md:items-start md:justify-between\">\r\n                <div className=\"min-w-0 space-y-2\">\r\n                  <Text width=\"lg\" emphasis=\"primary\" size=\"lg\" />\r\n                  <Text width=\"md\" color=\"muted\" size=\"sm\" />\r\n                </div>\r\n                <div className=\"flex shrink-0 gap-2\">\r\n                  <Button variant=\"outline\" size=\"sm\">\r\n                    <ChatBubbleLeftIcon className=\"text-muted-foreground size-5\" />\r\n                    <Text width=\"xs\" />\r\n                  </Button>\r\n                  <Button size=\"sm\">\r\n                    <UserPlusIcon className=\"text-muted-foreground size-5\" />\r\n                    <Text width=\"xs\" />\r\n                  </Button>\r\n                </div>\r\n              </div>\r\n              <div className=\"space-y-2\">\r\n                <Text width=\"full\" />\r\n                <Text width=\"xl\" color=\"muted\" />\r\n              </div>\r\n              <div className=\"flex flex-wrap gap-3 lg:gap-4\">\r\n                <div className=\"flex items-center gap-1.5\">\r\n                  <MapPinIcon className=\"text-muted-foreground size-5 shrink-0\" />\r\n                  <Text width=\"sm\" size=\"sm\" />\r\n                </div>\r\n                <div className=\"flex items-center gap-1.5\">\r\n                  <LinkIcon className=\"text-muted-foreground size-5 shrink-0\" />\r\n                  <Text width=\"md\" size=\"sm\" />\r\n                </div>\r\n                <div className=\"flex items-center gap-1.5\">\r\n                  <CalendarDaysIcon className=\"text-muted-foreground size-5 shrink-0\" />\r\n                  <Text width=\"sm\" size=\"sm\" />\r\n                </div>\r\n              </div>\r\n              <div className=\"flex flex-wrap gap-3 lg:gap-4\">\r\n                <div className=\"flex items-center gap-1\">\r\n                  <Text width=\"xs\" emphasis=\"primary\" size=\"sm\" />\r\n                  <Text width=\"sm\" color=\"muted\" size=\"sm\" />\r\n                </div>\r\n                <div className=\"flex items-center gap-1\">\r\n                  <Text width=\"xs\" emphasis=\"primary\" size=\"sm\" />\r\n                  <Text width=\"sm\" color=\"muted\" size=\"sm\" />\r\n                </div>\r\n                <div className=\"flex items-center gap-1\">\r\n                  <Text width=\"xs\" emphasis=\"primary\" size=\"sm\" />\r\n                  <Text width=\"sm\" color=\"muted\" size=\"sm\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n\r\n      <Tabs defaultValue=\"posts\" className=\"w-full\">\r\n        <TabsList>\r\n          <TabsTrigger value=\"posts\">\r\n            <Text width=\"xs\" />\r\n          </TabsTrigger>\r\n          <TabsTrigger value=\"media\">\r\n            <Text width=\"xs\" />\r\n          </TabsTrigger>\r\n          <TabsTrigger value=\"activity\">\r\n            <Text width=\"xs\" />\r\n          </TabsTrigger>\r\n        </TabsList>\r\n\r\n        <TabsContent value=\"posts\" className=\"space-y-4\">\r\n          {[1, 2, 3].map((i) => (\r\n            <Card key={i} className=\"overflow-hidden\">\r\n              <CardHeader>\r\n                <div className=\"flex items-start gap-3 lg:gap-4\">\r\n                  <Avatar className=\"shrink-0\">\r\n                    <AvatarFallback />\r\n                  </Avatar>\r\n                  <div className=\"min-w-0 flex-1 space-y-1\">\r\n                    <div className=\"flex flex-wrap items-center gap-2\">\r\n                      <Text width=\"md\" emphasis=\"primary\" size=\"sm\" />\r\n                      <Badge variant=\"secondary\">\r\n                        <Text width=\"xs\" />\r\n                      </Badge>\r\n                    </div>\r\n                    <Text width=\"sm\" color=\"muted\" size=\"xs\" />\r\n                  </div>\r\n                </div>\r\n              </CardHeader>\r\n              <CardContent className=\"space-y-4\">\r\n                <div className=\"space-y-2\">\r\n                  <Text width=\"full\" />\r\n                  <Text width=\"xl\" />\r\n                  <Text width=\"lg\" color=\"muted\" />\r\n                </div>\r\n                {i % 2 === 0 && <Media type=\"image\" className=\"aspect-video w-full rounded-lg\" />}\r\n                <Separator />\r\n                <div className=\"flex flex-wrap items-center gap-2 lg:gap-4\">\r\n                  <Button variant=\"ghost\" size=\"sm\">\r\n                    <Text width=\"xs\" />\r\n                  </Button>\r\n                  <Button variant=\"ghost\" size=\"sm\">\r\n                    <Text width=\"xs\" />\r\n                  </Button>\r\n                  <Button variant=\"ghost\" size=\"sm\">\r\n                    <Text width=\"xs\" />\r\n                  </Button>\r\n                </div>\r\n              </CardContent>\r\n            </Card>\r\n          ))}\r\n        </TabsContent>\r\n\r\n        <TabsContent value=\"media\" className=\"space-y-4\">\r\n          <div className=\"grid gap-4 sm:grid-cols-2 md:grid-cols-3\">\r\n            {[1, 2, 3, 4, 5, 6].map((i) => (\r\n              <Card key={i} className=\"overflow-hidden\">\r\n                <Media type=\"image\" className=\"aspect-square w-full\" />\r\n              </Card>\r\n            ))}\r\n          </div>\r\n        </TabsContent>\r\n\r\n        <TabsContent value=\"activity\" className=\"space-y-4\">\r\n          <Card className=\"overflow-hidden\">\r\n            <CardHeader>\r\n              <CardTitle>\r\n                <Text width=\"md\" />\r\n              </CardTitle>\r\n            </CardHeader>\r\n            <CardContent className=\"overflow-x-auto\">\r\n              <ItemGroup>\r\n                {[1, 2, 3, 4, 5].map((i) => (\r\n                  <Item key={i} className=\"min-w-[280px]\">\r\n                    <ItemMedia variant=\"icon\">\r\n                      <Avatar className=\"shrink-0\">\r\n                        <AvatarFallback />\r\n                      </Avatar>\r\n                    </ItemMedia>\r\n                    <ItemContent className=\"min-w-0\">\r\n                      <ItemTitleWireframe width=\"lg\" />\r\n                      <ItemDescriptionWireframe width=\"sm\" />\r\n                    </ItemContent>\r\n                  </Item>\r\n                ))}\r\n              </ItemGroup>\r\n            </CardContent>\r\n          </Card>\r\n        </TabsContent>\r\n      </Tabs>\r\n    </div>\r\n  )\r\n}\r\n",
      "type": "registry:block",
      "target": "components/blocks/profile-page.tsx"
    }
  ]
}