responsive-system 1.4.0 → 1.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "responsive-system",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Sistema de layout responsivo con auto-scaling para Tailwind CSS",
   "type": "module",
   "main": "./dist/responsive-system.cjs",

package/scripts/postinstall.js

@@ -480,50 +480,11 @@ if (needsUpdate) {
   console.log('✅ responsive-system: Todas las dependencias ya están en package.json')
 }
 
-// Si el proyecto está vacío, crear README básico PRIMERO
+// Si el proyecto está vacío, crear estructura base
 if (isProjectEmpty) {
-  // Crear README básico INMEDIATAMENTE para que el usuario sepa qué hacer
-  const readmePath = path.join(projectRoot, 'README.md')
-  if (!fs.existsSync(readmePath)) {
-    const basicReadme = `# Tu Aplicación
-
-## 🚀 Configuración Inicial
-
-Acabas de instalar **responsive-system**. Para completar la configuración, ejecuta:
-
-\`\`\`bash
-npx responsive-system-setup
-\`\`\`
-
-Este comando:
-- ✅ Instalará React, TypeScript, Tailwind y Vite automáticamente
-- ✅ Te permitirá seleccionar el layout que prefieras
-- ✅ Creará la estructura base del proyecto
-- ✅ Generará componentes genéricos y página de ejemplo
-
-## 📦 ¿Qué es responsive-system?
-
-Sistema completo de layout responsive con auto-scaling para React + Tailwind CSS.
-
-- Auto-scaling automático (texto, espaciado, sombras)
-- Layouts pre-configurados (default, sidebar, dashboard, minimal)
-- Hook \`useResponsive\` para configuración manual
-- Sin media queries necesarias
-
----
-
-**Siguiente paso:** Ejecuta \`npx responsive-system-setup\` para comenzar 🚀
-`
-    fs.writeFileSync(readmePath, basicReadme)
-    console.log('   ✅ README.md básico creado con instrucciones')
-  }
-  
   console.log('')
   console.log('📦 responsive-system: Proyecto vacío detectado, creando estructura base...')
   console.log('')
-  console.log('💡 IMPORTANTE: Si este es tu primer uso, este script configurará todo automáticamente.')
-  console.log('   Si ya tienes el proyecto configurado, puedes cancelar (Ctrl+C)')
-  console.log('')
   
   // Preguntar qué layout quiere
   const selectedLayout = await askLayout()
@@ -724,7 +685,7 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
 import { useResponsive } from '../hooks'
 
 function HomePage() {
-  const { breakpoint, isMobile } = useResponsiveLayout()
+  const { breakpoint, isMobile, layout } = useResponsiveLayout()
   const responsive = useResponsive()
 
   return (
@@ -791,7 +752,7 @@ function HomePage() {
               para configuración manual cuando lo necesites.
             </p>
             <p>
-              <strong className="text-gray-900">Layout actual:</strong> <span className="capitalize">{selectedLayout}</span>
+              <strong className="text-gray-900">Layout actual:</strong> <span className="capitalize">{layout.current}</span>
             </p>
           </div>
         </div>