\n {/* Heading — primer elemento, sin card detrás (apoyado directo en el fondo blanco) */}\n
\n \n );\n}\n"
},
{
"path": "bloques/register/desktop/TermsAcceptance.tsx",
"type": "registry:file",
"target": "bloques/register/desktop/TermsAcceptance.tsx",
"content": "\"use client\";\n\n/**\n * TermsAcceptance — Bloque de Concorde (Voyager DS)\n *\n * Checklist de aceptación de términos del Register (766 fill, sin card\n * detrás): 3 TermsSelector (el primero empieza marcado, coincide con el\n * spec) + botón \"Sigamos\" centrado — deshabilitado hasta que las 3 casillas\n * estén marcadas.\n */\n\nimport { useState } from \"react\";\nimport type { JSX } from \"react\";\nimport Button from \"../../../components/Button\";\nimport TermsSelector from \"../../../components/TermsSelector\";\n\nexport interface TermsAcceptanceProps {\n className?: string;\n}\n\nconst STYLE_ID = \"concorde-terms-acceptance-styles\";\n\nconst STYLES = `\n.ta-cta-row { display: flex; justify-content: center; margin-top: 8px; }\n`;\n\nlet _stylesInjected = false;\n\nexport default function TermsAcceptance({ className = \"\" }: TermsAcceptanceProps): JSX.Element {\n const [terms, setTerms] = useState(true);\n const [privacy, setPrivacy] = useState(false);\n const [marketing, setMarketing] = useState(false);\n\n if (typeof document !== \"undefined\" && !_stylesInjected) {\n if (!document.getElementById(STYLE_ID)) {\n const el = document.createElement(\"style\");\n el.id = STYLE_ID;\n el.textContent = STYLES;\n document.head.appendChild(el);\n }\n _stylesInjected = true;\n }\n\n const allChecked = terms && privacy && marketing;\n\n return (\n TÉRMINOS Y CONDICIONES
\n\n {/* Checklist de aceptación + botón \"Sigamos\" — sin card detrás */}\n CENTRO DE AYUDA
\n \n \n\n \n He leído y acepto las Condiciones y Términos de uso del servicio.\n \n\n \n Acepto Política de privacidad y protección de Datos Personales.\n \n\n \n Acepto que VMC SUBASTAS pueda remitirme promociones y publicidad de acuerdo con la Política de Privacidad.\n \n\n
\n );\n}\n"
},
{
"path": "bloques/register/mobile/dimensions.ts",
"type": "registry:file",
"target": "bloques/register/mobile/dimensions.ts",
"content": "/**\n * Dimensiones del bloque Register (mobile) — módulo plano sin \"use client\".\n * Los Server Components y los Viewers pueden importar estas constantes\n * sin cruzar la barrera \"use client\" → undefined → NaN.\n *\n * Altura: Header + heading + PersonalDataCard + BillingCard + nota\n * \"Importante\" (primera parte de mobile — faltan banners y TermsAcceptance).\n * Es una ESTIMACIÓN con margen de sobra a propósito (no hay Puppeteer en el\n * repo para medir el DOM real) — si queda CORTA, el canvas la recorta; si\n * queda LARGA, sólo sobra fondo morado debajo. Ajustar tras verla en el navegador.\n */\n\nexport const REGISTER_MOBILE_WIDTH = 420;\nexport const REGISTER_MOBILE_HEIGHT = 1250;\n"
},
{
"path": "bloques/register/mobile/RegisterMobile.tsx",
"type": "registry:file",
"target": "bloques/register/mobile/RegisterMobile.tsx",
"content": "\"use client\";\n\n/**\n * RegisterMobile — Bloque de Concorde (Voyager DS)\n *\n * Página de registro · mobile (420 de ancho) — primera parte:\n * · Header 420×64 (guest, \"Ingresa\")\n * · Heading — texto real (no el SVG del desktop: a este ancho necesita\n * reflow, un SVG de tamaño fijo no puede hacer wrap)\n * · PersonalDataCard (mobile: 1 columna) + BillingCard (mobile: apilado)\n * · Nota \"Importante\" (compartida con desktop, vía Register.tsx)\n *\n * Falta: banners placeholder + TermsAcceptance (se agregan después).\n */\n\nimport { useState } from \"react\";\nimport type { JSX } from \"react\";\nimport AppHeader from \"../../header/desktop/Header\";\nimport PersonalDataCard from \"../desktop/PersonalDataCard\";\nimport BillingCard from \"../desktop/BillingCard\";\nimport { ImportantNotice } from \"../desktop/Register\";\nimport SidebarMobile, { SidebarMenuButton } from \"../../sidebar/mobile/SidebarMobile\";\nimport { REGISTER_MOBILE_WIDTH, REGISTER_MOBILE_HEIGHT } from \"./dimensions\";\n\nexport { REGISTER_MOBILE_WIDTH, REGISTER_MOBILE_HEIGHT } from \"./dimensions\";\n\n\nexport interface RegisterMobileProps {\n className?: string;\n /** Alto del marco para previsualizaciones (px). En producción se omite. Ver `SidebarMobile`. */\n frameHeight?: number;\n}\n\n// Heading del Register en mobile — texto real (colores sólidos, no gradiente\n// vectorizado): a 388px de ancho el texto necesita reflow, algo que un SVG de\n// tamaño fijo (como el de desktop) no puede hacer.\nfunction RegisterHeadingMobile(): JSX.Element {\n return (\n \n \n
\n \n
\n );\n}\n\nexport default function RegisterMobile({ className = \"\", frameHeight }: RegisterMobileProps): JSX.Element {\n const [menuOpen, setMenuOpen] = useState(false);\n\n const page = (\n \n ¡Aquí comienza tu experiencia!\n
\n\n Regístrate y descubre un nuevo mundo de oportunidades.\n
\n![\"VMC](\"/logo-preview.png\"){kind=logo}
\n \n }\n />\n\n \n
\n \n );\n\n return (\n \n {options.map((label, i) => {\n const isActive = i === active;\n return (\n \n {label}\n \n );\n })}\n
\n \n );\n}\n"
},
{
"path": "components/Input.tsx",
"type": "registry:file",
"target": "components/Input.tsx",
"content": "\"use client\";\n\n/**\n * Input — Generado por Concorde\n * Fuente: Figma VOYAGER · \"Input\" (nodos 3008:15036 default · 3008:15028 focus · 3008:15044 error)\n *\n * Campo de texto 234×48, radio 16, relleno blanco. 3 variantes (por el borde):\n * · default → borde gradiente 1px #8460E5 → #FFF8F1\n * · focus → borde gradiente 2px #ED8936 → #8460E5 + glow naranja\n * · error → borde rojo 1px #EF4444 + mensaje de ayuda rojo debajo\n *\n * Al enfocar (real) un input \"default\" toma automáticamente el borde de focus.\n */\n\nimport { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, JSX } from \"react\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type InputVariant = \"default\" | \"focus\" | \"error\";\n\n/**\n * Hereda los atributos nativos de (type, name, id, placeholder, disabled,\n * aria-*, data-*, etc.) salvo onChange, que aquí entrega el string directo.\n * className se aplica al contenedor raíz (.pinput-root); el resto va al .\n */\nexport interface InputProps\n extends Omit\n
\n \n );\n});\n\nexport default Input;\n"
},
{
"path": "components/EyeIcon.tsx",
"type": "registry:file",
"target": "components/EyeIcon.tsx",
"content": "/**\n * EyeIcon — Generado por Concorde\n *\n * Ícono de mostrar/ocultar contraseña: ojo abierto (contraseña oculta) u ojo\n * tachado (contraseña visible). Usado por los campos de contraseña de Login\n * y PersonalDataCard — antes duplicado en ambos, ahora un solo componente.\n */\n\nimport type { JSX } from \"react\";\n\nexport interface EyeIconProps {\n /** true = ícono de \"ojo tachado\" (la contraseña está visible; click para ocultarla) */\n off?: boolean;\n size?: number;\n className?: string;\n}\n\nexport default function EyeIcon({ off = false, size = 20, className = \"\" }: EyeIconProps): JSX.Element {\n if (off) {\n return (\n \n );\n }\n return (\n \n );\n}\n"
},
{
"path": "components/Button.tsx",
"type": "registry:file",
"target": "components/Button.tsx",
"content": "// Button.tsx — Generado por Concorde\r\n// Fuente: https://voyager-ds.vercel.app/preview/components/pase1\r\n// Generado: 2026-05-25\r\n// EDITAR LIBREMENTE después de generar\r\n\r\n\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport type { ButtonHTMLAttributes, JSX, ReactNode } from \"react\";\r\n\r\nexport type ButtonVariant =\r\n | \"primary\"\r\n | \"negotiable\"\r\n | \"secondary\"\r\n | \"secondary-sm\"\r\n | \"ghost\"\r\n | \"outline\"\r\n | \"sm-guest\"\r\n | \"sm-logged-in\";\r\n\r\n/**\r\n * Hereda todos los atributos nativos de \r\n \r\n );\r\n});\r\n\r\nexport default Button;\r\n"
},
{
"path": "components/TermsSelector.tsx",
"type": "registry:file",
"target": "components/TermsSelector.tsx",
"content": "\"use client\";\n\n/**\n * TermsSelector — Generado por Concorde\n * Fuente: Figma VOYAGER · \"Label\" (nodo 2425:11019)\n *\n * Checkbox de términos: casilla 16×16 (radio 4) con relleno gradiente\n * (#8460E5 → #3B1782) y borde gradiente (white → #F4AC59 → #8460E5 → white)\n * cuando está marcada, más una etiqueta en #3B1782. Controlado o no controlado.\n */\n\nimport { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, JSX, ReactNode } from \"react\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\n/**\n * Hereda los atributos nativos del (name, id, required,\n * aria-*, data-*, value…) salvo onChange, que aquí entrega el booleano marcado,\n * y children, que es la etiqueta. className se aplica al \n
\n {showMsg ? {errorMessage}
: null}\n