Add asynchronous trigger to Dialog, Collapsible...

# Feature request

## Summary

ad prop to `` or `` to await triggering closing a dialog upon success

## Examples

```tsx
function SaveDialog() {
const mutation = useMutation({
mutationFn: (data) => saveData(data),
});

return (

Open Dialog





Confirm Changes


Are you sure you want to proceed with this update?

);
}
```
## Motivation

The dialog like components where there is a `` or similar, can only handle syncronous events.
I would like a variation like `` to handle scenario where
user open a dialog, the footer has a button that does trigger an async action e.g. "Save" and then close the dialog upon success, and I don't have to add `useState` to control it to have a cleaner component composition.