I've been trying to find a web component framework that allows you to integrate 3rd party web components so that dev won't have to spend time writing CSS when they can reuse libraries such as material component web.

I've checked out svelte, lit-element, and stenciljs but they all run into issues when trying to integrate with 3rd party web components. Are there underlying reason that web component might be incompatible with nesting 3rd party web components?

Update: I am running into an issue where web components exist in the dom but not visible to users when built.

  
    
    
    
    
    
    
    
  
  
    
Test
    
  

It renders correctly in dev but I am looking to share the component for users to embed via script.

In dev:

In /dist:

All other components work correctly except for the web component.