{"_id":"@bolttech/ob-atoms-input","_rev":"6-9fc04e9a8d8213c80c383caadf7e5b82","name":"@bolttech/ob-atoms-input","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-input","version":"1.0.0","_id":"@bolttech/ob-atoms-input@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":"e1e5704aef84e3854c24e214ab60a49ea3dd4e47","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input/-/ob-atoms-input-1.0.0.tgz","fileCount":9,"integrity":"sha512-pHaKpK011iwVkMDespV/PKXdDzJYMx5UdWgoPrKirLZYg94bv0RVegOe8XVH9loAqrfk7TtJZE3PqUWPDroOkQ==","signatures":[{"sig":"MEUCIQCAQnWDsugesRcY1DNpt/zv8Y7dVujwglzb389KDT49tAIgEbkFh17YUD/rbXQVRYFuqn1dk+J01TyTTMrmf0n+E/M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":415322},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"dfbf8c8884811c0e643ce330abbcdbc2148faa8a","_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-input_1.0.0_1778515741899_0.9551003494019841","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-input","version":"1.0.1","_id":"@bolttech/ob-atoms-input@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":"9d24df4016035842bf61ec45e83ab7d580553e00","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input/-/ob-atoms-input-1.0.1.tgz","fileCount":5,"integrity":"sha512-OQQjoFsM0vZWnaFKNZTQ43El18FiJTktoIWDUa/gChTDJ/qQqDb9Zs4WiK7WF2kPD/8itmNgrtmmQJgSx+5ehg==","signatures":[{"sig":"MEUCIAhG4MA34HbH+GtDZWC8Urw6B7N+TBpgAzhKgkMswPf1AiEAizYvn2wOSPihevChOVpgco9MGnQzq60pHPC4JtLZVls=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":56065},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"47153a3b2b93c20ece0442dbfdba2e53bf14e409","_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-tooltip":"1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-input_1.0.1_1780925459227_0.3742574114535031","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-input","version":"1.0.2","_id":"@bolttech/ob-atoms-input@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":"3dc5fde0871a0e843c4443191c10d5cab5461f5c","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input/-/ob-atoms-input-1.0.2.tgz","fileCount":5,"integrity":"sha512-GfReDGvGDO0O6rr1FvEEsAemDGKEMCqMIqnmYF7OngWl4wUP85vWTXQR2frVJcMFcrM3Obe/5H8ruZH8RghJsQ==","signatures":[{"sig":"MEUCICfCXXMtivL1PbVHKzfMM6krLjthqFQhXGP+WEMMSQYgAiEAqO7r8rR1R2YWfF7xu7CbD4J8DDr7gAFf+l27Z5+p014=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":55340},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"10d0252537f006b62651ab948dfbfebe8b277df3","_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-tooltip":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-input_1.0.2_1782741873070_0.8677191408529672","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-input","version":"1.0.3","_id":"@bolttech/ob-atoms-input@1.0.3","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":"a8565aec85ba00400e767ffe426d6ec9630bc13f","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input/-/ob-atoms-input-1.0.3.tgz","fileCount":5,"integrity":"sha512-ZOYzefObCR8b7zEwqIt1ouqcnYZrEd9TeD/3XxM/CVVThdbqXk7CJfuCkV63KVIYLBaD60DDUzSQeN+Zyk6NxQ==","signatures":[{"sig":"MEQCIAQEnWnOrM8isHUHT3DumqM2+qbDns5mSIF9TL/Fi3KWAiBikUAHc7iQGAO0gGL/JlRamOL7Vw8xrrEQwgqB/lstBQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53614},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"5a49aa8e7d3edaa27c7f3ff085c7dcaa6e1e0497","_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-tooltip":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-input_1.0.3_1784627206456_0.9637854535849739","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bolttech/ob-atoms-input","version":"1.0.4","_id":"@bolttech/ob-atoms-input@1.0.4","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":"2e25f443091cc86691acfe3883b25e0e336cf637","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input/-/ob-atoms-input-1.0.4.tgz","fileCount":9,"integrity":"sha512-zGX6kHwWY6m8ZjfLPCebAY0uPbzZ8OGUHkPv0RiS7TCBQwf5l+fWHbHGbkuKvphfK3gqi7iE+kVjyUZDifGJIA==","signatures":[{"sig":"MEQCICKNYu6p2S9Qtuizb6+L4cadgyTHbr5SKHG17JirawZTAiAxntPOkaKttb7unJQVClmXUCIwc6oI+S3AoqCVqcrdLA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":412375},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"711bfbd8e9c17a9951ec8178386b10b8fb4f9ab4","_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-tooltip":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-input_1.0.4_1788778833441_0.9778837674096739","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@bolttech/ob-atoms-input","version":"1.0.5","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-tooltip":"1.0.1","@bolttech/ob-atoms-icon":"1.0.1"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-input@1.0.5","gitHead":"8ba8c3b3b0be11c5b3705b7277f788dc04f84df8","description":"A customizable input component with optional icon, label, and error message support.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-ou2o6tS9WBPagJ+nwWXgF2rTVuy901ewIWrte+hkYWZqZwW5ST4NOAXGFhcqbVFV4Q5C8+2TanPlscS3e++RqA==","shasum":"6093cf126e9f2242aa300209c4471c41166e57ed","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-input/-/ob-atoms-input-1.0.5.tgz","fileCount":8,"unpackedSize":416536,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDk5oW2KLiVv/FmIPAFdl4NdipBZ5gfGXh5KsQ923NRGwIhAPtX29/QWnI+fhqM79zCKrxD4pGpM9wxdvNGKY/zDMhI"}]},"_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"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"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-input_1.0.5_1788796384381_0.40039588888601396"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:09:01.722Z","modified":"2026-09-07T15:53:04.658Z","1.0.0":"2026-05-11T16:09:02.059Z","1.0.1":"2026-06-08T13:30:59.389Z","1.0.2":"2026-06-29T14:04:33.259Z","1.0.3":"2026-07-21T09:46:46.603Z","1.0.4":"2026-09-07T11:00:33.586Z","1.0.5":"2026-09-07T15:53:04.499Z"},"description":"A customizable input component with optional icon, label, and error message support.","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":"# Input Component\n\nA customizable input component with optional icon, label, and error message support.\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-input\n```\n\nor\n\n```bash\nyarn add @bolttech/atoms-input\n```\n\n## Props\n\nThe `Input` component accepts the following properties:\n\n| Prop | Type | Description |\n| ------------- | ------------------------------------- | ----------------------------------------------------------------------------------- |\n| id | `string` | The `id` attribute of the input component. |\n| dataTestId | `string` | The `data-testid` attribute for testing. |\n| variant | `InputVariants` | The variant of the input component (default is 'grey'). |\n| errorMessage | `string` | An error message to be displayed. |\n| icon | `string` | An icon to be displayed on the right side of the input. |\n| tooltip | `object` | The properties of the tooltip shown when hovering the icon in the provided position |\n| label | `string` | A label to describe the input. |\n| required | `boolean` | Whether the input is required or not. |\n| onClickIcon | `function` | A function to be called when the icon is clicked. |\n| disabled | `boolean` | Whether the input is disabled or not. |\n| value | `string` | The value of the input. |\n| onBlur | `(value: unknown) => void` or `(...)` | Event handler when the input loses focus. |\n| onFocus | `(value: unknown) => void` or `(...)` | Event handler when the input gains focus. |\n| onChange | `(value: unknown) => void` or `(...)` | Event handler when the input value changes. |\n| helperMessage | `string` | An optional string to display as a helper message for the input. |\n| ...props | `object` | Additional props that can be passed to the HTML input element. |\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { Input } from '@bolttech/atoms-input/ob';\n\nconst ExampleComponent = () => {\n const handleClickIcon = () => {\n console.log('Icon Clicked');\n };\n\n return ;\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"}