{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"connection","type":"registry:component","title":"Connection","description":"AI-powered connection component.","files":[{"path":"registry/default/ai-elements/connection.tsx","type":"registry:component","content":"import type { ConnectionLineComponent } from \"@xyflow/react\";\n\nconst HALF = 0.5;\n\nexport const Connection: ConnectionLineComponent = ({\n  fromX,\n  fromY,\n  toX,\n  toY,\n}) => (\n  <g>\n    <path\n      className=\"animated\"\n      d={`M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`}\n      fill=\"none\"\n      stroke=\"var(--color-ring)\"\n      strokeWidth={1}\n    />\n    <circle\n      cx={toX}\n      cy={toY}\n      fill=\"#fff\"\n      r={3}\n      stroke=\"var(--color-ring)\"\n      strokeWidth={1}\n    />\n  </g>\n);\n","target":"components/ai-elements/connection.tsx"}],"dependencies":["@xyflow/react"],"devDependencies":[],"registryDependencies":[]}