Possibile way for cross shadowDom exclusive interactive elements

[woody-li]

Is there any way to implement exclusive interactive elements cross shadowDom?
Such as radio group, exclusive details, etc.

<my-radio>
  #shadowRoot
  <input type="radio" name="radio-group" value="true" />
</my-radio>

<my-radio>
  #shadowRoot
  <input type="radio" name="radio-group" value="false" />
</my-radio>

<my-accordion>
  #shadowRoot
  <details name="accordion-group">
    <summary>Accordion 1</summary>
    <p>111</p>
  </details>
</my-accordion>

<my-accordion>
  #shadowRoot
  <details name="accordion-group">
    <summary>Accordion 2</summary>
    <p>222</p>
  </details>
</my-accordion>

[woody-li]

I haven't found any way to implement it.
So do we need a new interface for it?

[Westbrook]

These items share a tree relative relationship, much like an ID ref, so there isn't currently a non-JS path so making the expected association.

What sort of interface or API might you see benefiting this sort of situation?