{ "schema_version": "2.0", "library": "APREP UI", "version": "0.6.0", "generated_at": "2026-09-17", "description": "Design system AI-first para PHP 8.4 con componentes premium implementados y pantallas funcionales reutilizables.", "base_url": "https://ui.aprep.net/", "principles": [ "reuse-first", "research-before-inventing", "screen-before-pattern-before-component", "mobile-first", "php-8.4", "progressive-enhancement", "accessible-by-default", "performance-first", "no-react-by-default", "purposeful-motion", "low-ai-look-risk", "license-aware" ], "component_count": 204, "components": [ { "id": "kpi-card", "name": "KPI Card", "category": "Dashboard", "source": "ReUI / shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Métrica principal con tendencia, icono y contexto comparativo.", "tags": [ "kpi", "métrica", "ventas" ], "preview": "kpi", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 10 }, "selection_hints": [ "dashboard", "kpi", "métrica", "ventas", "hotel", "restaurant", "education", "crm", "fleet" ], "preview_url": "component.php?id=kpi-card", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "bento-metrics", "name": "Bento Metrics", "category": "Dashboard", "source": "Magic UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Panel compacto tipo bento para resumir varios indicadores.", "tags": [ "bento", "dashboard", "resumen" ], "preview": "bento", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "dashboard", "bento", "dashboard", "resumen", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=bento-metrics", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "mini-chart-card", "name": "Mini Chart Card", "category": "Dashboard", "source": "ReUI", "apps": [ "Hotel", "Restaurante", "CRM", "Flotas" ], "description": "Tarjeta KPI con sparkline SVG sin librerías externas.", "tags": [ "chart", "sparkline", "kpi" ], "preview": "mini-chart", "snippet": "
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 3, "crm": 10, "fleet": 10 }, "selection_hints": [ "dashboard", "chart", "sparkline", "kpi", "hotel", "restaurant", "crm", "fleet" ], "preview_url": "component.php?id=mini-chart-card", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "progress-ring", "name": "Progress Ring", "category": "Dashboard", "source": "Rare UI / custom", "apps": [ "Educación", "CRM", "Flotas" ], "description": "Progreso circular para metas, cumplimiento o avance.", "tags": [ "progreso", "metas", "score" ], "preview": "progress-ring", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 3, "restaurant": 3, "education": 10, "crm": 10, "fleet": 10 }, "selection_hints": [ "dashboard", "progreso", "metas", "score", "education", "crm", "fleet" ], "preview_url": "component.php?id=progress-ring", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "stat-list", "name": "Stat List", "category": "Dashboard", "source": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación" ], "description": "Listado limpio de métricas secundarias con variación.", "tags": [ "estadísticas", "lista", "resumen" ], "preview": "stat-list", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 3, "fleet": 3 }, "selection_hints": [ "dashboard", "estadísticas", "lista", "resumen", "hotel", "restaurant", "education" ], "preview_url": "component.php?id=stat-list", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "data-table", "name": "Data Table", "category": "Data", "source": "ReUI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Tabla empresarial responsive con estados y acciones.", "tags": [ "tabla", "datos", "acciones" ], "preview": "data-table", "snippet": "...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 10 }, "selection_hints": [ "data", "tabla", "datos", "acciones", "hotel", "restaurant", "education", "crm", "fleet" ], "preview_url": "component.php?id=data-table", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "filter-chips", "name": "Filter Chips", "category": "Data", "source": "Origin UI", "apps": [ "Hotel", "Restaurante", "CRM" ], "description": "Filtros rápidos con selección múltiple y contador.", "tags": [ "filtros", "chips", "buscar" ], "preview": "filter-chips", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 3, "crm": 10, "fleet": 3 }, "selection_hints": [ "data", "filtros", "chips", "buscar", "hotel", "restaurant", "crm" ], "preview_url": "component.php?id=filter-chips", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "empty-state", "name": "Empty State", "category": "Data", "source": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Estado vacío accionable para listas sin información.", "tags": [ "vacío", "empty", "cta" ], "preview": "empty-state", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "data", "vacío", "empty", "cta", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=empty-state", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "timeline", "name": "Timeline", "category": "Data", "source": "ReUI", "apps": [ "Hotel", "Educación", "CRM", "Flotas" ], "description": "Historial vertical de eventos, cambios y auditoría.", "tags": [ "timeline", "historial", "auditoría" ], "preview": "timeline", "snippet": "
    ...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 3, "education": 10, "crm": 10, "fleet": 10 }, "selection_hints": [ "data", "timeline", "historial", "auditoría", "hotel", "education", "crm", "fleet" ], "preview_url": "component.php?id=timeline", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "floating-input", "name": "Floating Input", "category": "Forms", "source": "Origin UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Campo con etiqueta flotante y estado de validación.", "tags": [ "input", "formulario", "floating" ], "preview": "floating-input", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "forms", "input", "formulario", "floating", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=floating-input", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "otp-input", "name": "OTP Input", "category": "Forms", "source": "Rare UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Ingreso OTP con navegación automática entre casillas.", "tags": [ "otp", "seguridad", "login" ], "preview": "otp", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "forms", "otp", "seguridad", "login", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=otp-input", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "stepper", "name": "Stepper", "category": "Forms", "source": "ReUI", "apps": [ "Hotel", "Restaurante", "Educación" ], "description": "Flujo por pasos para reservas, registros u onboarding.", "tags": [ "pasos", "wizard", "formulario" ], "preview": "stepper", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 3, "fleet": 3 }, "selection_hints": [ "forms", "pasos", "wizard", "formulario", "hotel", "restaurant", "education" ], "preview_url": "component.php?id=stepper", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "file-drop", "name": "File Dropzone", "category": "Forms", "source": "Kibo UI", "apps": [ "Hotel", "Educación", "CRM" ], "description": "Zona de carga drag & drop con feedback inmediato.", "tags": [ "archivo", "upload", "dropzone" ], "preview": "file-drop", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 3, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "forms", "archivo", "upload", "dropzone", "hotel", "education", "crm" ], "preview_url": "component.php?id=file-drop", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "segmented-control", "name": "Segmented Control", "category": "Forms", "source": "shadcn", "apps": [ "Hotel", "Restaurante", "CRM" ], "description": "Selector compacto para alternar vistas o estados.", "tags": [ "segmentado", "toggle", "selector" ], "preview": "segmented", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 3, "crm": 10, "fleet": 3 }, "selection_hints": [ "forms", "segmentado", "toggle", "selector", "hotel", "restaurant", "crm" ], "preview_url": "component.php?id=segmented-control", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "status-card", "name": "Status Card", "category": "Feedback", "source": "custom", "apps": [ "Hotel", "Restaurante", "CRM", "Flotas" ], "description": "Estado operativo con señal visual y detalle secundario.", "tags": [ "estado", "online", "servicio" ], "preview": "status-card", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 3, "crm": 10, "fleet": 10 }, "selection_hints": [ "feedback", "estado", "online", "servicio", "hotel", "restaurant", "crm", "fleet" ], "preview_url": "component.php?id=status-card", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "toast-stack", "name": "Toast Stack", "category": "Feedback", "source": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Notificaciones apiladas para éxito, aviso y error.", "tags": [ "toast", "alerta", "notificación" ], "preview": "toast-stack", "snippet": "
Guardado
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 10 }, "selection_hints": [ "feedback", "toast", "alerta", "notificación", "hotel", "restaurant", "education", "crm", "fleet" ], "preview_url": "component.php?id=toast-stack", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "skeleton-card", "name": "Skeleton Loader", "category": "Feedback", "source": "Rare UI / Magic UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Placeholder elegante durante cargas asíncronas.", "tags": [ "loading", "skeleton", "ajax" ], "preview": "skeleton", "snippet": "
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "feedback", "loading", "skeleton", "ajax", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=skeleton-card", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "success-check", "name": "Success Check", "category": "Feedback", "source": "custom", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Confirmación visual compacta para acciones completadas.", "tags": [ "éxito", "check", "confirmación" ], "preview": "success-check", "snippet": "
✓
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "feedback", "éxito", "check", "confirmación", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=success-check", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "command-palette", "name": "Command Palette", "category": "Navigation", "source": "shadcn / Kibo UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Buscador rápido de acciones tipo Cmd+K.", "tags": [ "command", "buscar", "acciones" ], "preview": "command", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "navigation", "command", "buscar", "acciones", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=command-palette", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "sidebar-nav", "name": "Sidebar Navigation", "category": "Navigation", "source": "ReUI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Navegación lateral compacta con sección activa.", "tags": [ "sidebar", "menú", "navegación" ], "preview": "sidebar-nav", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 10 }, "selection_hints": [ "navigation", "sidebar", "menú", "navegación", "hotel", "restaurant", "education", "crm", "fleet" ], "preview_url": "component.php?id=sidebar-nav", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "tabs", "name": "Animated Tabs", "category": "Navigation", "source": "Magic UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Pestañas con indicador deslizante y estados claros.", "tags": [ "tabs", "pestañas", "motion" ], "preview": "tabs", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "navigation", "tabs", "pestañas", "motion", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=tabs", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "bottom-nav", "name": "Bottom Navigation", "category": "Navigation", "source": "Kibo UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Navegación inferior optimizada para uso táctil.", "tags": [ "mobile", "nav", "touch" ], "preview": "bottom-nav", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "navigation", "mobile", "nav", "touch", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=bottom-nav", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "kanban-card", "name": "Kanban Card", "category": "Business", "source": "Kibo UI / ReUI", "apps": [ "Hotel", "Restaurante", "CRM" ], "description": "Tarjeta de tarea o cliente para pipelines y tableros.", "tags": [ "kanban", "crm", "tareas" ], "preview": "kanban", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 3, "crm": 10, "fleet": 3 }, "selection_hints": [ "business", "kanban", "crm", "tareas", "hotel", "restaurant", "crm" ], "preview_url": "component.php?id=kanban-card", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "booking-card", "name": "Booking Card", "category": "Business", "source": "custom", "apps": [ "Hotel" ], "description": "Reserva hotelera con huésped, fechas, habitación y estado.", "tags": [ "hotel", "reserva", "habitación" ], "preview": "booking-card", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 3, "education": 3, "crm": 3, "fleet": 3 }, "selection_hints": [ "business", "hotel", "reserva", "habitación", "hotel" ], "preview_url": "component.php?id=booking-card", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "order-ticket", "name": "Kitchen Order Ticket", "category": "Business", "source": "custom", "apps": [ "Restaurante" ], "description": "Ticket de cocina compacto con prioridad y cronómetro.", "tags": [ "restaurante", "pedido", "cocina" ], "preview": "order-ticket", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 3, "restaurant": 10, "education": 3, "crm": 3, "fleet": 3 }, "selection_hints": [ "business", "restaurante", "pedido", "cocina", "restaurant" ], "preview_url": "component.php?id=order-ticket", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "student-progress", "name": "Student Progress", "category": "Business", "source": "custom", "apps": [ "Educación" ], "description": "Progreso académico con competencia, nivel y evidencia.", "tags": [ "educación", "alumno", "progreso" ], "preview": "student-progress", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 3, "restaurant": 3, "education": 10, "crm": 3, "fleet": 3 }, "selection_hints": [ "business", "educación", "alumno", "progreso", "education" ], "preview_url": "component.php?id=student-progress", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "vehicle-status", "name": "Vehicle Status", "category": "Business", "source": "custom", "apps": [ "Flotas" ], "description": "Estado de vehículo con velocidad, señal GPS y conductor.", "tags": [ "flotas", "gps", "vehículo" ], "preview": "vehicle-status", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 3, "restaurant": 3, "education": 3, "crm": 3, "fleet": 10 }, "selection_hints": [ "business", "flotas", "gps", "vehículo", "fleet" ], "preview_url": "component.php?id=vehicle-status", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "crm-lead", "name": "CRM Lead Card", "category": "Business", "source": "ReUI", "apps": [ "CRM" ], "description": "Lead comercial con valor, etapa, responsable y próxima acción.", "tags": [ "crm", "lead", "pipeline" ], "preview": "crm-lead", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 3, "restaurant": 3, "education": 3, "crm": 10, "fleet": 3 }, "selection_hints": [ "business", "crm", "lead", "pipeline", "crm" ], "preview_url": "component.php?id=crm-lead", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "animated-counter", "name": "Animated Counter", "category": "Motion", "source": "Rare UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Contador ascendente para métricas destacadas.", "tags": [ "contador", "animación", "metricas" ], "preview": "counter", "snippet": "0", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "motion", "contador", "animación", "metricas", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=animated-counter", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "shimmer-button", "name": "Shimmer Button", "category": "Motion", "source": "Magic UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Botón premium con brillo animado y buen contraste.", "tags": [ "botón", "shimmer", "cta" ], "preview": "shimmer", "snippet": "", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "motion", "botón", "shimmer", "cta", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=shimmer-button", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "marquee", "name": "Marquee Strip", "category": "Motion", "source": "Magic UI", "apps": [ "Hotel", "Restaurante", "Educación" ], "description": "Cinta continua para marcas, estados o mensajes destacados.", "tags": [ "marquee", "ticker", "loop" ], "preview": "marquee", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 3, "fleet": 3 }, "selection_hints": [ "motion", "marquee", "ticker", "loop", "hotel", "restaurant", "education" ], "preview_url": "component.php?id=marquee", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "spotlight-card", "name": "Spotlight Card", "category": "Motion", "source": "Aceternity UI", "apps": [ "Hotel", "Restaurante", "CRM" ], "description": "Tarjeta con halo que responde al cursor.", "tags": [ "spotlight", "hover", "card" ], "preview": "spotlight", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 3, "crm": 10, "fleet": 3 }, "selection_hints": [ "motion", "spotlight", "hover", "card", "hotel", "restaurant", "crm" ], "preview_url": "component.php?id=spotlight-card", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "blur-reveal", "name": "Blur Reveal", "category": "Motion", "source": "Magic UI", "apps": [ "Hotel", "Educación", "CRM" ], "description": "Entrada suave con desenfoque para contenido recién cargado.", "tags": [ "blur", "reveal", "entrada" ], "preview": "blur-reveal", "snippet": "
Contenido
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 3, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "motion", "blur", "reveal", "entrada", "hotel", "education", "crm" ], "preview_url": "component.php?id=blur-reveal", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "ai-thinking", "name": "AI Thinking", "category": "AI", "source": "Rare UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Indicador de generación IA sin bloquear la interfaz.", "tags": [ "ia", "loading", "thinking" ], "preview": "ai-thinking", "snippet": "
Analizando
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "ai", "ia", "loading", "thinking", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=ai-thinking", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "ai-composer", "name": "AI Prompt Composer", "category": "AI", "source": "custom / shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Caja de prompt con adjuntos, acciones y envío.", "tags": [ "ia", "prompt", "chat" ], "preview": "ai-composer", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "ai", "ia", "prompt", "chat", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=ai-composer", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "ai-message", "name": "AI Message", "category": "AI", "source": "custom", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Burbuja de respuesta con acciones y referencias visuales.", "tags": [ "ia", "chat", "respuesta" ], "preview": "ai-message", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "ai", "ia", "chat", "respuesta", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=ai-message", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "generation-progress", "name": "Generation Progress", "category": "AI", "source": "Rare UI / custom", "apps": [ "Educación", "CRM" ], "description": "Progreso por fases para tareas largas de IA.", "tags": [ "ia", "progreso", "generación" ], "preview": "generation-progress", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 3, "restaurant": 3, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "ai", "ia", "progreso", "generación", "education", "crm" ], "preview_url": "component.php?id=generation-progress", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "mobile-sheet", "name": "Mobile Bottom Sheet", "category": "Mobile", "source": "shadcn / Kibo UI", "apps": [ "Hotel", "Restaurante", "Educación", "CRM" ], "description": "Panel inferior táctil para acciones rápidas en móvil.", "tags": [ "mobile", "sheet", "drawer" ], "preview": "mobile-sheet", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 10, "crm": 10, "fleet": 3 }, "selection_hints": [ "mobile", "mobile", "sheet", "drawer", "hotel", "restaurant", "education", "crm" ], "preview_url": "component.php?id=mobile-sheet", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "swipe-action", "name": "Swipe Action Row", "category": "Mobile", "source": "custom", "apps": [ "Hotel", "Restaurante", "CRM" ], "description": "Fila móvil con acciones reveladas por gesto lateral.", "tags": [ "swipe", "mobile", "acciones" ], "preview": "swipe-action", "snippet": "
...
", "version": "0.3.0", "status": "implemented", "license_status": "APREP implementation; verify upstream inspiration license before importing external code", "runtime": [ "PHP 8.4", "HTML5", "CSS3", "Vanilla JavaScript" ], "requirements": { "react": false, "node": false, "npm": false, "database": false }, "capabilities": { "mobile": true, "dark_mode": true, "keyboard_accessible": "review", "reduced_motion": "supported-by-global-tokens" }, "recommended_for": { "hotel": 10, "restaurant": 10, "education": 3, "crm": 10, "fleet": 3 }, "selection_hints": [ "mobile", "swipe", "mobile", "acciones", "hotel", "restaurant", "crm" ], "preview_url": "component.php?id=swipe-action", "level": "component", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP implementation; source attribution is inspiration/reference", "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" }, "visual_style": [ "refined", "professional", "product-ui" ] }, { "id": "executive-kpi", "name": "Executive KPI", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para executive kpi, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "executive", "premium-look", "curated" ], "preview": "executive-kpi", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "kpi-delta-compact", "name": "KPI Delta Compact", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para kpi delta compact, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "kpi", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "kpi-with-sparkline", "name": "KPI With Sparkline", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para kpi with sparkline, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "kpi", "premium-look", "curated" ], "preview": "kpi-sparkline", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "kpi-goal-ring", "name": "KPI Goal Ring", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para kpi goal ring, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "kpi", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "kpi-comparison", "name": "KPI Comparison", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para kpi comparison, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "kpi", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "stat-split-card", "name": "Stat Split Card", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para stat split card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "stat", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "metric-heat-card", "name": "Metric Heat Card", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para metric heat card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "metric", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "bento-executive-grid", "name": "Bento Executive Grid", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para bento executive grid, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "bento", "premium-look", "curated" ], "preview": "bento-executive", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "bento-operations-grid", "name": "Bento Operations Grid", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para bento operations grid, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "bento", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "trend-summary", "name": "Trend Summary", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para trend summary, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "trend", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "activity-pulse", "name": "Activity Pulse", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para activity pulse, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "activity", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "revenue-snapshot", "name": "Revenue Snapshot", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para revenue snapshot, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "revenue", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "occupancy-gauge", "name": "Occupancy Gauge", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel" ], "description": "Patrón curado para occupancy gauge, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "occupancy", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "goal-tracker", "name": "Goal Tracker", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para goal tracker, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "goal", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "health-score-card", "name": "Health Score Card", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para health score card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "health", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "metric-strip", "name": "Metric Strip", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para metric strip, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "metric", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "executive-summary-banner", "name": "Executive Summary Banner", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para executive summary banner, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "executive", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "live-operations-card", "name": "Live Operations Card", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para live operations card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "live", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "alert-kpi", "name": "Alert KPI", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para alert kpi, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "alert", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "forecast-kpi", "name": "Forecast KPI", "level": "component", "category": "Dashboard", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para forecast kpi, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "dashboard", "forecast", "premium-look", "curated" ], "preview": "kpi", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "data-grid-pro", "name": "Data Grid Pro", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para data grid pro, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "data", "premium-look", "curated" ], "preview": "data-grid-pro", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "sticky-header-table", "name": "Sticky Header Table", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para sticky header table, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "sticky", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "compact-dense-table", "name": "Compact Dense Table", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para compact dense table, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "compact", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "responsive-card-table", "name": "Responsive Card Table", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para responsive card table, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "responsive", "premium-look", "curated" ], "preview": "responsive-table", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "expandable-row-table", "name": "Expandable Row Table", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para expandable row table, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "expandable", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "column-visibility-menu", "name": "Column Visibility Menu", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para column visibility menu, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "column", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "advanced-filter-bar", "name": "Advanced Filter Bar", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para advanced filter bar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "advanced", "premium-look", "curated" ], "preview": "filter-bar", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "saved-filter-views", "name": "Saved Filter Views", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para saved filter views, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "saved", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "date-range-filter", "name": "Date Range Filter", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para date range filter, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "date", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "search-with-suggestions", "name": "Search With Suggestions", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para search with suggestions, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "search", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "bulk-action-bar", "name": "Bulk Action Bar", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para bulk action bar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "bulk", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "pagination-compact", "name": "Pagination Compact", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para pagination compact, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "pagination", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "cursor-pagination", "name": "Cursor Pagination", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para cursor pagination, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "cursor", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "sort-menu", "name": "Sort Menu", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para sort menu, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "sort", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "grouped-data-list", "name": "Grouped Data List", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para grouped data list, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "grouped", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "timeline-audit", "name": "Timeline Audit", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para timeline audit, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "timeline", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "event-stream", "name": "Event Stream", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para event stream, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "event", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "tree-view", "name": "Tree View", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para tree view, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "tree", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "master-detail-panel", "name": "Master Detail Panel", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para master detail panel, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "master", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "comparison-matrix", "name": "Comparison Matrix", "level": "component", "category": "Data", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para comparison matrix, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "data", "comparison", "premium-look", "curated" ], "preview": "data-table", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "command-search-input", "name": "Command Search Input", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para command search input, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "command", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "floating-label-input", "name": "Floating Label Input", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para floating label input, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "floating", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "inline-validation-input", "name": "Inline Validation Input", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para inline validation input, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "inline", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "currency-input", "name": "Currency Input", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para currency input, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "currency", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "phone-input", "name": "Phone Input", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para phone input, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "phone", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "password-strength-input", "name": "Password Strength Input", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para password strength input, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "password", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "otp-secure", "name": "OTP Secure", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para otp secure, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "otp", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "tag-input", "name": "Tag Input", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para tag input, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "tag", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "combobox-search", "name": "Combobox Search", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para combobox search, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "combobox", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "multi-select-chips", "name": "Multi Select Chips", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para multi select chips, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "multi", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "date-range-picker", "name": "Date Range Picker", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para date range picker, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "date", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "time-slot-picker", "name": "Time Slot Picker", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para time slot picker, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "time", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "stepper-wizard", "name": "Stepper Wizard", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para stepper wizard, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "stepper", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "autosave-form", "name": "Autosave Form", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para autosave form, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "autosave", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "form-section", "name": "Form Section", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para form section, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "form", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "drag-drop-upload", "name": "Drag Drop Upload", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para drag drop upload, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "drag", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "avatar-upload", "name": "Avatar Upload", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para avatar upload, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "avatar", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "signature-pad", "name": "Signature Pad", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para signature pad, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "signature", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "inline-editable-field", "name": "Inline Editable Field", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para inline editable field, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "inline", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "smart-defaults-panel", "name": "Smart Defaults Panel", "level": "component", "category": "Forms", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para smart defaults panel, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "forms", "smart", "premium-look", "curated" ], "preview": "floating-input", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "toast-success", "name": "Toast Success", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para toast success, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "toast", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "toast-error", "name": "Toast Error", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para toast error, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "toast", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "toast-progress", "name": "Toast Progress", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para toast progress, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "toast", "premium-look", "curated" ], "preview": "toast-progress", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "inline-alert", "name": "Inline Alert", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para inline alert, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "inline", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "banner-alert", "name": "Banner Alert", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para banner alert, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "banner", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "skeleton-table", "name": "Skeleton Table", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para skeleton table, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "skeleton", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "skeleton-dashboard", "name": "Skeleton Dashboard", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para skeleton dashboard, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "skeleton", "premium-look", "curated" ], "preview": "skeleton-dashboard", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "progress-overlay", "name": "Progress Overlay", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para progress overlay, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "progress", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "empty-state-action", "name": "Empty State Action", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para empty state action, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "empty", "premium-look", "curated" ], "preview": "empty-state-action", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "empty-state-search", "name": "Empty State Search", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para empty state search, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "empty", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "success-celebration", "name": "Success Celebration", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para success celebration, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "success", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "error-recovery", "name": "Error Recovery", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para error recovery, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "error", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "offline-banner", "name": "Offline Banner", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para offline banner, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "offline", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "sync-indicator", "name": "Sync Indicator", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para sync indicator, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "sync", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "connection-status", "name": "Connection Status", "level": "component", "category": "Feedback", "source": "shadcn/ui", "source_id": "shadcn", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para connection status, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "feedback", "connection", "premium-look", "curated" ], "preview": "status-card", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "collapsible-sidebar", "name": "Collapsible Sidebar", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para collapsible sidebar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "collapsible", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "rail-sidebar", "name": "Rail Sidebar", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para rail sidebar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "rail", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "context-sidebar", "name": "Context Sidebar", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para context sidebar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "context", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "top-app-bar", "name": "Top App Bar", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para top app bar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "top", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "command-palette-pro", "name": "Command Palette Pro", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para command palette pro, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "command", "premium-look", "curated" ], "preview": "command-palette-pro", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "breadcrumb-compact", "name": "Breadcrumb Compact", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para breadcrumb compact, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "breadcrumb", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "animated-tabs", "name": "Animated Tabs", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para animated tabs, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "animated", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "segmented-navigation", "name": "Segmented Navigation", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para segmented navigation, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "segmented", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "bottom-navigation-pro", "name": "Bottom Navigation Pro", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para bottom navigation pro, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "bottom", "premium-look", "curated" ], "preview": "bottom-navigation-pro", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "mobile-app-bar", "name": "Mobile App Bar", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para mobile app bar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "mobile", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "quick-actions-dock", "name": "Quick Actions Dock", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para quick actions dock, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "quick", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "floating-action-menu", "name": "Floating Action Menu", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para floating action menu, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "floating", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "mega-actions-panel", "name": "Mega Actions Panel", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para mega actions panel, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "mega", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "workspace-switcher", "name": "Workspace Switcher", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para workspace switcher, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "workspace", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "recent-pages-menu", "name": "Recent Pages Menu", "level": "component", "category": "Navigation", "source": "Preline UI", "source_id": "preline", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para recent pages menu, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "navigation", "recent", "premium-look", "curated" ], "preview": "tabs", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "kanban-board", "name": "Kanban Board", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para kanban board, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "kanban", "premium-look", "curated" ], "preview": "kanban-board", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "kanban-compact", "name": "Kanban Compact", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para kanban compact, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "kanban", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "gantt-timeline", "name": "Gantt Timeline", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para gantt timeline, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "gantt", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "event-calendar", "name": "Event Calendar", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para event calendar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "event", "premium-look", "curated" ], "preview": "event-calendar", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "scheduler-resource-grid", "name": "Scheduler Resource Grid", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para scheduler resource grid, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "scheduler", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "booking-card-pro", "name": "Booking Card Pro", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel" ], "description": "Patrón curado para booking card pro, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "booking", "premium-look", "curated" ], "preview": "booking-card-pro", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "room-status-grid", "name": "Room Status Grid", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel" ], "description": "Patrón curado para room status grid, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "room", "premium-look", "curated" ], "preview": "room-status-grid", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "kitchen-order-ticket-pro", "name": "Kitchen Order Ticket Pro", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Restaurante" ], "description": "Patrón curado para kitchen order ticket pro, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "kitchen", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "pos-product-tile", "name": "POS Product Tile", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Restaurante" ], "description": "Patrón curado para pos product tile, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "pos", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "crm-lead-card-pro", "name": "CRM Lead Card Pro", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "CRM" ], "description": "Patrón curado para crm lead card pro, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "crm", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "crm-pipeline-column", "name": "CRM Pipeline Column", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "CRM" ], "description": "Patrón curado para crm pipeline column, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "crm", "premium-look", "curated" ], "preview": "crm-pipeline", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "student-competency-card", "name": "Student Competency Card", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Educación" ], "description": "Patrón curado para student competency card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "student", "premium-look", "curated" ], "preview": "student-competency", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "attendance-matrix", "name": "Attendance Matrix", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Educación" ], "description": "Patrón curado para attendance matrix, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "attendance", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "vehicle-live-card", "name": "Vehicle Live Card", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Flotas" ], "description": "Patrón curado para vehicle live card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "vehicle", "premium-look", "curated" ], "preview": "vehicle-live", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "fleet-event-card", "name": "Fleet Event Card", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Flotas" ], "description": "Patrón curado para fleet event card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "fleet", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "inventory-stock-card", "name": "Inventory Stock Card", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para inventory stock card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "inventory", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "invoice-summary", "name": "Invoice Summary", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para invoice summary, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "invoice", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "payment-status-panel", "name": "Payment Status Panel", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para payment status panel, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "payment", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "task-detail-drawer", "name": "Task Detail Drawer", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para task detail drawer, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "task", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "approval-queue", "name": "Approval Queue", "level": "component", "category": "Business", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para approval queue, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "business", "approval", "premium-look", "curated" ], "preview": "kanban", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "ai-prompt-composer", "name": "AI Prompt Composer", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai prompt composer, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-prompt-composer", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-thinking-pulse", "name": "AI Thinking Pulse", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai thinking pulse, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-streaming-message", "name": "AI Streaming Message", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai streaming message, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-streaming", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-tool-call-card", "name": "AI Tool Call Card", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai tool call card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-sources-panel", "name": "AI Sources Panel", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai sources panel, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-suggested-actions", "name": "AI Suggested Actions", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai suggested actions, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-generation-progress", "name": "AI Generation Progress", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai generation progress, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-diff-viewer", "name": "AI Diff Viewer", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai diff viewer, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-attachment-tray", "name": "AI Attachment Tray", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai attachment tray, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-model-selector", "name": "AI Model Selector", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai model selector, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-feedback-bar", "name": "AI Feedback Bar", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai feedback bar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-conversation-list", "name": "AI Conversation List", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai conversation list, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-empty-state", "name": "AI Empty State", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai empty state, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-context-meter", "name": "AI Context Meter", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai context meter, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "ai-result-summary", "name": "AI Result Summary", "level": "component", "category": "AI", "source": "ReUI", "source_id": "reui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para ai result summary, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "ai", "ai", "premium-look", "curated" ], "preview": "ai-message", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "shimmer-cta", "name": "Shimmer CTA", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para shimmer cta, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "shimmer", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "soft-spotlight-card", "name": "Soft Spotlight Card", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para soft spotlight card, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "soft", "premium-look", "curated" ], "preview": "soft-spotlight-card", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "blur-fade-reveal", "name": "Blur Fade Reveal", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para blur fade reveal, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "blur", "premium-look", "curated" ], "preview": "blur-fade-reveal", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "stagger-list", "name": "Stagger List", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para stagger list, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "stagger", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "number-ticker", "name": "Number Ticker", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para number ticker, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "number", "premium-look", "curated" ], "preview": "number-ticker-pro", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "marquee-quiet", "name": "Marquee Quiet", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para marquee quiet, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "marquee", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "border-beam-subtle", "name": "Border Beam Subtle", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para border beam subtle, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "border", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "hover-lift", "name": "Hover Lift", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para hover lift, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "hover", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "magnetic-micro-button", "name": "Magnetic Micro Button", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para magnetic micro button, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "magnetic", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "shared-tab-indicator", "name": "Shared Tab Indicator", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para shared tab indicator, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "shared", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "scroll-progress", "name": "Scroll Progress", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para scroll progress, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "scroll", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "reveal-on-view", "name": "Reveal On View", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para reveal on view, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "reveal", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "success-check-motion", "name": "Success Check Motion", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para success check motion, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "success", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "loading-dots", "name": "Loading Dots", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para loading dots, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "loading", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "pulse-status", "name": "Pulse Status", "level": "component", "category": "Motion", "source": "Magic UI", "source_id": "magic-ui", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para pulse status, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "motion", "pulse", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "bottom-sheet", "name": "Bottom Sheet", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para bottom sheet, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "bottom", "premium-look", "curated" ], "preview": "bottom-sheet-pro", "snippet": "", "status": "implemented", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "APREP-owned implementation inspired by public interaction patterns; no premium code copied.", "visual_style": [ "refined", "professional", "product-ui", "premium" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "swipe-row-actions", "name": "Swipe Row Actions", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para swipe row actions, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "swipe", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "sticky-mobile-cta", "name": "Sticky Mobile CTA", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para sticky mobile cta, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "sticky", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "mobile-filter-sheet", "name": "Mobile Filter Sheet", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para mobile filter sheet, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "mobile", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "mobile-search-overlay", "name": "Mobile Search Overlay", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para mobile search overlay, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "mobile", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "compact-mobile-kpi", "name": "Compact Mobile KPI", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para compact mobile kpi, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "compact", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "thumb-reach-toolbar", "name": "Thumb Reach Toolbar", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para thumb reach toolbar, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "thumb", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "mobile-card-list", "name": "Mobile Card List", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para mobile card list, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "mobile", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "pull-refresh-indicator", "name": "Pull Refresh Indicator", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para pull refresh indicator, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "pull", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "safe-area-bottom-nav", "name": "Safe Area Bottom Nav", "level": "component", "category": "Mobile", "source": "Kibo UI", "source_id": "kibo", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para safe area bottom nav, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "mobile", "safe", "premium-look", "curated" ], "preview": "mobile-sheet", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "subtle", "ai_look_risk": "low" } }, { "id": "soft-grid-background", "name": "Soft Grid Background", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para soft grid background, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "soft", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "noise-surface", "name": "Noise Surface", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para noise surface, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "noise", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "dot-matrix-background", "name": "Dot Matrix Background", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para dot matrix background, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "dot", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "dotted-glow", "name": "Dotted Glow", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para dotted glow, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "dotted", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "subtle-aurora", "name": "Subtle Aurora", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para subtle aurora, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "subtle", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "gradient-mesh-quiet", "name": "Gradient Mesh Quiet", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para gradient mesh quiet, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "gradient", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "glass-layer-panel", "name": "Glass Layer Panel", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para glass layer panel, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "glass", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "elevated-surface", "name": "Elevated Surface", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para elevated surface, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "elevated", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "focus-glow", "name": "Focus Glow", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para focus glow, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "focus", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "data-highlight", "name": "Data Highlight", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para data highlight, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "data", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "monochrome-illustration-panel", "name": "Monochrome Illustration Panel", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para monochrome illustration panel, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "monochrome", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "visual-empty-state", "name": "Visual Empty State", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para visual empty state, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "visual", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "premium-divider", "name": "Premium Divider", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para premium divider, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "premium", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "section-spotlight", "name": "Section Spotlight", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para section spotlight, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "section", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } }, { "id": "soft-vignette", "name": "Soft Vignette", "level": "component", "category": "Visual", "source": "Aceternity UI", "source_id": "aceternity", "apps": [ "Hotel", "Restaurante", "Educación", "CRM", "Flotas" ], "description": "Patrón curado para soft vignette, pensado para una interfaz profesional, sobria y reutilizable.", "tags": [ "visual", "soft", "premium-look", "curated" ], "preview": "spotlight", "snippet": "APREP UI Research Candidate — implementar desde cero antes de producción.", "status": "research-ready", "implementation_owner": "APREP UI", "php84": true, "mobile": true, "dark_mode": true, "license_policy": "No contiene código premium copiado; revisar fuente/licencia antes de cualquier adaptación literal.", "visual_style": [ "refined", "professional", "product-ui" ], "craft": { "visual_noise": "low", "hierarchy": "strong", "animation": "purposeful", "ai_look_risk": "low" } } ], "implemented_component_count": 63, "research_component_count": 141, "pattern_count": 36, "screen_count": 24, "effect_count": 42, "motion_count": 24, "lottie_state_count": 20, "source_count": 15, "implemented_screen_count": 8 }