[accordion] <summary> / <details> based implementation

[oliviertassinari]

Feature request

Summary

Today, the accordion is built on top of the collapsible pattern.

Examples in other libraries

Motivation

We might be able to reduce bundle size.

I'm not super clear on what's preventing us from making this move, but I believe that we need an issue to document this. Developers will ask themselves: why couldn't I simply do this?

Examples of people pushing <summary> / <details> further:

• https://www.youtube.com/watch?v=Vzj3jSUbMtI
• Will there be a collapsible component? adobe/react-spectrum#6635 (reply in thread)
• https://x.com/mauroreisvieira/status/1868999019126808925
• https://developer.mozilla.org/en-US/blog/html-details-exclusive-accordions/

Limitations that we are aware of:

• Customization slots are hidden behind shadow dom. https://youtu.be/Vzj3jSUbMtI?si=xgnEsufFODhuwhfV&t=295. People need to enable:

to figure out you can use details::details-content {. It's not a great DX to style with Tailwind CSS, etc. It's hard to discover what can be styled.

• else?