{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dot-pattern",
  "title": "Dot Pattern",
  "description": "A simple dot pattern",
  "files": [
    {
      "path": "src/components/ui/dot-pattern.tsx",
      "content": "import { type ComponentProps, useId } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface DotPatternProps extends ComponentProps<\"svg\"> {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  cx?: number;\n  cy?: number;\n  cr?: number;\n  className?: string;\n}\nexport function DotPattern({\n  width = 16,\n  height = 16,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 1,\n  className,\n  ...props\n}: DotPatternProps) {\n  const id = useId();\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\n        \"pointer-events-none absolute inset-0 h-full w-full fill-neutral-400/80\",\n        className\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          height={height}\n          id={id}\n          patternContentUnits=\"userSpaceOnUse\"\n          patternUnits=\"userSpaceOnUse\"\n          width={width}\n          x={x}\n          y={y}\n        >\n          <circle cx={cx} cy={cy} id=\"pattern-circle\" r={cr} />\n        </pattern>\n      </defs>\n      <rect fill={`url(#${id})`} height=\"100%\" strokeWidth={0} width=\"100%\" />\n    </svg>\n  );\n}\n\nexport default DotPattern;\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}