How do I get SmartSprites to work the way I want?

Question

css

Please tell me how to set up SmartSprites for the following workflow.
We have the following structure in the source code
img/
-- component_name_1/
---- component_name_1_icon_1.png
---- component_name_1_icon_2.png
---- component_name_1_icon_3.png
-- component_name_2/
---- component_name_2_icon_1.png
---- component_name_2_icon_2.png
---- component_name_2_icon_3.png
The output is
img/
-- component_name_1/
---- component_name_1_sprite.png
-- component_name_2/
---- component_name_2_sprite.png
Working with CSS is as follows.
In the source codes, I only write urls for icons, and this module goes through the styles and generates sprites, adding them to the necessary folders in production.
For some reason, I have one sprite from all folders, i.e. no scatter in folders. Or this module does not know how, then tell me where to dig?