{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert",
  "title": "Alert",
  "description": "TDDS-styled alert with info, warning, error, and success variants",
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/alert.tsx",
      "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\n// USWDS-style filled circle icons (black background, white symbol)\nconst AlertInfoIcon = () => (\n  <svg className=\"size-7 shrink-0\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"var(--treasury-ink)\" />\n    <text x=\"10\" y=\"14.5\" textAnchor=\"middle\" fill=\"white\" fontSize=\"12\" fontWeight=\"bold\" fontFamily=\"system-ui\">i</text>\n  </svg>\n)\n\nconst AlertWarningIcon = () => (\n  <svg className=\"size-7 shrink-0\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"var(--treasury-ink)\" />\n    <text x=\"10\" y=\"14.5\" textAnchor=\"middle\" fill=\"white\" fontSize=\"13\" fontWeight=\"bold\" fontFamily=\"system-ui\">!</text>\n  </svg>\n)\n\nconst AlertErrorIcon = () => (\n  <svg className=\"size-7 shrink-0\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"var(--treasury-ink)\" />\n    <path d=\"M7 7L13 13M13 7L7 13\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n  </svg>\n)\n\nconst AlertSuccessIcon = () => (\n  <svg className=\"size-7 shrink-0\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"var(--treasury-ink)\" />\n    <path d=\"M6 10L9 13L14 7\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst alertVariants = cva(\n  \"flex gap-3 border-l-8 px-4 py-3 text-left text-sm w-full relative group/alert text-treasury-ink\",\n  {\n    variants: {\n      variant: {\n        default: \"border-l-treasury-base bg-treasury-base-lightest\",\n        info: \"border-l-treasury-primary-light bg-treasury-primary-lightest\",\n        warning: \"border-l-treasury-accent bg-treasury-accent-lightest\",\n        error: \"border-l-treasury-warning bg-treasury-warning-lightest\",\n        success: \"border-l-treasury-secondary bg-treasury-secondary-lightest\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  const IconComponent = {\n    default: null,\n    info: AlertInfoIcon,\n    warning: AlertWarningIcon,\n    error: AlertErrorIcon,\n    success: AlertSuccessIcon,\n  }[variant || \"default\"]\n\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    >\n      {IconComponent && <IconComponent />}\n      <div className=\"flex-1 space-y-0.5\">{children}</div>\n    </div>\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-semibold text-base [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\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(\n        \"text-treasury-base-darkest text-sm [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2.5 right-3\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}