{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dot-pattern",
  "type": "registry:ui",
  "files": [
    {
      "path": "registry/designali/ui/dot-pattern.tsx",
      "content": "\"use client\"\n\nimport { useId } from \"react\"\n\nimport { cn } from \"@workspace/ui/lib/utils\"\n\ninterface DotPatternProps {\n  width?: number\n  height?: number\n  x?: number\n  y?: number\n  cx?: number\n  cy?: number\n  dotSize?: number\n  className?: string\n}\n\nfunction DotPattern({\n  width = 20,\n  height = 20,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  dotSize = 0.7,\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 rounded-md p-1\",\n        className\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          id={id}\n          width={width}\n          height={height}\n          patternUnits=\"userSpaceOnUse\"\n          patternContentUnits=\"userSpaceOnUse\"\n          x={x}\n          y={y}\n        >\n          <circle\n            id=\"pattern-circle\"\n            cx={cx}\n            cy={cy}\n            r={dotSize}\n            fill=\"currentColor\"\n            opacity={0.5}\n          />\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n    </svg>\n  )\n}\n\nexport { DotPattern }\n",
      "type": "registry:ui"
    }
  ]
}