You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
767 B
21 lines
767 B
5 months ago
|
<script lang="ts">
|
||
|
|
/**
|
||
|
|
* Eidos `<AlertDialog>` — root. Wraps soma's
|
||
|
|
* `<AlertDialog.Provider>` which delegates to the Dialog runtime
|
||
|
|
* with `variant='alertdialog'`, `modal=true` baked in.
|
||
|
|
*
|
||
|
|
* The actual DOM uses Dialog's data-attrs (`data-dialog-content`,
|
||
|
|
* `data-dialog-overlay`, etc.) so the existing Dialog recipe paints
|
||
|
|
* the chrome. Only `Action` and `Cancel` get fresh selectors
|
||
|
|
* (`data-alert-dialog-action`, `data-alert-dialog-cancel`).
|
||
|
|
*/
|
||
|
|
import * as AlertDialog from '$soma/components/alert-dialog';
|
||
|
|
import type { AlertDialogProps } from './types';
|
||
|
|
|
||
|
|
let { open = $bindable(false), children, ...rest }: AlertDialogProps = $props();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<AlertDialog.Provider {...rest} bind:open>
|
||
|
|
{@render children?.()}
|
||
|
|
</AlertDialog.Provider>
|