{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "onboarding-wizard",
  "type": "registry:ui",
  "title": "Onboarding wizard",
  "description": "A three step React onboarding flow that walks new users through creating a workspace, inviting teammates and a done screen, with a stepper on top.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/invite-members.json",
    "https://ui.minidev.pro/r/stepper.json",
    "https://ui.minidev.pro/r/workspace-create.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/onboarding-wizard.tsx",
      "type": "registry:ui",
      "target": "components/ui/onboarding-wizard.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { Stepper } from \"@/components/ui/stepper\"\nimport { Button } from \"@/components/ui/button\"\nimport { WorkspaceCreate } from \"@/components/ui/workspace-create\"\nimport { InviteMembers } from \"@/components/ui/invite-members\"\nimport { cn } from \"@/lib/utils\"\nfunction OnboardingWizard({ className }: { className?: string }) {\n  const [step, setStep] = React.useState(0)\n  return (\n    <div data-slot=\"onboarding-wizard\" className={cn(\"space-y-6\", className)}>\n      <Stepper steps={[\"Workspace\", \"Invite\", \"Done\"]} current={step} />\n      {step === 0 ? <WorkspaceCreate onCreate={() => setStep(1)} /> : null}\n      {step === 1 ? (\n        <div className=\"space-y-3\">\n          <InviteMembers />\n          <Button onClick={() => setStep(2)}>Continue</Button>\n        </div>\n      ) : null}\n      {step === 2 ? <p className=\"text-sm text-fg\">You are all set.</p> : null}\n    </div>\n  )\n}\nexport { OnboardingWizard }\n"
    }
  ]
}