@base-ui/react/alert-dialog/handle.mjs

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

import { DialogHandle } from "../dialog/store/DialogHandle.mjs";

/**
 * Controls an Alert Dialog imperatively and associates detached `AlertDialog.Trigger` components with
 * an `AlertDialog.Root`. Create one with `AlertDialog.createHandle()` and pass it to the `handle`
 * prop of the root and of any triggers rendered outside of it.
 *
 * The imperative methods take effect only while a root using this handle is mounted; calls made
 * before a root attaches (or after it unmounts) are ignored.
 */
export class AlertDialogHandle extends DialogHandle {}

/**
 * Creates a new handle to connect an AlertDialog.Root with detached AlertDialog.Trigger components.
 */
export function createAlertDialogHandle() {
  return new AlertDialogHandle();
}