[base-ui] Support animating unstyled components

[michaldudak]

Using animations or transitions with Popper/Popup - based components turns out to be pretty hard, as it's impossible to use the function form of Popper's children (required for transitions).

We need to think of a recommended approach to this and change the structure of Base components if necessary.

Related work:

• [Popup][base-ui] Use context-based transition API #39326
• [base-ui][Select] Use Popup instead of Popper #40524
• [base-ui][Menu] Use Popup instead of Popper #40731

[oliviertassinari]

Benchmarks on how to solve this:

• https://ark-ui.com/docs/components/presence
• Material UI transition abstraction

[oliviertassinari]

Another one I noticed https://github.com/szhsin/react-transition-state from https://github.com/pingcap/ossinsight-next/blob/800977b7db732e50ec6126416f0b4cd5d333d0d3/packages/ui/src/components/SwitchingText/SwitchingText.tsx#L34

[oliviertassinari]

Another benchmark https://ariakit.org/changelog#040

[oliviertassinari]

@michaldudak Should we create a dedicated GitHub issue about Base UI animation support?

[michaldudak]

What do you mean? We just closed this one. It may require some adjustments going forward when we use the component-per-slot API, but we'll add issues as we discover problems