{"_id":"@bolttech/ob-atoms-radio","_rev":"4-9293d0d4ab064a10868a72bf2ee52619","name":"@bolttech/ob-atoms-radio","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-radio","version":"1.0.0","_id":"@bolttech/ob-atoms-radio@1.0.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"956a5c28bd3520b7f3b380a256e701fe0a9f1c53","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-radio/-/ob-atoms-radio-1.0.0.tgz","fileCount":11,"integrity":"sha512-QX4YpUvMuU+UKIj8Ly8SW491itoSG5WL5CJF0DsJdfEW8ahBYQYX0Sy5KT4ejuLZjfooo33P7lSxgXZpgH/1Og==","signatures":[{"sig":"MEUCICNVWXQjvTqtnu/vr2SSrMW1R3G4nSeItDdtEqf7s4TrAiEAgLYe30bRz/Um61LdLFNUmJnam3WbceROfyZGTZ9q9Zg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49588},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"c9ba77b2db4593d8fa6f3f7bed50aa425df59fae","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"11.10.1","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-radio_1.0.0_1778515863671_0.5174764808835897","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-radio","version":"1.0.1","_id":"@bolttech/ob-atoms-radio@1.0.1","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"6f3a1ecf9040b7e1e54b79118255bfe68a706f60","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-radio/-/ob-atoms-radio-1.0.1.tgz","fileCount":5,"integrity":"sha512-/vwgcgsI7qK6leIK3kp0mHHunXbGE/CHhYhHrxvY8Bw8UsvkHy6RcLrZKXmtClelajC1tekP+0fMRfZwfFmSbA==","signatures":[{"sig":"MEUCIQDBHaBV2WjhOr11CmBslpzGdFb8XL/cUp11EVO200qSDQIgd8qOpeFHSIpX3TySYvt9P8VfjFFE13z5lc8gpeLgQAw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":44481},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"73dbbcc16ea1560d5a06e138740239e91af63ecc","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-radio_1.0.1_1780925604332_0.7346899127758277","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-radio","version":"1.0.2","_id":"@bolttech/ob-atoms-radio@1.0.2","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"451994ea82a1c8372443eadce261fe612cc66f79","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-radio/-/ob-atoms-radio-1.0.2.tgz","fileCount":11,"integrity":"sha512-3kNZYkGkrWMFhsqVsLaSPHhjgVr7El2EY92GRqGKOCZHtEAySQxnlli4kSShtKvpfsYEQcWrLDh5wBuJVolUyg==","signatures":[{"sig":"MEYCIQDlBsgaIlKT2NP0Qr23LUVi6wBUO7M66Zi2JIYj1qB3DgIhAJcjWj/BvT8OTMpuOHcBHNPpnlv7SZEpKOZl01lP/ikY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQClblZ9C5gN9D3VhIwt4ZKreEhpAtuxjmcVqn7vnkV6dgIgKr7JWp+MDFBr7Bjko4sA/cJ0Y5IIQXCG+0BV2LYr1BE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48027},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"a1f49b1e4f1e56e9fbda21563a8d5d7d47918a16","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-radio_1.0.2_1788779110806_0.4175819192449435","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@bolttech/ob-atoms-radio@1.0.3","dist":{"shasum":"b199c9f6417aaa097152233c6b920b39c4b52971","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-radio/-/ob-atoms-radio-1.0.3.tgz","fileCount":10,"integrity":"sha512-jcd0nqCtxij5Bwb82iYdcoFVjx7uw3O44L2KkebvOqNugJKAWB7AFGp0GONG81TbCjepPOwC72SEdOGe7GjCqQ==","signatures":[{"sig":"MEQCIGf/D6kPyOthjtlmJuU8ZB6Lj2eHJ3You7X8ZEakrQs2AiAq6J/NJ8zh2BzzNWfpAeDVpoZp92s6Y2eA7tRvqlOUug==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCRdJbLh0nrpzR2TtnTtWVWwLsfcSP2NLk3B/8oI6k8MAIgSsCbzP5dm50M8GCPGniL7E/nuiNyS7rGy4P/nlyJBRU="}],"unpackedSize":51804},"main":"./index.cjs.js","name":"@bolttech/ob-atoms-radio","type":"commonjs","types":"./index.d.ts","gitHead":"ee3d501a11ca2164dbc17c43083e9a6ea3996a70","version":"1.0.3","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"The **Radio** component is a React component designed to provide a radio button input element with support for grouping and contextual interactions. This component is a part of the project's UI module and is intended to enhance the usability of radio butt","directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-radio_1.0.3_1788796628802_0.5640505247365448"}}},"time":{"created":"2026-05-11T16:11:03.580Z","modified":"2026-09-07T15:57:09.134Z","1.0.0":"2026-05-11T16:11:03.859Z","1.0.1":"2026-06-08T13:33:24.482Z","1.0.2":"2026-09-07T11:05:10.899Z","1.0.3":"2026-09-07T15:57:08.881Z"},"description":"The **Radio** component is a React component designed to provide a radio button input element with support for grouping and contextual interactions. This component is a part of the project's UI module and is intended to enhance the usability of radio butt","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"# Radio Component README\n\nThe **Radio** component is a React component designed to provide a radio button input element with support for grouping and contextual interactions. This component is a part of the project's UI module and is intended to enhance the usability of radio button selections within forms or user interfaces.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n- [Radio Group Context](#radio-group-context)\n- [Example](#example)\n- [Contributing](#contributing)\n\n## Installation\n\nTo use the **Radio** component in your React application, you need to follow these steps:\n\n### Using npm\n\n```bash\nnpm install @bolttech/atoms-radio\n```\n\n### Using Yarn\n\n```bash\nyarn add @bolttech/atoms-radio\n```\n\nOnce you have the required dependencies installed, you can start using the `Radio` component in your React application.\n\n## Usage\n\nThe **Radio** component provides a radio button input element along with a label. It can be used to build radio button groups with contextual interactions.\n\nTo use the component, import it and include it in your JSX:\n\n```jsx\nimport React from 'react';\nimport {Radio} from '@bolttech/atoms-radio';\n\nfunction App() {\n  return (\n    <>\n      <Radio\n        id=\"radio-1\"\n        dataTestId=\"radio-1\"\n        label=\"Option 1\"\n        value=\"option1\"\n      />\n      <Radio\n        id=\"radio-2\"\n        dataTestId=\"radio-2\"\n        label=\"Option 2\"\n        value=\"option2\"\n      />\n    </>\n  );\n}\n\nexport default App;\n```\n\n## Props\n\nThe **Radio** component accepts the following props:\n\n| Prop             | Type          | Description                                               |\n|------------------|---------------|-----------------------------------------------------------|\n| `id`             | string        | The ID attribute for the radio input element.             |\n| `dataTestId`     | string        | The data-testid attribute for testing purposes.           |\n| `label`          | string        | The label to be displayed next to the radio button.       |\n| `value`          | string        | The value associated with the radio button.               |\n| `disabled`       | boolean       | Whether the radio button is disabled.                     |\n\n## Radio Group Context\n\nThe **Radio** component supports a Radio Group Context, which can be provided by the `RadioGroupProvider`. This context allows you to group related radio buttons together and manage their state.\n\nTo use the Radio Group Context, you need to wrap your radio buttons with the `RadioGroupProvider`:\n\n```jsx\nimport React from 'react';\nimport {Radio, RadioGroupProvider} from '@bolttech/atoms-radio';\n\nfunction App() {\n  return (\n    <RadioGroupProvider selected=\"option1\">\n      <Radio id=\"radio-1\" label=\"Option 1\" value=\"option1\" />\n      <Radio id=\"radio-2\" label=\"Option 2\" value=\"option2\" />\n    </RadioGroupProvider>\n  );\n}\n\nexport default App;\n```\n\n## Example\n\nHere's an example of using the **Radio** component with the Radio Group Context:\n\n```jsx\n<RadioGroupProvider selected=\"option1\">\n  <Radio id=\"radio-1\" label=\"Option 1\" value=\"option1\" />\n  <Radio id=\"radio-2\" label=\"Option 2\" value=\"option2\" />\n</RadioGroupProvider>\n```\n\nThis will render two radio buttons labeled \"Option 1\" and \"Option 2\" with the first option selected.\n\n## Contributing\n\nContributions to the **Radio** component are welcome. If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on the project's GitHub repository.\n","readmeFilename":"README.md"}