diff --git a/apps/www/src/lib/registry/default/example/DialogCustomCloseButton.vue b/apps/www/src/lib/registry/default/example/DialogCustomCloseButton.vue
index 7ef4eef2..39e5fa36 100644
--- a/apps/www/src/lib/registry/default/example/DialogCustomCloseButton.vue
+++ b/apps/www/src/lib/registry/default/example/DialogCustomCloseButton.vue
@@ -3,6 +3,7 @@ import { Copy } from 'lucide-vue-next'
 import { Button } from '@/lib/registry/default/ui/button'
 import {
   Dialog,
+  DialogClose,
   DialogContent,
   DialogDescription,
   DialogFooter,
diff --git a/apps/www/src/lib/registry/default/ui/dialog/DialogClose.vue b/apps/www/src/lib/registry/default/ui/dialog/DialogClose.vue
new file mode 100644
index 00000000..a64703e5
--- /dev/null
+++ b/apps/www/src/lib/registry/default/ui/dialog/DialogClose.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { DialogClose, type DialogCloseProps } from 'radix-vue'
+
+const props = defineProps<DialogCloseProps>()
+</script>
+
+<template>
+  <DialogClose v-bind="props">
+    <slot />
+  </DialogClose>
+</template>
diff --git a/apps/www/src/lib/registry/default/ui/dialog/index.ts b/apps/www/src/lib/registry/default/ui/dialog/index.ts
index 5cffe9e9..303347eb 100644
--- a/apps/www/src/lib/registry/default/ui/dialog/index.ts
+++ b/apps/www/src/lib/registry/default/ui/dialog/index.ts
@@ -1,4 +1,5 @@
 export { default as Dialog } from './Dialog.vue'
+export { default as DialogClose } from './DialogClose.vue'
 export { default as DialogTrigger } from './DialogTrigger.vue'
 export { default as DialogHeader } from './DialogHeader.vue'
 export { default as DialogTitle } from './DialogTitle.vue'
diff --git a/apps/www/src/lib/registry/new-york/example/AlertDestructiveDemo.vue b/apps/www/src/lib/registry/new-york/example/AlertDestructiveDemo.vue
index b5aaecb3..1f541256 100644
--- a/apps/www/src/lib/registry/new-york/example/AlertDestructiveDemo.vue
+++ b/apps/www/src/lib/registry/new-york/example/AlertDestructiveDemo.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { AlertTriangle } from '@radix-icons/vue'
+import { ExclamationTriangleIcon } from '@radix-icons/vue'
 import { Alert, AlertDescription, AlertTitle } from '@/lib/registry/new-york/ui/alert'
 </script>
 
 <template>
   <Alert variant="destructive">
-    <AlertTriangle class="w-4 h-4" />
+    <ExclamationTriangleIcon class="w-4 h-4" />
     <AlertTitle>Error</AlertTitle>
     <AlertDescription>
       Your session has expired. Please log in again.
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogClose.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogClose.vue
new file mode 100644
index 00000000..a64703e5
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogClose.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { DialogClose, type DialogCloseProps } from 'radix-vue'
+
+const props = defineProps<DialogCloseProps>()
+</script>
+
+<template>
+  <DialogClose v-bind="props">
+    <slot />
+  </DialogClose>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/index.ts b/apps/www/src/lib/registry/new-york/ui/dialog/index.ts
index 5cffe9e9..303347eb 100644
--- a/apps/www/src/lib/registry/new-york/ui/dialog/index.ts
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/index.ts
@@ -1,4 +1,5 @@
 export { default as Dialog } from './Dialog.vue'
+export { default as DialogClose } from './DialogClose.vue'
 export { default as DialogTrigger } from './DialogTrigger.vue'
 export { default as DialogHeader } from './DialogHeader.vue'
 export { default as DialogTitle } from './DialogTitle.vue'