{"_id":"@bolttech/molecules-slider","_rev":"18-3060f3c8460fc821fb6bce639b0fd963","name":"@bolttech/molecules-slider","dist-tags":{"latest":"0.6.2"},"versions":{"0.1.0":{"name":"@bolttech/molecules-slider","version":"0.1.0","_id":"@bolttech/molecules-slider@0.1.0","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"0b9d0a3aa44bc9617a2f3b919a71bf1a92473a5d","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.1.0.tgz","fileCount":8,"integrity":"sha512-dSaLKbb9x+s96waWVk02DCvmwYD+zdiqfSLsIkdWs9HO60D6fMe9hMjE25RZnssv7MRJo/3LECtlj2VjrZgsYA==","signatures":[{"sig":"MEYCIQC8lCc/rL7c4Rf3YLS5o6bap/niPUyePUv5IeGAa7Xr/QIhAI0fqqNemNLVV5UF6d9a2EOqQqU42bZvDT/Vop0mQMkG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":111869},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"59c58ea418ea792e7b4cb176f591b0bcdf224103","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"9.6.7","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"18.17.0","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.25.0","@bolttech/default-theme":"0.3.1","@bolttech/frontend-foundations":"0.4.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.1.0_1708962395863_0.1356817203517322","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@bolttech/molecules-slider","version":"0.1.2","_id":"@bolttech/molecules-slider@0.1.2","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"c64018d6f551b6711176f098e84c70a6826d27de","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.1.2.tgz","fileCount":8,"integrity":"sha512-L5zrYfBvBM/7dLy9wpkFoBV1MByIeiZXFkx+3nskht9eu+PQcaY+3WBC8snzEMXc05bLfbiMyY9JN1Noq3vtzQ==","signatures":[{"sig":"MEQCIGr0fkr5Y3tYjLNTGv063YpCUaKFb8rHkZ+6GTp9MyvyAiB6rWd3854fggHdI4l6fKxYdjl4Cyk4Q2kDjEiBguaXew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":111967},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"16118c528554aa77ef16133541c59ed37a31a155","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.5.0","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"21.6.2","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.25.1","@bolttech/default-theme":"0.3.1","@bolttech/frontend-foundations":"0.6.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.1.2_1709727699950_0.7988271013682","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@bolttech/molecules-slider","version":"0.1.3","_id":"@bolttech/molecules-slider@0.1.3","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"e427e52653d99d1b91b99baca937cd91ea9dd80b","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.1.3.tgz","fileCount":8,"integrity":"sha512-LR1fwF1blEXj3m1l42XVPFHRTmEEn+mq94dA9ngycneBAIzrO6kUKggGmIqLtzuDpg+s6LNRxVdh32RYwYHYsA==","signatures":[{"sig":"MEQCIENXk8/5KCn6AKJ8gVE9c5qJ4c1zinbLiTImdp3e410ZAiAXeKK/LRuiqGzl5kXZ0hqLEIa7e5/wW+qg+1fQvjX37g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114632},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"219c616767b9921d6e4fa036b2adac8a2add4f18","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"9.6.7","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"18.17.0","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.25.1","@bolttech/default-theme":"0.3.1","@bolttech/frontend-foundations":"0.6.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.1.3_1709832856298_0.7979724466270663","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@bolttech/molecules-slider","version":"0.1.4","_id":"@bolttech/molecules-slider@0.1.4","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"e4922f954a89f264854f994664d56b5ec387ca9e","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.1.4.tgz","fileCount":8,"integrity":"sha512-jmB+CztxV4Fj3m2O1QCrStry5SuzLOWkxNTqvpxCVmbDcCp478cvea2ObbpBW50huEcnFqK4+HPyyTCEK47LOA==","signatures":[{"sig":"MEYCIQCYtKR0QmL2Qg+NFpALLS5kqHSmim0oVjpuIUIJOBujBwIhAIAJPl0tIn1dlHG7ULUhcxd18bSdAOyAY1R7HoFaUSyv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151209},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"15dc7b0adf82541108c7cdd1c296c44543f57105","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"9.6.7","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"18.17.0","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.25.1","@bolttech/default-theme":"0.3.1","@bolttech/frontend-foundations":"0.6.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.1.4_1710175418266_0.5748810665032076","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@bolttech/molecules-slider","version":"0.1.5","_id":"@bolttech/molecules-slider@0.1.5","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"38dbc7245d3f84660bf8ecc101f96d67892b4c43","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.1.5.tgz","fileCount":8,"integrity":"sha512-5ZcDrel/+4exUu/2f55oJTMUIOJKo95mzJm73ZXUIyr1teyj9NGvJ2dUXIDN7q//iupY4WRKIbnBcvDR5Rh7Iw==","signatures":[{"sig":"MEUCIEQ++Ts4YpUlAut2z/HyZTsuBraudlFN5ww+RS5UPY65AiEAwLrfOg9RzHiAdTuxisoShQA7vO0hfUnLlEB+tx2yIqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151542},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"7b05a2bac915e461b661527f9f34c7cb126f158e","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"9.6.7","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"18.17.0","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.25.1","@bolttech/default-theme":"0.3.1","@bolttech/frontend-foundations":"0.6.2"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.1.5_1711103161375_0.6154709241804552","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@bolttech/molecules-slider","version":"0.2.0","_id":"@bolttech/molecules-slider@0.2.0","maintainers":[{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"diogo_aleixo_bolttech","email":"diogo.aleixo@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"achraf.ely","email":"achraf.elyaacoubi@bolttech.io"}],"dist":{"shasum":"e5ab23abfbd6d0441ee8ca66b6a2dc12d9f51dc1","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.2.0.tgz","fileCount":8,"integrity":"sha512-B5QXun7d4ORHH37Bn71a1/R/KvzeST+Vc0UzLVRu7PkXNfE/v8lBHgIDIZx0AmNXD0d4bwNzdMG7eZGBvN1UqQ==","signatures":[{"sig":"MEYCIQDj4Lqus0y4ygu4cnEtDe1DsBhuHXw5MnTuOtYSzAJZBgIhAK5YmsbRRs3DubpPO3ADRAZuHDjx/V2WFcl8E5tVJy5n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151542},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"3c1b1cb88042f6cfb364be9bfae9e7949bd28454","_npmUser":{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},"_npmVersion":"9.6.7","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"18.17.0","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.26.1","@bolttech/default-theme":"0.5.0","@bolttech/frontend-foundations":"0.7.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.2.0_1711963966858_0.8225206557428777","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@bolttech/molecules-slider","version":"0.3.0","_id":"@bolttech/molecules-slider@0.3.0","maintainers":[{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"}],"dist":{"shasum":"3c859b929c7200d2301728f1e7ce71deb746e545","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.3.0.tgz","fileCount":8,"integrity":"sha512-hwyi/DfF7d6Gy+8BwL7BxEzsHgvOd8X/qKxS9M6oqPiFvtcCBa52D6vKM26ZHdeSYXVnpmcz/J3kDQpalHQcEw==","signatures":[{"sig":"MEUCIQCbzVZQp2Ahg1HxZVDvXKlQDb2blwRJkaylLx4pB28mvgIgTcqsGwfSBj2YR0xsYCtBonpq/QMmUrGPhu2ThYdOj6k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151615},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"a0981d59cc542302c2636971dc95366ebf081a98","_npmUser":{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},"_npmVersion":"10.7.0","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"18.20.3","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.26.2","@bolttech/default-theme":"0.7.0","@bolttech/frontend-foundations":"0.8.2"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.3.0_1725289980336_0.538895644225651","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@bolttech/molecules-slider","version":"0.4.0","_id":"@bolttech/molecules-slider@0.4.0","maintainers":[{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"}],"dist":{"shasum":"92c374b51b42f93b99a151b8599fe3626bb561ce","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.4.0.tgz","fileCount":8,"integrity":"sha512-tqUqkUNQmn6Tm1OHaV6i3wjimY0D/Xlp0lT2Q/fmtmYAO77LO1U1FxfihpXMB4TYtxIs89oUEF3HXtXMuwq6Tw==","signatures":[{"sig":"MEYCIQDhIxRAVro0976FsBVFJWxUItLGEhwO0fvsOdsW42deGgIhAJzBTyofmyEtkJii7I5whFDDWFZI6aXIGkDKuYNfBRtx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":152665},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"a22a748b00e4584b0f1b15fe5ee918d933e9e56d","_npmUser":{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},"_npmVersion":"8.19.4","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/atoms-button":"0.27.0","@bolttech/default-theme":"0.8.0","@bolttech/frontend-foundations":"0.9.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.4.0_1725441887607_0.23371636181834798","host":"s3://npm-registry-packages"}},"0.6.0":{"name":"@bolttech/molecules-slider","version":"0.6.0","_id":"@bolttech/molecules-slider@0.6.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":"63ae192b53b35f1dca0bb10bded7249c2355a969","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.6.0.tgz","fileCount":9,"integrity":"sha512-pB7KZ1we/3FUy4sGo0HAjC4RRvWFaA1V61JlqRPZxcVwcgE0Fi+lg8IMBDmsCBPQf0/EL4yOhBOOAnniIw8D2g==","signatures":[{"sig":"MEUCIQDPRVl5lhYBugwfIlI9w+g/pK+tzpsoLVxxY8HLYpn+jwIgBlgjUffAr+bxeHGfDQ5iymWhPVxNzllKaRG+Q5YXJSw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":169030},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"3a7896329d5bd2e8836bf8ea67fad87652be372c","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","styled-components":"6.1.1","@bolttech/atoms-button":"0.29.4","@bolttech/frontend-foundations":"0.12.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/molecules-slider_0.6.0_1775672733857_0.09126352821602812","host":"s3://npm-registry-packages-npm-production"}},"0.6.2":{"name":"@bolttech/molecules-slider","version":"0.6.2","dependencies":{"styled-components":"6.1.1","@bolttech/frontend-foundations":"0.12.3","react":"19.1.2","@bolttech/atoms-button":"0.29.6"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/molecules-slider@0.6.2","gitHead":"10103c1e62b0d8d09e42a5abd20728e1bfd4f3af","description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-FbSbXCfnJlpXKJ1iSje7oDTUXWKniHOqmabukxTMoiWHxdtqHOm7WbPdRhAKbv/s0W06oYLdBZzI1GoIFuBDtw==","shasum":"e28b73b7be6e2b5872af40548883b0072163843d","tarball":"https://registry.npmjs.org/@bolttech/molecules-slider/-/molecules-slider-0.6.2.tgz","fileCount":9,"unpackedSize":169333,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCk19QbmJ6AD+zxj2jlzAkCG5b/sU+7IpYw293kdLMyvwIhALKht5dVNp7R+89nkcKg/6BKnLHWqhtf/UcuWYLoqtWa"}]},"_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@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/molecules-slider_0.6.2_1780931735885_0.009219283627350139"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-26T15:46:35.772Z","modified":"2026-06-08T15:15:36.346Z","0.1.0":"2024-02-26T15:46:35.993Z","0.1.2":"2024-03-06T12:21:40.087Z","0.1.3":"2024-03-07T17:34:16.502Z","0.1.4":"2024-03-11T16:43:38.416Z","0.1.5":"2024-03-22T10:26:01.600Z","0.2.0":"2024-04-01T09:32:47.033Z","0.3.0":"2024-09-02T15:13:00.580Z","0.4.0":"2024-09-04T09:24:47.801Z","0.6.0":"2026-04-08T18:25:34.064Z","0.6.2":"2026-06-08T15:15:36.060Z"},"description":"The **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.","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":"# Slider Component\n\nThe **Slider** component is a customizable React component that displays Slides that will automaticaly change in an animated way to show content in a horizontal view.\n\n## Installation\n\nTo use the **Slider** component, you need to install the required dependencies:\n\n```bash\nnpm install @bolttech/molecules-slider\n```\n\nor\n\n```bash\nyarn add @bolttech/molecules-slider\n```\n\n## Usage\n\nYou can utilize the **Slider** component by importing it and including it in your JSX. Here's an example:\n\n```jsx\nimport React from 'react';\nimport { Slider, SliderItem } from '@bolttech/molecules-slider';\nimport { BolttechThemeProvider } from '@bolttech/frontend-foundations';\nimport { bolttechTheme } from '@bolttech/default-theme';\n\nfunction App() {\n  return (\n    <BolttechThemeProvider theme={bolttechTheme}>\n      <Slider>\n        <SliderItem>\n          <p>slide 1</p>\n        </SliderItem>\n        <SliderItem>\n          <p>slide 2</p>\n        </SliderItem>\n        <SliderItem>\n          <p>slide 3</p>\n        </SliderItem>\n        <SliderItem>\n          <p>slide 4</p>\n        </SliderItem>\n        <SliderItem>\n          <p>slide 5</p>\n        </SliderItem>\n      </Slider>\n    </BolttechThemeProvider>\n  );\n}\n\nexport default App;\n```\n\n## Props\n\nThe **Slider** component accepts the following props:\n\n| Prop            | Type                       | Description                                                                                                                      |\n| --------------- | -------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |\n| `id`            | `string`                   | Component identification.                                                                                                        |\n| `dataTestId`    | `string`                   | React-testing-library identification.                                                                                            |\n| `currentPage`   | `number`                   | The current page of the slider.                                                                                                  |\n| `slidesPerPage` | `number`                   | Number of slides that should be shown per page. On mobile, it will automatically be 1                                            |\n| `showArrows`    | `boolean`                  | Boolean representing if the arrows for next and previous page should be displayed. On mobile, they will be automatically hidden. |\n| `showBullets`   | `boolean`                  | Boolean representing if the bullets representing the pages should be displayed.                                                  |\n| `duration`      | `number`                   | Durations in milliseconds of each slide. If 0 is provided, they will not change automatically.                                   |\n| `count`         | `number`                   | If provided, this will be used to count the number of slides. If not, the Slider will count it automatically.                    |\n| `onChange`      | `(index?: number) => void` | Function that runs when a slide change if you need to run any code when it changes.                                              |\n| `children`      | `ReactNode`                | The content of the Sliders. This should be a SliderItem with the content inside.                                                 |\n\n## Functionality\n\nThe **Slider** component provides the following functionality:\n\n- Can have multiple slides per page.\n- Automaticaly change slides based on the duration provided.\n- Can stay on the same slide indefinetly if `duration={0}` provided.\n- Needs to be dragged at least 75px to change slides, if not, it will stay on the same slide.\n- On mobile (767px and lower) it will always display only 1 slide per page.\n\n## Contributions\n\nContributions to the **Slider** component are welcomed. If you encounter issues or have suggestions for improvements, feel free to open an issue or submit a pull request on the component's Bitbucket repository.\n","readmeFilename":"README.md"}