I am looking closely at lit to make a cross-framework component library but to be a viable option I need a way to obtain the result of something like Vue's scoped slots or React render functions so I can share the state saved in lit with the components that the users will code with their favorite framework.

Any idea on how to achieve something like this:

<my-awesome-lit-list>
       <UserReactComponentSingleRow {...stateFromMyAwesomeLitList} />
</my-awesome-lit-list>

Being able to have the lit component handling the logic and only pass the correct props to the child component from another framework would be the holy grail of framework interoperability. In the example the user could provide a custom Row component with his framework of choice. I know this specific syntax is not achievable, but I was wondering if there are alternative patterns to obtain the end result.