{"_id":"@codeplex-sac/icons","_rev":"4-205d8ac0db128c6f69eaa89b2a888577","name":"@codeplex-sac/icons","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@codeplex-sac/icons","version":"0.0.1","_id":"@codeplex-sac/icons@0.0.1","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"dist":{"shasum":"99a3b237d76e8218a59ded88e5edede128fb120e","tarball":"https://registry.npmjs.org/@codeplex-sac/icons/-/icons-0.0.1.tgz","fileCount":5,"integrity":"sha512-REla+ZiK3NLB9O/qaYeJ4GfWLjSNxY9fIJe1stKy698j4GnAIns/vXMCYikeHfwwEVLTOoZVM6wiaiCCh8HTEw==","signatures":[{"sig":"MEUCIQCwquY0fZRxZfMqrL78iX6LvhmoB59kfzEZw6mWP10lpAIgObH9fQyk2W7v2i3yMZ9zNB1AtyZyyi/rZ8esvBdccZA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":170260},"main":"./index.js","types":"./index.d.ts","exports":{".":{"types":"./index.d.ts","import":"./index.mjs","require":"./index.js"}},"gitHead":"fad41943ec58e3522dbdaf6f27b6656e6243ed1b","_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"_npmVersion":"10.9.2","description":"El sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Este paquete proporciona una iconografía consistente, moderna y alineada con la tipografía **Poppins**.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.3.6"},"_npmOperationalInternal":{"tmp":"tmp/icons_0.0.1_1768410788377_0.02428567341201804","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@codeplex-sac/icons","version":"0.0.2","_id":"@codeplex-sac/icons@0.0.2","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"dist":{"shasum":"6ac9a5eff600f32f57a8f994f5c4ba4e3ac54c86","tarball":"https://registry.npmjs.org/@codeplex-sac/icons/-/icons-0.0.2.tgz","fileCount":5,"integrity":"sha512-Kd1lAMMCkcVKQJwyDG9kHkLIVP0GuN2R+FjRNgeWOjsoH7eiDkmh+r5xNGIK9VyC7IdPlV30C7f0Hkz+kYwCdA==","signatures":[{"sig":"MEUCIAjrfmnaq6G1jRxiJmKq7TV2RBzn5t8yFE0tYYu6xirpAiEAgKLuDvdlYBtmfN/ijFjV233lrf963HitjSIQ+kwMM7E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":170305},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"gitHead":"aa358d65033b4711e27bbfbcac95dad42a96850d","_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"_npmVersion":"10.9.2","description":"El sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Este paquete proporciona una iconografía consistente, moderna y alineada con la tipografía **Poppins**.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.3.6"},"_npmOperationalInternal":{"tmp":"tmp/icons_0.0.2_1768490147747_0.4249828262460842","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@codeplex-sac/icons","version":"0.0.3","_id":"@codeplex-sac/icons@0.0.3","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"dist":{"shasum":"98ea32b4c70b57dd6ba69d4090bdcfe709c73f50","tarball":"https://registry.npmjs.org/@codeplex-sac/icons/-/icons-0.0.3.tgz","fileCount":5,"integrity":"sha512-JwEUssVmqdEW/1YmzOgGSU7zs9/mcfRQ4flO0WFFaWWZqYgm8Ble6s1HjbZCxucumLOYxdGlvareiMC+bLMIHw==","signatures":[{"sig":"MEUCIGvB4tnMXcj62iuPKlHR4B4nNoaglJ75UaWAqxABx69HAiEA3oZJjPXQ41JSNtaCPoEM6GEPELbku+42hkUP1AAjR6Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":25460},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"gitHead":"aa358d65033b4711e27bbfbcac95dad42a96850d","_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"_npmVersion":"10.9.2","description":"El sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Este paquete proporciona una iconografía consistente, moderna y alineada con la tipografía **Poppins**.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.3.6"},"_npmOperationalInternal":{"tmp":"tmp/icons_0.0.3_1768502688793_0.7015017522837024","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@codeplex-sac/icons","version":"0.0.4","type":"module","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.js"}},"publishConfig":{"access":"public"},"peerDependencies":{"@mui/material":"^7.3.6","react":"^19.0.0","react-dom":"^19.0.0"},"dependencies":{"tslib":"^2.3.0"},"_id":"@codeplex-sac/icons@0.0.4","gitHead":"aa358d65033b4711e27bbfbcac95dad42a96850d","description":"El sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Este paquete proporciona una iconografía consistente, moderna y alineada con la tipografía **Poppins**.","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-oBcNjcX9HuFI69cNO96stJ0chpGGqUJvdFLIM1rcDcmkkq50vtOm8yVzo6Y873dJabSQXBBBm8brLvffXOBBTg==","shasum":"b2726cbe3de4f59023f56f42e09983aab9904cb3","tarball":"https://registry.npmjs.org/@codeplex-sac/icons/-/icons-0.0.4.tgz","fileCount":5,"unpackedSize":127434,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCTtOd7V8hNePUmeSupeFCpXpShZZlAQbNXSmEbMYKrOAIgExddumMeXPIetXf5T3a9133ZW7rRMp5Vpgr7pCpqWDo="}]},"_npmUser":{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"},"directories":{},"maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/icons_0.0.4_1769033360019_0.4480074641940903"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-14T17:13:08.255Z","modified":"2026-01-21T22:09:20.331Z","0.0.1":"2026-01-14T17:13:08.524Z","0.0.2":"2026-01-15T15:15:47.911Z","0.0.3":"2026-01-15T18:44:48.939Z","0.0.4":"2026-01-21T22:09:20.176Z"},"description":"El sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Este paquete proporciona una iconografía consistente, moderna y alineada con la tipografía **Poppins**.","maintainers":[{"name":"b_manuel","email":"b_manuel@codeplex.pe"},{"name":"codeplexdev","email":"codeplexdev@codeplex.pe"}],"readme":"# @codeplex-sac/icons\n\nEl sistema de iconos semánticos de **Codeplex-SAC**, basado en **Google Material Symbols Rounded**. Este paquete proporciona una iconografía consistente, moderna y alineada con la tipografía **Poppins**.\n\n## 🚀 Instalación\n\n```bash\nbun add @codeplex-sac/icons @mui/material @emotion/react @emotion/styled\n```\n\n> [!IMPORTANT]\n> Este paquete depende de la inyección de fuentes realizada por `@codeplex-sac/theme`. Asegúrate de tener el `CodeplexProveedorTema` configurado en la raíz de tu aplicación.\n\n---\n\n## 🛠️ Componente Base: CodeplexIcono\n\n`CodeplexIcono` es el bloque fundamental que permite renderizar cualquier icono de Google usando **ligaduras**.\n\n### Propiedades (Props)\n| Propiedad | Tipo | Por Defecto | Descripción |\n| :--- | :--- | :--- | :--- |\n| `nombre` | `string` | - | Nombre oficial del icono (ej: 'search', 'home'). |\n| `relleno` | `boolean` | `false` | Activa el estilo sólido (FILL 1). |\n| `sx` | `SxProps` | - | Estilos personalizados de MUI. |\n\n**Uso:**\n```tsx\nimport { CodeplexIcono } from '@codeplex-sac/icons';\n\n<CodeplexIcono nombre=\"settings\" color=\"primary\" relleno />\n```\n\n---\n\n## 🏷️ Catálogo de Iconos Semánticos\n\nPara garantizar la consistencia, el paquete expone componentes específicos para cada concepto de interfaz. Estos **no requieren** la prop `nombre`.\n\n### ⚡ Acciones Comunes y Globales\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoBuscar` | `search` | `CodeplexIconoBorrar` | `delete` |\n| `CodeplexIconoEditar` | `edit` | `CodeplexIconoGuardar` | `save` |\n| `CodeplexIconoSubir` | `cloud_upload` | `CodeplexIconoEnviar` | `send` |\n| `CodeplexIconoAñadir` | `add_circle` | `CodeplexIconoQuitar` | `do_not_disturb_on`|\n| `CodeplexIconoCerrar` | `close` | `CodeplexIconoDescargar`| `download` |\n| `CodeplexIconoRefrescar`| `refresh` | `CodeplexIconoFiltro` | `filter_alt` |\n\n### 🛡️ Seguridad y Autenticación\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoSeguridad`| `security` | `CodeplexIconoCandado` | `lock` |\n| `CodeplexIconoLlave` | `key` | `CodeplexIconoEscudo` | `shield` |\n\n### 🚦 Estados y Feedback\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoExito` | `check_circle` | `CodeplexIconoInformacion`| `info` |\n| `CodeplexIconoError` | `error` | `CodeplexIconoAyuda` | `help` |\n| `CodeplexIconoAlerta` | `warning` | `CodeplexIconoProgreso` | `autorenew` |\n\n### 💬 Comunicación y Social\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoCorreo` | `mail` | `CodeplexIconoTelefono` | `phone` |\n| `CodeplexIconoCompartir`| `share` | `CodeplexIconoChat` | `forum` |\n\n### 💰 Finanzas y Comercio\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoBilletera`| `account_balance_wallet`| `CodeplexIconoBanco` | `account_balance` |\n| `CodeplexIconoMoneda` | `payments` | `CodeplexIconoCarrito` | `shopping_cart` |\n| `CodeplexIconoPrecio` | `sell` | `CodeplexIconoRecibo` | `receipt` |\n\n### 📸 Multimedia\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoImagen` | `image` | `CodeplexIconoCamara` | `photo_camera` |\n| `CodeplexIconoVideo` | `videocam` | `CodeplexIconoColeccion`| `collections` |\n\n### 🏗️ Profesional e Industria\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoEdificio` | `apartment` | `CodeplexIconoHerramientas`| `home_repair_service`|\n| `CodeplexIconoCalculadora`| `calculate` | `CodeplexIconoMapa` | `map` |\n| `CodeplexIconoUbicacion`| `location_on` | `CodeplexIconoTrabajo` | `work` |\n\n### 📐 Layout y Estructura\n| Componente | Icono | Componente | Icono |\n| :--- | :--- | :--- | :--- |\n| `CodeplexIconoDiseno` | `dashboard` | `CodeplexIconoBarraLateral`| `view_sidebar` |\n| `CodeplexIconoCaja` | `inbox` | `CodeplexIconoCuadricula` | `grid_view` |\n| `CodeplexIconoPila` | `layers` | `CodeplexIconoContenedor` | `view_quilt` |\n\n---\n\n## 🎨 Mejores Prácticas\n\n1. **Semántica sobre Estética**: Usa `CodeplexIconoBorrar` en lugar de `CodeplexIcono` con nombre \"delete\" para mantener la consistencia en el mantenimiento.\n2. **Relleno**: Activa `relleno` para estados activos o para dar mayor peso visual a una acción primaria.\n3. **Escalado**: Al heredar de `Icon` de MUI, puedes usar el tema para el escalado automático: `<CodeplexIconoUsuario fontSize=\"large\" />`.\n\n## 📄 Licencia\n\nEste proyecto es propiedad privada de **Codeplex SAC**. Todos los derechos reservados.\n","readmeFilename":"README.md"}