{"_id":"@bolttech/ob-atoms-collapse","_rev":"4-10c0985c6f95ff88808808e3cec4deeb","name":"@bolttech/ob-atoms-collapse","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-collapse","version":"1.0.0","_id":"@bolttech/ob-atoms-collapse@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":"a1628a7071251d99ed603c55954f325576e8e5fd","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-collapse/-/ob-atoms-collapse-1.0.0.tgz","fileCount":9,"integrity":"sha512-yX8TWOX/Fnn2eh+aZ/otXDuuh8rgntrKXMAD2s5/cF+yW2/g4vpVD4KNkOuzA7k9w0hJqumTxOrMpBIHS8/amg==","signatures":[{"sig":"MEQCIE6RGlSE4day/Th1KWXKPEAa1mXFx6GPaLbVi8xJjPhCAiAJEKowbdJjbxM3PClMMHqnYzVh6hBktAqlxQ33RlHwsg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53336},"main":"./index.esm.js","type":"module","types":"./index.d.ts","module":"./index.esm.js","gitHead":"45b0289fadd5d3d4063c738385b5d3075279b1bc","_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-collapse_1.0.0_1778515392449_0.9592970221904789","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-collapse","version":"1.0.1","_id":"@bolttech/ob-atoms-collapse@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":"95b55abe0989b894e752a43a868e754eef86f38c","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-collapse/-/ob-atoms-collapse-1.0.1.tgz","fileCount":5,"integrity":"sha512-1bggw66375aDRGD3EuV3Jf1GyMmt/ngL1hAIhDp97seZXFXKYS8t1Gp2oWeAu44HuNBNwzQ2GY4lSs4rFd6IgQ==","signatures":[{"sig":"MEYCIQCqe2u0cSuT13ubaYivJHCrWKNq4bmvVVza8V/P9U5mHwIhAN9A2HmlbQH2BHH/ENTlJI4zztF52cf1MwMMW4jsGCro","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47238},"main":"./index.esm.js","type":"module","types":"./index.d.ts","module":"./index.esm.js","gitHead":"403fa775d4cfd43cb86e86d78f352ae09c23a8a3","_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","@material-symbols/font-300":"^0.5.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-collapse_1.0.1_1780926533693_0.39729464480656884","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-collapse","version":"1.0.2","_id":"@bolttech/ob-atoms-collapse@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":"fcb449ec3151e50ff580b2264079814617e8f763","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-collapse/-/ob-atoms-collapse-1.0.2.tgz","fileCount":9,"integrity":"sha512-FeJVZesNY1T2OJMciL0vH7tGLB6EVY1htfojWrfYfT45WqsdP6zLYkmCSknqybZ7CcCKuCvq91RS97J4tmsu6A==","signatures":[{"sig":"MEUCIQCxA2Am1Ndi+9HA2MG+MalwfY3UiWemI85TNXM7rG5/kwIgKl/nLdK002kMn2B+gTzHOmwvgcdkA5WGBw/yhYuPD3M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQC94vGzDiiFrO1KWEo8kIEtC+ZsYeTvjiwMlMU2qufV4wIgEiYBu4ykjh0G8ak/+JPUVAjDFEC8IyRRXcfGpNHt0C8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51814},"main":"./index.esm.js","type":"module","types":"./index.d.ts","module":"./index.esm.js","gitHead":"08dd1ba721da96b6b92b66f59f464ae578674223","_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","@material-symbols/font-300":"^0.5.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-collapse_1.0.2_1788778852511_0.28755350340653085","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@bolttech/ob-atoms-collapse@1.0.3","dist":{"shasum":"4eb8b80533b0134a357fff69e290149d8a094b15","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-collapse/-/ob-atoms-collapse-1.0.3.tgz","fileCount":8,"integrity":"sha512-JMkriwrxZB8gFuuckF1apEq3gChDa+io08BPeRn/h6KD7WcKFLa09Ku78FcOP6IIKDsxtyy2h2/wyoLW4NkyAA==","signatures":[{"sig":"MEQCIGdqGwAknqr2nBwekVreK1bpbiRhEM10s8bYxwW3r3JgAiA5DL6kNZi4jVIAvNFU55HH4MeruE1K5AFohJ8cM7kSGA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIC86RO6ndjxHR2C7/w+zJTv1n/77pQp5ECUrmVPPIFfIAiEAtuNgl5yU0m6z9VuQVSXzWHDH+Oy7DOhlj+RTelZJ9k4="}],"unpackedSize":55254},"main":"./index.cjs.js","name":"@bolttech/ob-atoms-collapse","type":"commonjs","types":"./index.d.ts","gitHead":"c0c53d607374fca9ef50a9e51f3aaf997ed35b08","version":"1.0.3","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"An expandable/collapsible section component with a clickable title and status-aware icon.","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","@material-symbols/font-300":"^0.5.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-collapse_1.0.3_1788796338910_0.2656836207077926"}}},"time":{"created":"2026-05-11T16:03:12.383Z","modified":"2026-09-07T15:52:19.202Z","1.0.0":"2026-05-11T16:03:12.593Z","1.0.1":"2026-06-08T13:48:53.833Z","1.0.2":"2026-09-07T11:00:52.600Z","1.0.3":"2026-09-07T15:52:19.008Z"},"description":"An expandable/collapsible section component with a clickable title and status-aware icon.","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":"# Collapse Component\n\nAn expandable/collapsible section component with a clickable title and status-aware icon.\n\n## Installation\n\nUse the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component.\n\n```bash\nnpm install @bolttech/ob-atoms-collapse\n```\n\nor\n\n```bash\nyarn add @bolttech/ob-atoms-collapse\n```\n\n## Props\n\nThe `Collapse` component accepts the following properties:\n\n| Prop       | Type                                                                  | Description                                                                 |\n| ---------- | ------------------------------------------------------------------------ | ------------------------------------------------------------------------------ |\n| titleText  | `string`                                                                  | **Required.** Text displayed as the collapse header.                        |\n| isOpen     | `boolean`                                                                 | **Required.** Controls whether the content is expanded or collapsed.        |\n| onClick    | `(value: boolean) => void`                                                | **Required.** Callback fired to toggle the `isOpen` state.                  |\n| status     | `'default' \\| 'error' \\| 'success'`                                      | **Required.** Status of the collapse, affects the icon shown.               |\n| variant    | `'large' \\| 'small'`                                                     | Size variant of the collapse. Defaults to `'small'`.                        |\n| children   | `React.ReactNode \\| React.ReactNode[]`                                   | Content rendered inside the collapse when open.                             |\n| imgCollapse| `string \\| React.ReactElement<HTMLImageElement>`                          | Custom image to use as the collapse icon.                                   |\n| icons      | `{ opened, closed, error?, success? }`                                    | Custom icons referenced per status.                                          |\n| dataTestId | `string`                                                                  | The `data-testid` attribute for testing.                                    |\n\n## Usage\n\n```jsx\nimport React, { useState } from 'react';\nimport { Collapse } from '@bolttech/ob-atoms-collapse';\n\nconst ExampleComponent = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <Collapse\n      titleText=\"Coverage details\"\n      isOpen={isOpen}\n      status=\"default\"\n      onClick={setIsOpen}\n    >\n      <p>Detailed information about the selected coverage.</p>\n    </Collapse>\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"}