{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert",
  "title": "Alert",
  "description": "Soft gradient notice panel in note, caution and stop flavors.",
  "dependencies": [
    "class-variance-authority"
  ],
  "files": [
    {
      "path": "registry/aqua/ui/alert.tsx",
      "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-[13px] shadow-[inset_0_1px_0_rgba(255,255,255,0.8),0_1px_3px_rgba(20,30,50,0.12)] has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3 [&>svg]:mt-0.5 [&>svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-[#93a7c2] bg-[linear-gradient(180deg,#f4f9fe_0%,#e2eefb_100%)] text-[#2c3e55] [&>svg]:text-[#1c5fb8]\",\n        warning:\n          \"border-[#c2b06e] bg-[linear-gradient(180deg,#fffbe3_0%,#fdf3bc_100%)] text-[#5c4d1a] [&>svg]:text-[#8f7412]\",\n        destructive:\n          \"border-[#d9958d] bg-[linear-gradient(180deg,#fdf2f1_0%,#fadfdc_100%)] text-[#7a2a22] [&>svg]:text-[#a81f1f]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 font-bold [text-shadow:0_1px_0_rgba(255,255,255,0.6)]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"col-start-2 text-[12.5px] leading-relaxed\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertDescription, AlertTitle }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}