{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert",
  "title": "Alert",
  "description": "Circle alert callout primitives.",
  "registryDependencies": [
    "@circle-ui/utils"
  ],
  "files": [
    {
      "path": "registry/berlin/circle-ui/alert.tsx",
      "content": "// Generated from packages/ui/src/components/alert.tsx\nimport * as React from \"react\";\n\nimport { cn } from \"@/registry/berlin/lib/utils\";\n\nfunction WarningCircleIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\" opacity=\"0.12\" />\n      <path\n        d=\"M12 7.5v5m0 3h.01\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport interface AlertCardProps extends React.PropsWithChildren {\n  className?: string;\n  title: string;\n}\n\nexport function AlertCard({ title, className, children }: AlertCardProps) {\n  return (\n    <div\n      className={cn(\n        \"flex w-full flex-col gap-3 rounded-[var(--border-radius)] border p-6\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-1 text-xs font-semibold uppercase leading-4 tracking-[0.03em]\">\n        <WarningCircleIcon className=\"h-4 w-4 shrink-0\" />\n        {title}\n      </div>\n      <div className=\"text-sm leading-6 text-foreground/80\">{children}</div>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/circle/ui/alert.tsx"
    }
  ],
  "type": "registry:ui"
}