feat(html): add alert dialog element (#741)

packages/html/src/define/ui/alert-dialog-close.ts

@@ -0,0 +1,10 @@
+import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';
+import { safeDefine } from '../safe-define';
+
+safeDefine(AlertDialogCloseElement);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;
+  }
+}

packages/html/src/define/ui/alert-dialog-description.ts

@@ -0,0 +1,10 @@
+import { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';
+import { safeDefine } from '../safe-define';
+
+safeDefine(AlertDialogDescriptionElement);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;
+  }
+}

packages/html/src/define/ui/alert-dialog-title.ts

@@ -0,0 +1,10 @@
+import { AlertDialogTitleElement } from '../../ui/alert-dialog/alert-dialog-title-element';
+import { safeDefine } from '../safe-define';
+
+safeDefine(AlertDialogTitleElement);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;
+  }
+}

packages/html/src/define/ui/alert-dialog.ts

@@ -0,0 +1,20 @@
+import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';
+import { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';
+import { AlertDialogElement } from '../../ui/alert-dialog/alert-dialog-element';
+import { AlertDialogTitleElement } from '../../ui/alert-dialog/alert-dialog-title-element';
+import { safeDefine } from '../safe-define';
+
+// Parent first — child elements consume its context.
+safeDefine(AlertDialogElement);
+safeDefine(AlertDialogCloseElement);
+safeDefine(AlertDialogDescriptionElement);
+safeDefine(AlertDialogTitleElement);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    [AlertDialogElement.tagName]: AlertDialogElement;
+    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;
+    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;
+    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;
+  }
+}