{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "join-workspace",
  "type": "registry:ui",
  "title": "Join workspace",
  "description": "A centered card for joining a team workspace with an invite code: heading, helper text, a monospace code input and a full width Join button. Tailwind styled.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/input.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/join-workspace.tsx",
      "type": "registry:ui",
      "target": "components/ui/join-workspace.tsx",
      "content": "\"use client\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { cn } from \"@/lib/utils\"\n\nfunction JoinWorkspace({ className }: { className?: string }) {\n  return (\n    <div data-slot=\"join-workspace\" className={cn(\"mx-auto w-full max-w-sm space-y-4 rounded-2xl border border-border bg-surface p-6 shadow-highlight\", className)}>\n      <div>\n        <h2 className=\"text-lg font-medium tracking-[-0.014em] text-fg\">Join a workspace</h2>\n        <p className=\"mt-1 text-sm text-fg-muted\">Enter the invite code from your team admin.</p>\n      </div>\n      <label className=\"block text-sm text-fg\">Invite code\n        <Input className=\"mt-1.5 font-mono\" placeholder=\"md-team-••••\" aria-label=\"Invite code\" />\n      </label>\n      <Button className=\"w-full\">Join workspace</Button>\n    </div>\n  )\n}\nexport { JoinWorkspace }\n"
    }
  ]
}