<!-- ⚠️⚠️ Do Not Delete This! feature_request_template ⚠️⚠️ --> <!-- Please read our Rules of Conduct: https://opensource.microsoft.com/codeofconduct/ --> <!-- Please search existing issues to avoid creating duplicates. --> <!-- Describe the feature you'd like. --> Not sure if other libraries offer something similar, but react has this way of building compound components that result in a code like this:  I think this pattern is quite widely adopted, specially in UI component libraries and is quite versatile and powerful. What I don't like about it that it becomes extremely hard to read <img width="410" alt="Image" src="https://github.com/user-attachments/assets/4621f106-5edf-4acd-a815-579911509641" /> I would like the way to identify the compound components (slot components) - (or compound part of the name / or both) and set different color to them so I can get something like <img width="370" alt="Image" src="https://github.com/user-attachments/assets/cb0f3be8-eea3-4a12-9106-9d4592881543" /> or <img width="370" alt="Image" src="https://github.com/user-attachments/assets/a13b486d-6fee-4ef2-833f-3666890ad5cf" /> would this be possible?