{"_id":"@bolttech/ob-atoms-header","_rev":"4-f5c0ccb35ba7720f1fb4da9b4dce4a5a","name":"@bolttech/ob-atoms-header","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-header","version":"1.0.0","_id":"@bolttech/ob-atoms-header@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":"a868ead83de6a2e7420fb22765c4814151e89de6","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-header/-/ob-atoms-header-1.0.0.tgz","fileCount":8,"integrity":"sha512-PN7r3GiO+YiGJn+YuSFiU7DWTYLgFxqVQDn9xzVxAdbC9m4WER8S09RHb2D6tNUTdNaLA+tczeUiX8oDbZXL0g==","signatures":[{"sig":"MEQCIHzwGutE53A/nQ9GnZOXPQjQfIcZsfSY7XzXTSvhfulOAiAqD2RWZRJpJCWuMpzRWK05KdHEfZG1kqekQTKR5F2M0w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114898},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"ecc6b004f150aa502802340f36efe823394838a3","_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-header_1.0.0_1778515522862_0.6684047023052357","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-header","version":"1.0.1","_id":"@bolttech/ob-atoms-header@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":"58a4a8f7699735894843c73c22259924c846261d","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-header/-/ob-atoms-header-1.0.1.tgz","fileCount":5,"integrity":"sha512-v6uRwSt4UI9BrCOBgGXe83NcwbGXiG/DgFFDZB3HQAz3mqBezsJOm5PBHQypxAeERVY64o8hoj4z0oa0alxWqg==","signatures":[{"sig":"MEYCIQCSbiKSr0jFyfglfsQemQQyK5AWbOqWOUR96Jvn9AbWFQIhALuAb+VyqxPcKV1EUroMID/oQMz7uGSG97Hdj+Jq7gll","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113433},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"e49cf26ec206866b2eeb0c0bcf16d4bf8da452a2","_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","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-button":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-header_1.0.1_1780926841214_0.05123489251685087","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-header","version":"1.0.2","_id":"@bolttech/ob-atoms-header@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":"92c3486a732fb10a0b5091ebb8711be89acaafae","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-header/-/ob-atoms-header-1.0.2.tgz","fileCount":8,"integrity":"sha512-SkwiTklduNGhcZN5mDVlRgaDoj8AWgT2HacobaRxkKMtwPzxlp463EdqsY9OFgghs/13nlWs5yLAcx3278xSaQ==","signatures":[{"sig":"MEUCIQCIMTi/6DfTZQUFLuO7scWlFuI7r2nYruw4mWQ/Y+0sxQIgEjxYNYR7Y23JpKuRMSoMUGL8EAPKZsEOwHbPGmKrYrs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIDnh0nd97KRDcwmQjrm7RXrOY5Z64+oJiZQlnv4hT3TKAiEA/iON7VjOn5i5klKBvQMmcxQciSXZRSbo/QzFY/+NRw8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113997},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"8d21f15289a78e0f8b4edbaebc4ff56e516948d8","_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","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-button":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-header_1.0.2_1788779041537_0.23340339672665555","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@bolttech/ob-atoms-header@1.0.3","dist":{"shasum":"291edc7316968d75886525f2e51af69de81d8d22","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-header/-/ob-atoms-header-1.0.3.tgz","fileCount":7,"integrity":"sha512-HzsBgAFgR9Bq/8y8088RNHPpfQ70NTb2CWpQkotatDzM/mUsFSenzO3Sf6fS+ZW1N0Up+TlEJBfJ5qees8VRJw==","signatures":[{"sig":"MEUCIGQEo8+NOiPqHGdI4BCtPgExFP3I21Jh8GIajGuevv5AAiEAxBpoPjEHhotpGSVvShekZBWyfVl3yg0Jnb8BtId/tlc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDwVwY1mB3h8936CNl7IMYtx/nYQkvaoHNxOJvqu68CeAIgRPndcjXFzf9RJf0+XnI84iCxpXtryh3fmhvoSK6/QlQ="}],"unpackedSize":116970},"main":"./index.cjs.js","name":"@bolttech/ob-atoms-header","type":"commonjs","types":"./index.d.ts","gitHead":"e2eecb2e17924d7e694f4d19fad865bf8397c123","version":"1.0.3","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"A responsive header component that includes a logo, call-to-action button, navigation links, icons, and language selector.","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","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-button":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-header_1.0.3_1788796543386_0.44534567858236995"}}},"time":{"created":"2026-05-11T16:05:22.706Z","modified":"2026-09-07T15:55:43.665Z","1.0.0":"2026-05-11T16:05:23.045Z","1.0.1":"2026-06-08T13:54:01.347Z","1.0.2":"2026-09-07T11:04:01.629Z","1.0.3":"2026-09-07T15:55:43.475Z"},"description":"A responsive header component that includes a logo, call-to-action button, navigation links, icons, and language selector.","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":"# Header Component\n\nA responsive header component that includes a logo, call-to-action button, navigation links, icons, and language selector.\n\n## Installation\n\nUse the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component and its dependencies.\n\n```bash\nnpm install @bolttech/atoms-header\n```\n\nor\n\n```bash\nyarn add @bolttech/atoms-header\n```\n\n## Props\n\nThe `Header` component accepts the following properties:\n\n| Prop | Type | Description |\n| ---------- | -------- | ----------------------------------------------------------------------------------------- |\n| id | `string` | The `id` attribute of the header component. |\n| dataTestId | `string` | The `data-testid` attribute for testing. |\n| logo | `object` | Object containing the information of the logo. |\n| cta | `object` | An object containing `variant`, `label`, and `onClick` properties for the CTA button. |\n| links | `array` | An array of objects containing `href`, `label`, and `selected` properties for links. |\n| icons | `array` | An array of objects containing `href` and `icon` properties for icons. |\n| languages | `array` | An array of objects containing `href` and `label` properties for language selector links. |\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { Header } from '@bolttech/atoms-header/ob';\n\nconst ExampleComponent = () => {\n const ctaButton = {\n variant: 'primary',\n label: 'Get Started',\n onClick: () => console.log('Button Clicked'),\n };\n\n const navLinks = [\n { href: '/home', label: 'Home', selected: true },\n { href: '/about', label: 'About', selected: false },\n { href: '/contact', label: 'Contact', selected: false },\n ];\n\n const socialIcons = [\n { href: 'https://twitter.com', icon: 'https://example.com/twitter.png' },\n { href: 'https://facebook.com', icon: 'https://example.com/facebook.png' },\n ];\n\n const languages = [\n { href: '/en', label: 'EN' },\n { href: '/fr', label: 'FR' },\n ];\n\n const logo = { image: 'https://example.com/logo.png', href: '/' };\n\n return (\n
\n );\n};\n\nexport default ExampleComponent;\n```\n\n## Contributing\n\nContributions are welcome! For any bug fixes, improvements, or new features, please open an [issue](link-to-issues) or submit a pull request.\n\nPlease make sure to follow the code standards and test your changes before submitting.\n","readmeFilename":"README.md"}