{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"canvas","type":"registry:component","title":"Canvas","description":"AI-powered canvas component.","files":[{"path":"registry/default/ai-elements/canvas.tsx","type":"registry:component","content":"import { Background, ReactFlow, type ReactFlowProps } from \"@xyflow/react\";\nimport type { ReactNode } from \"react\";\nimport \"@xyflow/react/dist/style.css\";\n\ntype CanvasProps = ReactFlowProps & {\n  children?: ReactNode;\n};\n\nexport const Canvas = ({ children, ...props }: CanvasProps) => (\n  <ReactFlow\n    deleteKeyCode={[\"Backspace\", \"Delete\"]}\n    fitView\n    panOnDrag={false}\n    panOnScroll\n    selectionOnDrag={true}\n    zoomOnDoubleClick={false}\n    {...props}\n  >\n    <Background bgColor=\"var(--sidebar)\" />\n    {children}\n  </ReactFlow>\n);\n","target":"components/ai-elements/canvas.tsx"}],"dependencies":["@xyflow/react"],"devDependencies":[],"registryDependencies":[]}