gitscope
/
← marzneshin / dashboard/src/components/ui/alert-dialog.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/ui/alert-dialog.tsx · v0.3.0-alpha
Source
1 88bd1b0 Mrdn 2y ago import * as React from "react"
2 88bd1b0 Mrdn 2y ago import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
3 88bd1b0 Mrdn 2y ago
4 88bd1b0 Mrdn 2y ago import { cn } from "@marzneshin/utils"
5 88bd1b0 Mrdn 2y ago import { buttonVariants } from "@marzneshin/components/ui/button"
6 88bd1b0 Mrdn 2y ago
7 88bd1b0 Mrdn 2y ago const AlertDialog = AlertDialogPrimitive.Root
8 88bd1b0 Mrdn 2y ago
9 88bd1b0 Mrdn 2y ago const AlertDialogTrigger = AlertDialogPrimitive.Trigger
10 88bd1b0 Mrdn 2y ago
11 88bd1b0 Mrdn 2y ago const AlertDialogPortal = AlertDialogPrimitive.Portal
12 88bd1b0 Mrdn 2y ago
13 88bd1b0 Mrdn 2y ago const AlertDialogOverlay = React.forwardRef<
14 88bd1b0 Mrdn 2y ago React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
15 88bd1b0 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
16 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
17 88bd1b0 Mrdn 2y ago <AlertDialogPrimitive.Overlay
18 88bd1b0 Mrdn 2y ago className={cn(
19 88bd1b0 Mrdn 2y ago "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
20 88bd1b0 Mrdn 2y ago className
21 88bd1b0 Mrdn 2y ago )}
22 88bd1b0 Mrdn 2y ago {...props}
23 88bd1b0 Mrdn 2y ago ref={ref}
24 88bd1b0 Mrdn 2y ago />
25 88bd1b0 Mrdn 2y ago ))
26 88bd1b0 Mrdn 2y ago AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
27 88bd1b0 Mrdn 2y ago
28 88bd1b0 Mrdn 2y ago const AlertDialogContent = React.forwardRef<
29 88bd1b0 Mrdn 2y ago React.ElementRef<typeof AlertDialogPrimitive.Content>,
30 88bd1b0 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
31 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
32 88bd1b0 Mrdn 2y ago <AlertDialogPortal>
33 88bd1b0 Mrdn 2y ago <AlertDialogOverlay />
34 88bd1b0 Mrdn 2y ago <AlertDialogPrimitive.Content
35 88bd1b0 Mrdn 2y ago ref={ref}
36 88bd1b0 Mrdn 2y ago className={cn(
37 88bd1b0 Mrdn 2y ago "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
38 88bd1b0 Mrdn 2y ago className
39 88bd1b0 Mrdn 2y ago )}
40 88bd1b0 Mrdn 2y ago {...props}
41 88bd1b0 Mrdn 2y ago />
42 88bd1b0 Mrdn 2y ago </AlertDialogPortal>
43 88bd1b0 Mrdn 2y ago ))
44 88bd1b0 Mrdn 2y ago AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
45 88bd1b0 Mrdn 2y ago
46 88bd1b0 Mrdn 2y ago const AlertDialogHeader = ({
47 88bd1b0 Mrdn 2y ago className,
48 88bd1b0 Mrdn 2y ago ...props
49 88bd1b0 Mrdn 2y ago }: React.HTMLAttributes<HTMLDivElement>) => (
50 88bd1b0 Mrdn 2y ago <div
51 88bd1b0 Mrdn 2y ago className={cn(
52 88bd1b0 Mrdn 2y ago "flex flex-col space-y-2 text-center sm:text-left",
53 88bd1b0 Mrdn 2y ago className
54 88bd1b0 Mrdn 2y ago )}
55 88bd1b0 Mrdn 2y ago {...props}
56 88bd1b0 Mrdn 2y ago />
57 88bd1b0 Mrdn 2y ago )
58 88bd1b0 Mrdn 2y ago AlertDialogHeader.displayName = "AlertDialogHeader"
59 88bd1b0 Mrdn 2y ago
60 88bd1b0 Mrdn 2y ago const AlertDialogFooter = ({
61 88bd1b0 Mrdn 2y ago className,
62 88bd1b0 Mrdn 2y ago ...props
63 88bd1b0 Mrdn 2y ago }: React.HTMLAttributes<HTMLDivElement>) => (
64 88bd1b0 Mrdn 2y ago <div
65 88bd1b0 Mrdn 2y ago className={cn(
66 88bd1b0 Mrdn 2y ago "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
67 88bd1b0 Mrdn 2y ago className
68 88bd1b0 Mrdn 2y ago )}
69 88bd1b0 Mrdn 2y ago {...props}
70 88bd1b0 Mrdn 2y ago />
71 88bd1b0 Mrdn 2y ago )
72 88bd1b0 Mrdn 2y ago AlertDialogFooter.displayName = "AlertDialogFooter"
73 88bd1b0 Mrdn 2y ago
74 88bd1b0 Mrdn 2y ago const AlertDialogTitle = React.forwardRef<
75 88bd1b0 Mrdn 2y ago React.ElementRef<typeof AlertDialogPrimitive.Title>,
76 88bd1b0 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
77 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
78 88bd1b0 Mrdn 2y ago <AlertDialogPrimitive.Title
79 88bd1b0 Mrdn 2y ago ref={ref}
80 88bd1b0 Mrdn 2y ago className={cn("text-lg font-semibold", className)}
81 88bd1b0 Mrdn 2y ago {...props}
82 88bd1b0 Mrdn 2y ago />
83 88bd1b0 Mrdn 2y ago ))
84 88bd1b0 Mrdn 2y ago AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
85 88bd1b0 Mrdn 2y ago
86 88bd1b0 Mrdn 2y ago const AlertDialogDescription = React.forwardRef<
87 88bd1b0 Mrdn 2y ago React.ElementRef<typeof AlertDialogPrimitive.Description>,
88 88bd1b0 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
89 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
90 88bd1b0 Mrdn 2y ago <AlertDialogPrimitive.Description
91 88bd1b0 Mrdn 2y ago ref={ref}
92 88bd1b0 Mrdn 2y ago className={cn("text-sm text-muted-foreground", className)}
93 88bd1b0 Mrdn 2y ago {...props}
94 88bd1b0 Mrdn 2y ago />
95 88bd1b0 Mrdn 2y ago ))
96 88bd1b0 Mrdn 2y ago AlertDialogDescription.displayName =
97 88bd1b0 Mrdn 2y ago AlertDialogPrimitive.Description.displayName
98 88bd1b0 Mrdn 2y ago
99 88bd1b0 Mrdn 2y ago const AlertDialogAction = React.forwardRef<
100 88bd1b0 Mrdn 2y ago React.ElementRef<typeof AlertDialogPrimitive.Action>,
101 88bd1b0 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
102 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
103 88bd1b0 Mrdn 2y ago <AlertDialogPrimitive.Action
104 88bd1b0 Mrdn 2y ago ref={ref}
105 88bd1b0 Mrdn 2y ago className={cn(buttonVariants(), className)}
106 88bd1b0 Mrdn 2y ago {...props}
107 88bd1b0 Mrdn 2y ago />
108 88bd1b0 Mrdn 2y ago ))
109 88bd1b0 Mrdn 2y ago AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
110 88bd1b0 Mrdn 2y ago
111 88bd1b0 Mrdn 2y ago const AlertDialogCancel = React.forwardRef<
112 88bd1b0 Mrdn 2y ago React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
113 88bd1b0 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
114 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
115 88bd1b0 Mrdn 2y ago <AlertDialogPrimitive.Cancel
116 88bd1b0 Mrdn 2y ago ref={ref}
117 88bd1b0 Mrdn 2y ago className={cn(
118 88bd1b0 Mrdn 2y ago buttonVariants({ variant: "outline" }),
119 88bd1b0 Mrdn 2y ago "mt-2 sm:mt-0",
120 88bd1b0 Mrdn 2y ago className
121 88bd1b0 Mrdn 2y ago )}
122 88bd1b0 Mrdn 2y ago {...props}
123 88bd1b0 Mrdn 2y ago />
124 88bd1b0 Mrdn 2y ago ))
125 88bd1b0 Mrdn 2y ago AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
126 88bd1b0 Mrdn 2y ago
127 88bd1b0 Mrdn 2y ago export {
128 88bd1b0 Mrdn 2y ago AlertDialog,
129 88bd1b0 Mrdn 2y ago AlertDialogPortal,
130 88bd1b0 Mrdn 2y ago AlertDialogOverlay,
131 88bd1b0 Mrdn 2y ago AlertDialogTrigger,
132 88bd1b0 Mrdn 2y ago AlertDialogContent,
133 88bd1b0 Mrdn 2y ago AlertDialogHeader,
134 88bd1b0 Mrdn 2y ago AlertDialogFooter,
135 88bd1b0 Mrdn 2y ago AlertDialogTitle,
136 88bd1b0 Mrdn 2y ago AlertDialogDescription,
137 88bd1b0 Mrdn 2y ago AlertDialogAction,
138 88bd1b0 Mrdn 2y ago AlertDialogCancel,
139 88bd1b0 Mrdn 2y ago }