{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "infoicon", "type": "registry:component", "title": "InfoIcon", "description": "Componente Concorde InfoIcon — un solo archivo, InfoIcon.tsx.", "dependencies": [ "react" ], "registryDependencies": [], "files": [ { "path": "components/InfoIcon.tsx", "type": "registry:file", "target": "components/InfoIcon.tsx", "content": "\"use client\";\n\n/**\n * InfoIcon — Generado por Concorde\n * Fuente: Figma VOYAGER · \"InfoIcon Outline\" (nodo 2035:16600)\n *\n * Ícono de información ⓘ 16×16: círculo + «i» con trazo gradiente naranja→lila\n * (#ED8936 → #8460E5, vector 2,3.36 → 14,12.64). Tamaño personalizable.\n * El id del gradiente se aísla con useId para no colisionar entre instancias.\n */\n\nimport { useId } from \"react\";\nimport type { JSX } from \"react\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface InfoIconProps {\n /** Ancho y alto en px (default 16). */\n size?: number;\n /** Texto accesible — si se omite, el ícono es decorativo (aria-hidden). */\n title?: string;\n className?: string;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport default function InfoIcon({ size = 16, title, className = \"\" }: InfoIconProps): JSX.Element {\n const uid = useId().replace(/:/g, \"-\");\n\n return (\n \n {title ? {title} : null}\n \n \n \n \n \n \n \n \n \n );\n}\n" } ] }