{"_id":"@byteflow-ui/alert-dialog","_rev":"3-2af2e45f13e8b54b4569dfb8173f8384","name":"@byteflow-ui/alert-dialog","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@byteflow-ui/alert-dialog","version":"1.0.0","author":{"name":"Victor Hugo Cornejo Calderon","email":"rex2002xp@gmail.com"},"license":"MIT","_id":"@byteflow-ui/alert-dialog@1.0.0","maintainers":[{"name":"rex2002xp","email":"rex2002xp@gmail.com"}],"dist":{"shasum":"7b4ef3bb9c36df682d53faf92ec0ebf5ada0ae57","tarball":"https://registry.npmjs.org/@byteflow-ui/alert-dialog/-/alert-dialog-1.0.0.tgz","fileCount":10,"integrity":"sha512-Mz2cA0rpYDKvNbo3GHbqYVlau3yzUBMBjWdVTtJ/xDIKeS/daPNFNK591BSAOtqTQv+yzp8kSTX92q9gzi9j+Q==","signatures":[{"sig":"MEYCIQCTD38LNouBuBFVmET/+5YGclzFMg9gvgU8T4ok1nwe+AIhAKoqMwmZo5Mlo80WWA+wZrA9LqnhmdXBkhdabY4c/BG3","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7229},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./dist/index.css":"./dist/index.css"},"gitHead":"35560fe45560623a06f03ca33821bb15e2199768","scripts":{"dev":"tsup --watch","lint":"eslint src","build":"tsup"},"_npmUser":{"name":"rex2002xp","email":"rex2002xp@gmail.com"},"_npmVersion":"11.4.1","description":"Componente Alert Dialog premium para Byteflow UI","directories":{},"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","typescript":"^5.6.3","@types/react":"^19.0.0","@types/react-dom":"^19.0.0","@byteflow-ui/button":"*","@byteflow-ui/dialog":"*"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@byteflow-ui/button":"*","@byteflow-ui/dialog":"*"},"_npmOperationalInternal":{"tmp":"tmp/alert-dialog_1.0.0_1772841805024_0.9332298906903735","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@byteflow-ui/alert-dialog","version":"1.0.1","author":{"name":"Victor Hugo Cornejo Calderon","email":"rex2002xp@gmail.com"},"license":"MIT","_id":"@byteflow-ui/alert-dialog@1.0.1","maintainers":[{"name":"rex2002xp","email":"rex2002xp@gmail.com"}],"dist":{"shasum":"19205b172adbee4b6d576e57c8005e7152df33fd","tarball":"https://registry.npmjs.org/@byteflow-ui/alert-dialog/-/alert-dialog-1.0.1.tgz","fileCount":10,"integrity":"sha512-bdH1c3Zu+SLxvy3tQFowGTkVidkWFteZLIIttrS6vBJ9U2TNL66idM9w8dPTJr8NLVDhBeL9m56WfGhN79v48g==","signatures":[{"sig":"MEQCID1Dwsrcjp5iyokTIIqtcZEB8T6V7ZRs5C0xonnD2VoxAiBnC0xpyHls8UDn7QTaeXdUDtmxgyOd9s+fYLHdUbsraQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7280},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./index.css":"./dist/index.css"},"gitHead":"d244fae25951d295ecf46dfa671ff02124bbde2f","scripts":{"dev":"tsup --watch","lint":"eslint src","build":"tsup"},"_npmUser":{"name":"rex2002xp","email":"rex2002xp@gmail.com"},"_npmVersion":"11.4.1","description":"Componente Alert Dialog premium para Byteflow UI","directories":{},"sideEffects":["./dist/index.css"],"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","typescript":"^5.6.3","@types/react":"^19.0.0","@types/react-dom":"^19.0.0","@byteflow-ui/button":"*","@byteflow-ui/dialog":"*"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@byteflow-ui/button":"*","@byteflow-ui/dialog":"*"},"_npmOperationalInternal":{"tmp":"tmp/alert-dialog_1.0.1_1772896518688_0.9995209150348221","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@byteflow-ui/alert-dialog","version":"1.0.2","description":"Componente Alert Dialog premium para Byteflow UI","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./index.css":"./dist/index.css"},"scripts":{"build":"tsup","dev":"tsup --watch","lint":"eslint src"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@byteflow-ui/button":"*","@byteflow-ui/dialog":"*"},"devDependencies":{"tsup":"^8.3.5","typescript":"^5.6.3","@types/react":"^19.0.0","@types/react-dom":"^19.0.0","@byteflow-ui/button":"*","@byteflow-ui/dialog":"*"},"author":{"name":"Victor Hugo Cornejo Calderon","email":"rex2002xp@gmail.com"},"license":"MIT","sideEffects":["./dist/index.css"],"_id":"@byteflow-ui/alert-dialog@1.0.2","gitHead":"6b38037adcf9ba11da2f9ba43fbd91304e32f774","_nodeVersion":"22.14.0","_npmVersion":"11.4.1","dist":{"integrity":"sha512-zJIuxE8mECl1wra4vt8TX3owS1IeWFSqBJX06j29PtRQGq1nIhDDG4yjrr/Af+p0pNkFf+1VtMoUCCreCTXC1g==","shasum":"8bc6e91748975cf88b6e327618a0a25887e77916","tarball":"https://registry.npmjs.org/@byteflow-ui/alert-dialog/-/alert-dialog-1.0.2.tgz","fileCount":10,"unpackedSize":7280,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDpS0YDRcz1dX5wfqQRYj7jFS0jR77qf6jvLvi/NPeB+QIgX0y3olm01hkSlFwPPgE+p/fWBRUdWCpUtNt5ENZSriw="}]},"_npmUser":{"name":"rex2002xp","email":"rex2002xp@gmail.com"},"directories":{},"maintainers":[{"name":"rex2002xp","email":"rex2002xp@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/alert-dialog_1.0.2_1774796926055_0.46857164587498934"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-07T00:03:24.938Z","modified":"2026-03-29T15:08:46.344Z","1.0.0":"2026-03-07T00:03:25.272Z","1.0.1":"2026-03-07T15:15:18.840Z","1.0.2":"2026-03-29T15:08:46.198Z"},"author":{"name":"Victor Hugo Cornejo Calderon","email":"rex2002xp@gmail.com"},"license":"MIT","description":"Componente Alert Dialog premium para Byteflow UI","maintainers":[{"name":"rex2002xp","email":"rex2002xp@gmail.com"}],"readme":"# @byteflow-ui/alert-dialog\n\nComponente de diálogo de alerta para acciones críticas que requieren confirmación explícita del usuario. Extiende la funcionalidad de `@byteflow-ui/dialog`.\n\n## Características\n\n- 🛡️ **Seguridad:** No se cierra al hacer click fuera del modal (requiere acción explícita).\n- 🎨 **Estética Coherente:** Mantiene el diseño premium del kit Byteflow-UI.\n- ♿ **Semántica:** Diseñado para roles de `alertdialog`.\n\n## Instalación\n\n```bash\nnpm install @byteflow-ui/alert-dialog @byteflow-ui/dialog @byteflow-ui/button\n```\n\n## Uso\n\n```tsx\nimport { useState } from 'react';\nimport { AlertDialog, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter } from '@byteflow-ui/alert-dialog';\nimport { Button } from '@byteflow-ui/button';\n\nexport const MyComponent = () => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    return (\n        <>\n            <Button variant=\"error\" onClick={() => setIsOpen(true)}>Eliminar Cuenta</Button>\n            \n            <AlertDialog isOpen={isOpen} onClose={() => setIsOpen(false)}>\n                <AlertDialogHeader>\n                    <AlertDialogTitle>¿Estás absolutamente seguro?</AlertDialogTitle>\n                    <AlertDialogDescription>\n                        Esta acción no se puede deshacer. Esto eliminará permanentemente tu cuenta\n                        y removerá tus datos de nuestros servidores.\n                    </AlertDialogDescription>\n                </AlertDialogHeader>\n                \n                <AlertDialogFooter>\n                    <Button variant=\"ghost\" onClick={() => setIsOpen(false)}>Cancelar</Button>\n                    <Button variant=\"error\" onClick={() => setIsOpen(false)}>Sí, eliminar cuenta</Button>\n                </AlertDialogFooter>\n            </AlertDialog>\n        </>\n    );\n};\n```\n\n## Propiedades (AlertDialogProps)\n\n| Propiedad | Tipo | Por defecto | Descripción |\n| :--- | :--- | :--- | :--- |\n| `isOpen` | `boolean` | `required` | Controla si el diálogo está visible. |\n| `onClose` | `() => void` | `required` | Función que se ejecuta al intentar cerrar el diálogo. |\n| `children` | `React.ReactNode` | `required` | Contenido del diálogo. |\n| `className` | `string` | `\"\"` | Clase CSS adicional para el contenedor. |\n| `closeOnEsc` | `boolean` | `true` | Si se debe cerrar al presionar la tecla Escape. |\n","readmeFilename":"README.md"}