{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "invite-member-03",
  "title": "Invite Member 03",
  "description": "A simple invite member block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "avatar",
    "button",
    "dialog",
    "scroll-area",
    "tooltip"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/invite-member-03/components/invite-member.tsx",
      "content": "\"use client\";\n\nimport { Copy, Search, UserPlusIcon } from \"lucide-react\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/registry/bases/radix/ui/avatar\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/registry/bases/radix/ui/dialog\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"@/registry/bases/radix/ui/input-group\";\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/registry/bases/radix/ui/item\";\nimport { ScrollArea } from \"@/registry/bases/radix/ui/scroll-area\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/registry/bases/radix/ui/tooltip\";\n\nexport default function InviteMember() {\n  return (\n    <Dialog open>\n      <DialogContent className=\"max-w-sm! pb-1.5\">\n        <DialogHeader>\n          <DialogTitle className=\"font-medium\">Invite Members</DialogTitle>\n          <DialogDescription>Invite members to your team.</DialogDescription>\n        </DialogHeader>\n\n        <div>\n          <InputGroup>\n            <InputGroupInput placeholder=\"Search for a member...\" />\n            <InputGroupAddon>\n              <Search />\n            </InputGroupAddon>\n          </InputGroup>\n\n          <ScrollArea className=\"mt-2 h-72\">\n            {people.map((person) => (\n              <Item className=\"px-0\" key={person.username}>\n                <ItemMedia className=\"my-auto\">\n                  <Avatar className=\"size-9\">\n                    <AvatarImage className=\"grayscale\" src={person.avatar} />\n                    <AvatarFallback>{person.username.charAt(0)}</AvatarFallback>\n                  </Avatar>\n                </ItemMedia>\n                <ItemContent className=\"gap-0\">\n                  <ItemTitle>{person.username}</ItemTitle>\n                  <ItemDescription>{person.email}</ItemDescription>\n                </ItemContent>\n                <ItemActions>\n                  <Tooltip delayDuration={500}>\n                    <TooltipTrigger asChild>\n                      <Button\n                        className=\"rounded-full\"\n                        size=\"icon\"\n                        variant=\"secondary\"\n                      >\n                        <UserPlusIcon />\n                      </Button>\n                    </TooltipTrigger>\n                    <TooltipContent>Send invite</TooltipContent>\n                  </Tooltip>\n                </ItemActions>\n              </Item>\n            ))}\n          </ScrollArea>\n        </div>\n\n        <div className=\"-mx-4.5 rounded-md bg-muted px-5 py-4\">\n          <p className=\"font-medium text-sm\">Copy link and share with others</p>\n          <InputGroup className=\"mt-2 bg-background\">\n            <InputGroupInput\n              placeholder=\"https://pro.shadcnui-blocks.com/invite\"\n              readOnly\n            />\n            <InputGroupAddon align=\"inline-end\">\n              <InputGroupButton aria-label=\"Copy\" size=\"icon-xs\" title=\"Copy\">\n                <Copy />\n              </InputGroupButton>\n            </InputGroupAddon>\n          </InputGroup>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nconst people = [\n  {\n    username: \"shadcn\",\n    avatar: \"https://github.com/shadcn.png\",\n    email: \"shadcn@vercel.com\",\n  },\n  {\n    username: \"maxleiter\",\n    avatar: \"https://github.com/maxleiter.png\",\n    email: \"maxleiter@vercel.com\",\n  },\n  {\n    username: \"evilrabbit\",\n    avatar: \"https://github.com/evilrabbit.png\",\n    email: \"evilrabbit@vercel.com\",\n  },\n  {\n    username: \"vercel\",\n    avatar: \"https://github.com/vercel.png\",\n    email: \"vercel@vercel.com\",\n  },\n  {\n    username: \"rauchg\",\n    avatar: \"https://github.com/rauchg.png\",\n    email: \"rauchg@vercel.com\",\n  },\n  {\n    username: \"sindresorhus\",\n    avatar: \"https://github.com/sindresorhus.png\",\n    email: \"sindresorhus@vercel.com\",\n  },\n  {\n    username: \"yyx990803\",\n    avatar: \"https://github.com/yyx990803.png\",\n    email: \"yyx990803@vercel.com\",\n  },\n  {\n    username: \"gaearon\",\n    avatar: \"https://github.com/gaearon.png\",\n    email: \"gaearon@vercel.com\",\n  },\n  {\n    username: \"acdlite\",\n    avatar: \"https://github.com/acdlite.png\",\n    email: \"acdlite@vercel.com\",\n  },\n  {\n    username: \"sebmarkbage\",\n    avatar: \"https://github.com/sebmarkbage.png\",\n    email: \"sebmarkbage@vercel.com\",\n  },\n  {\n    username: \"timlrx\",\n    avatar: \"https://github.com/timlrx.png\",\n    email: \"timlrx@vercel.com\",\n  },\n  {\n    username: \"leerob\",\n    avatar: \"https://github.com/leerob.png\",\n    email: \"leerob@vercel.com\",\n  },\n  {\n    username: \"t3dotgg\",\n    avatar: \"https://github.com/t3dotgg.png\",\n    email: \"t3dotgg@vercel.com\",\n  },\n  {\n    username: \"withastro\",\n    avatar: \"https://github.com/withastro.png\",\n    email: \"withastro@vercel.com\",\n  },\n  {\n    username: \"prisma\",\n    avatar: \"https://github.com/prisma.png\",\n    email: \"prisma@vercel.com\",\n  },\n  {\n    username: \"tailwindlabs\",\n    avatar: \"https://github.com/tailwindlabs.png\",\n    email: \"tailwindlabs@vercel.com\",\n  },\n  {\n    username: \"adamwathan\",\n    avatar: \"https://github.com/adamwathan.png\",\n    email: \"adamwathan@vercel.com\",\n  },\n  {\n    username: \"steveukx\",\n    avatar: \"https://github.com/steveukx.png\",\n    email: \"steveukx@vercel.com\",\n  },\n  {\n    username: \"antfu\",\n    avatar: \"https://github.com/antfu.png\",\n    email: \"antfu@vercel.com\",\n  },\n  {\n    username: \"chakra-ui\",\n    avatar: \"https://github.com/chakra-ui.png\",\n    email: \"chakra-ui@vercel.com\",\n  },\n  {\n    username: \"mui\",\n    avatar: \"https://github.com/mui.png\",\n    email: \"mui@vercel.com\",\n  },\n  {\n    username: \"pmndrs\",\n    avatar: \"https://github.com/pmndrs.png\",\n    email: \"pmndrs@vercel.com\",\n  },\n  {\n    username: \"egoist\",\n    avatar: \"https://github.com/egoist.png\",\n    email: \"egoist@vercel.com\",\n  },\n  {\n    username: \"mattpocock\",\n    avatar: \"https://github.com/mattpocock.png\",\n    email: \"mattpocock@vercel.com\",\n  },\n  {\n    username: \"bradtraversy\",\n    avatar: \"https://github.com/bradtraversy.png\",\n    email: \"bradtraversy@vercel.com\",\n  },\n  {\n    username: \"kentcdodds\",\n    avatar: \"https://github.com/kentcdodds.png\",\n    email: \"kentcdodds@vercel.com\",\n  },\n  {\n    username: \"jaredpalmer\",\n    avatar: \"https://github.com/jaredpalmer.png\",\n    email: \"jaredpalmer@vercel.com\",\n  },\n  {\n    username: \"bholmesdev\",\n    avatar: \"https://github.com/bholmesdev.png\",\n    email: \"bholmesdev@vercel.com\",\n  },\n  {\n    username: \"joshwcomeau\",\n    avatar: \"https://github.com/joshwcomeau.png\",\n    email: \"joshwcomeau@vercel.com\",\n  },\n  {\n    username: \"uidotdev\",\n    avatar: \"https://github.com/uidotdev.png\",\n    email: \"uidotdev@vercel.com\",\n  },\n  {\n    username: \"theprimeagen\",\n    avatar: \"https://github.com/theprimeagen.png\",\n    email: \"theprimeagen@vercel.com\",\n  },\n  {\n    username: \"fireship-io\",\n    avatar: \"https://github.com/fireship-io.png\",\n    email: \"fireship@vercel.com\",\n  },\n  {\n    username: \"clerkinc\",\n    avatar: \"https://github.com/clerkinc.png\",\n    email: \"clerkinc@vercel.com\",\n  },\n  {\n    username: \"supabase\",\n    avatar: \"https://github.com/supabase.png\",\n    email: \"supabase@vercel.com\",\n  },\n  {\n    username: \"planetscale\",\n    avatar: \"https://github.com/planetscale.png\",\n    email: \"planetscale@vercel.com\",\n  },\n  {\n    username: \"nextauthjs\",\n    avatar: \"https://github.com/nextauthjs.png\",\n    email: \"nextauthjs@vercel.com\",\n  },\n  {\n    username: \"openai\",\n    avatar: \"https://github.com/openai.png\",\n    email: \"openai@vercel.com\",\n  },\n  {\n    username: \"nestjs\",\n    avatar: \"https://github.com/nestjs.png\",\n    email: \"nestjs@vercel.com\",\n  },\n  {\n    username: \"reduxjs\",\n    avatar: \"https://github.com/reduxjs.png\",\n    email: \"reduxjs@vercel.com\",\n  },\n  {\n    username: \"remix-run\",\n    avatar: \"https://github.com/remix-run.png\",\n    email: \"remix@vercel.com\",\n  },\n  {\n    username: \"denoland\",\n    avatar: \"https://github.com/denoland.png\",\n    email: \"denoland@vercel.com\",\n  },\n  {\n    username: \"unocss\",\n    avatar: \"https://github.com/unocss.png\",\n    email: \"unocss@vercel.com\",\n  },\n  {\n    username: \"vitejs\",\n    avatar: \"https://github.com/vitejs.png\",\n    email: \"vitejs@vercel.com\",\n  },\n  {\n    username: \"graphql\",\n    avatar: \"https://github.com/graphql.png\",\n    email: \"graphql@vercel.com\",\n  },\n  {\n    username: \"chakra-ui-typography\",\n    avatar: \"https://github.com/chakra-ui-typography.png\",\n    email: \"chakra-typography@vercel.com\",\n  },\n  {\n    username: \"radix-ui\",\n    avatar: \"https://github.com/radix-ui.png\",\n    email: \"radix-ui@vercel.com\",\n  },\n  {\n    username: \"vercel-labs\",\n    avatar: \"https://github.com/vercel-labs.png\",\n    email: \"vercel-labs@vercel.com\",\n  },\n  {\n    username: \"motion-canvas\",\n    avatar: \"https://github.com/motion-canvas.png\",\n    email: \"motion-canvas@vercel.com\",\n  },\n  {\n    username: \"lucide-icons\",\n    avatar: \"https://github.com/lucide-icons.png\",\n    email: \"lucide@vercel.com\",\n  },\n  {\n    username: \"calcom\",\n    avatar: \"https://github.com/calcom.png\",\n    email: \"calcom@vercel.com\",\n  },\n];\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}