diff options
Diffstat (limited to 'cmd/mirum-server/web/components/ui/alert.tsx')
| -rw-r--r-- | cmd/mirum-server/web/components/ui/alert.tsx | 79 | +0 −79 |
1 files changed, 0 insertions, 79 deletions
diff --git a/cmd/mirum-server/web/components/ui/alert.tsx b/cmd/mirum-server/web/components/ui/alert.tsx deleted file mode 100644 --- a/cmd/mirum-server/web/components/ui/alert.tsx +++ /dev/null @@ -1,79 +0,0 @@ -// Copyright (c) 2023 shadcn -// SPDX-License-Identifier: MIT - -import * as React from "react"; -import { cva, type VariantProps } from "class-variance-authority"; - -import { cn } from "@/lib/utils"; - -const alertVariants = cva( - "group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", - { - variants: { - variant: { - default: "bg-card text-card-foreground", - destructive: - "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current", - }, - }, - defaultVariants: { - variant: "default", - }, - }, -); - -function Alert({ - className, - variant, - ...props -}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) { - return ( - <div - data-slot="alert" - role="alert" - className={cn(alertVariants({ variant }), className)} - {...props} - /> - ); -} - -function AlertTitle({ className, ...props }: React.ComponentProps<"div">) { - return ( - <div - data-slot="alert-title" - className={cn( - "font-heading font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", - className, - )} - {...props} - /> - ); -} - -function AlertDescription({ - className, - ...props -}: React.ComponentProps<"div">) { - return ( - <div - data-slot="alert-description" - className={cn( - "text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", - className, - )} - {...props} - /> - ); -} - -function AlertAction({ className, ...props }: React.ComponentProps<"div">) { - return ( - <div - data-slot="alert-action" - className={cn("absolute top-2.5 end-3", className)} - {...props} - /> - ); -} - -export { Alert, AlertTitle, AlertDescription, AlertAction }; |