Creating an extensible UI system using Androids Jetpack Compose and Themes

Question

I'm new to Jetpack Compose and I've come across custom theming, which looks like the perfect solution for my use case.

At my Company we have a new UI system, where we have reusable components like buttons, textviews, error screens, list items etc. And these items each come in flavours, and most of them have the same flavours; so for example an expressive button, expressive textview, dark-expressive screen, etc. These styles include typography, colors, layout parameters, element rounding etc.

Each component is built from a different UI elements or combination of elements. Most of the elements are still relatively simple, comprised of texts, 2 - 4 item layouts, and spacers. I would like to create a design system using Themes. So far though; I don't think it is powerful enough for my needs.

I would like to create a system that would allow people with no compose experience use a chainable UI to create whatever they need. For example, you would have something like this.

LayoutWith().XButton(withIcon(Resource), withLabel("Some String") 

This is straightforward enough. The problem is then the question of applying the theme.

The best scenario would be to able to create a hierarchy. There would be a base theme with all of the Color options, Typography options and all of the spacing options. Then we could create children of the different subtypes, so an expressive child, muted child, etc, and then the components. So the tree would look like this

/
└── Pallette
    ├── Expressive
    │   ├── Button
    │   ├── Text
    │   ├── MultiLineListItem
    │   ├── SingleLineListItem
    │   └── ErrorScreen
    └── Muted
        ├── Button
        ├── Text
        ├── MultiLineListItem
        ├── SingleLineListItem
        └── ErrorScreen

Each button like the MutedButton would also be able to create a new style using modifiers, and the items that are layouts could have methods like ModifyIcon1, ModifyText1 etc.

Now for the single components this looks pretty straightforward, but I'm not sure about the components that are build from other components. I understand that with compose themes you can apply a theme to a composable and it will propagate to the child items; but it doesn't look like you can create a base theme and then create new themes by adding or overriding elements.

Can anyone give me an idea of how I would implement this? Or perhaps point me in the right direction to a sample of something like this?

On option would be to build the layout and then be able to apply one or more themes. so you'd have

LayoutWith().XButton(withIcon(Resource), withLabel("Some String").applyTheme(Expressive())

You could even possibly specify which themes go with which items

LayoutWith().XButton(withIcon(Resource), withLabel("Some String").applyTheme(Expressive(Buttons, Icons)).applyTheme(Muted(ErrorScreen))

However I give it about a 1% that something like this would ever be needed and seems needlessly complex

If anyone can point me into the direction of some design paradigms that could help it would also be great

Can I add dynamically generated values or business logic in my Themes?

Thank you for your help!