alert-dialog

1import * as React from "react"
2import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
3import { cva, type VariantProps } from "class-variance-authority"
4 
5import { cn } from "@/lib/utils"
6import { Button } from "@/registry/new-york/ui/button/button"
7import "./alert-dialog.css"
8 
9/* ------------------------------------------------------------------ */
10/*  CVA                                                                */
11/* ------------------------------------------------------------------ */
12 
13const alertDialogIconVariants = cva(
14  "alert-dialog-icon flex items-center justify-center shrink-0 size-[var(--layout-size-lg)] rounded-[var(--layout-radius-full)] [&_svg]:size-[var(--layout-size-xs)]",
15  {
16    variants: {
17      variant: {
18        brand: "alert-dialog-icon-brand",
19        destructive: "alert-dialog-icon-destructive",
20        success: "alert-dialog-icon-success",
21        warning: "alert-dialog-icon-warning",
22      },
23    },
24    defaultVariants: {
25      variant: "destructive",
26    },
27  }
28)
29 
30/* ------------------------------------------------------------------ */
31/*  AlertDialog                                                        */
32/* ------------------------------------------------------------------ */
33 
34function AlertDialog({
35  ...props
36}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
37  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
38}
39 
40/* ------------------------------------------------------------------ */
41/*  AlertDialogTrigger                                                 */
42/* ------------------------------------------------------------------ */
43 
44function AlertDialogTrigger({
45  ...props
46}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
47  return (
48    <AlertDialogPrimitive.Trigger
49      data-slot="alert-dialog-trigger"
50      {...props}
51    />
52  )
53}
54 
55/* ------------------------------------------------------------------ */
56/*  AlertDialogPortal                                                  */
57/* ------------------------------------------------------------------ */
58 
59function AlertDialogPortal({
60  ...props
61}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
62  return <AlertDialogPrimitive.Portal {...props} />
63}
64 
65/* ------------------------------------------------------------------ */
66/*  AlertDialogOverlay                                                 */
67/* ------------------------------------------------------------------ */
68 
69function AlertDialogOverlay({
70// … truncated