1- import * as React from "react"
2- import { AlertDialog as AlertDialogPrimitive } from "radix-ui"
1+ import * as React from "react" ;
2+ import { AlertDialog as AlertDialogPrimitive } from "radix-ui" ;
33
4- import { cn } from "@/lib/utils"
5- import { Button } from "@/components/ui/button"
4+ import { cn } from "@/lib/utils" ;
5+ import { Button } from "@/components/ui/button" ;
66
77function AlertDialog ( {
88 ...props
99} : React . ComponentProps < typeof AlertDialogPrimitive . Root > ) {
10- return < AlertDialogPrimitive . Root data-slot = "alert-dialog" { ...props } />
10+ return < AlertDialogPrimitive . Root data-slot = "alert-dialog" { ...props } /> ;
1111}
1212
1313function AlertDialogTrigger ( {
1414 ...props
1515} : React . ComponentProps < typeof AlertDialogPrimitive . Trigger > ) {
1616 return (
1717 < AlertDialogPrimitive . Trigger data-slot = "alert-dialog-trigger" { ...props } />
18- )
18+ ) ;
1919}
2020
2121function AlertDialogPortal ( {
2222 ...props
2323} : React . ComponentProps < typeof AlertDialogPrimitive . Portal > ) {
2424 return (
2525 < AlertDialogPrimitive . Portal data-slot = "alert-dialog-portal" { ...props } />
26- )
26+ ) ;
2727}
2828
2929function AlertDialogOverlay ( {
@@ -34,20 +34,20 @@ function AlertDialogOverlay({
3434 < AlertDialogPrimitive . Overlay
3535 data-slot = "alert-dialog-overlay"
3636 className = { cn (
37- "fixed inset-0 z-50 bg-black/30 duration-100 supports-backdrop-filter:backdrop-blur-sm data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0" ,
38- className
37+ "data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 z-50 bg-black/30 duration-100 supports-backdrop-filter:backdrop-blur-sm " ,
38+ className ,
3939 ) }
4040 { ...props }
4141 />
42- )
42+ ) ;
4343}
4444
4545function AlertDialogContent ( {
4646 className,
4747 size = "default" ,
4848 ...props
4949} : React . ComponentProps < typeof AlertDialogPrimitive . Content > & {
50- size ?: "default" | "sm"
50+ size ?: "default" | "sm" ;
5151} ) {
5252 return (
5353 < AlertDialogPortal >
@@ -56,13 +56,13 @@ function AlertDialogContent({
5656 data-slot = "alert-dialog-content"
5757 data-size = { size }
5858 className = { cn (
59- "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-popover-foreground shadow-xl ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md dark:ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 " ,
60- className
59+ "group/alert-dialog-content bg-popover text-popover-foreground ring-foreground/5 dark:ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl p-6 shadow-xl ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md" ,
60+ className ,
6161 ) }
6262 { ...props }
6363 />
6464 </ AlertDialogPortal >
65- )
65+ ) ;
6666}
6767
6868function AlertDialogHeader ( {
@@ -74,11 +74,11 @@ function AlertDialogHeader({
7474 data-slot = "alert-dialog-header"
7575 className = { cn (
7676 "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]" ,
77- className
77+ className ,
7878 ) }
7979 { ...props }
8080 />
81- )
81+ ) ;
8282}
8383
8484function AlertDialogFooter ( {
@@ -90,11 +90,11 @@ function AlertDialogFooter({
9090 data-slot = "alert-dialog-footer"
9191 className = { cn (
9292 "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end" ,
93- className
93+ className ,
9494 ) }
9595 { ...props }
9696 />
97- )
97+ ) ;
9898}
9999
100100function AlertDialogMedia ( {
@@ -105,12 +105,12 @@ function AlertDialogMedia({
105105 < div
106106 data-slot = "alert-dialog-media"
107107 className = { cn (
108- "mb-2 inline-flex size-16 items-center justify-center rounded-full bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8" ,
109- className
108+ "bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-full sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8" ,
109+ className ,
110110 ) }
111111 { ...props }
112112 />
113- )
113+ ) ;
114114}
115115
116116function AlertDialogTitle ( {
@@ -122,11 +122,11 @@ function AlertDialogTitle({
122122 data-slot = "alert-dialog-title"
123123 className = { cn (
124124 "font-heading text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2" ,
125- className
125+ className ,
126126 ) }
127127 { ...props }
128128 />
129- )
129+ ) ;
130130}
131131
132132function AlertDialogDescription ( {
@@ -137,12 +137,12 @@ function AlertDialogDescription({
137137 < AlertDialogPrimitive . Description
138138 data-slot = "alert-dialog-description"
139139 className = { cn (
140- "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground " ,
141- className
140+ "text-muted-foreground *:[a]:hover: text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3" ,
141+ className ,
142142 ) }
143143 { ...props }
144144 />
145- )
145+ ) ;
146146}
147147
148148function AlertDialogAction ( {
@@ -160,7 +160,7 @@ function AlertDialogAction({
160160 { ...props }
161161 />
162162 </ Button >
163- )
163+ ) ;
164164}
165165
166166function AlertDialogCancel ( {
@@ -178,7 +178,7 @@ function AlertDialogCancel({
178178 { ...props }
179179 />
180180 </ Button >
181- )
181+ ) ;
182182}
183183
184184export {
@@ -194,4 +194,4 @@ export {
194194 AlertDialogPortal ,
195195 AlertDialogTitle ,
196196 AlertDialogTrigger ,
197- }
197+ } ;
0 commit comments