{"_id":"headless-stepper","_rev":"40-9cc32998a20a785020329f350f51e8c7","name":"headless-stepper","dist-tags":{"latest":"1.11.0","beta":"0.2.0","next":"1.9.0-beta.0"},"versions":{"0.1.0":{"name":"headless-stepper","version":"0.1.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.dev"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","gitHead":"88654a2717c4085e04efc3564738ded3b0402d3b","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","_id":"headless-stepper@0.1.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-nobw3AvQoldgL84rkrWxplKkPqacnzYtH3ShTmY+zihzkciu8mRHri+xFmWGnGCd+OIzPVlOn9PwV8FbQOu5Yg==","shasum":"ba875df100b5f8767490cf40310c4aa13ba4b0d4","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-0.1.0.tgz","fileCount":17,"unpackedSize":127095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLmtLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFJw//cudAuZtp17/QqIcLC88vAJyZuBJ5NNiopmIQEDry1pl9Bx2D\r\nLBJ9mGVZHZzFVIYA+Fv/0tz5ZqwVDSn3U68Jg5+8osOvxaVS/5NSds9m3oRV\r\nts6yglYJJ3/L4kY5LDTsGY3wA1ZESOjHOI6ApNLLPWb+bB8tU63M0GFpdSVB\r\nDiZ3zEkMFthR7lSUfruslUFORKJjr1cJJ+UXzEqo6PIOq6qpAjRhAYTq1EQl\r\nFmDzywyFipGbOs657SdEtFrXOAdAFZQ+V+WhfUALNkrjJhi4mdY9U7i5Vwod\r\n8nyYh9jT5AkDIMBMVZLWQ2opfxolzNvboh1qVAOh3zQIDsioaa8FmXqfeMdg\r\nUWmLnpQcnrTm86qccvhv/ugwPnWOZil1zKbwV57+8T6mmlMoUsAQWk0/HDqJ\r\n17wlFXVSoNnmCSiLQhHmS7HBujjkhehtNgj6gkFAMhgI7a+eszehvlKdNdF8\r\nnYc6s4bHxSc+kTri+JRCPaVQS8FEpq1NMU0XDaE4evTnfgDPos0SVl5zCpgu\r\nVuWiCqS5o8xoH5q9H8/4l8+h02kgd8F/q3TeJYj3GbGeK6hzxnDQJWHku6dM\r\nAgJT/LQWp++1r01cWCotGowy6hP6lHEl6kRYlc5jxNoINS6DLT+3rfXXju9x\r\npKIfJNJvw4hJ0VJQx+Siny12ctoHbBfMO8k=\r\n=F4EH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEwpoGIwCnjmPOKstUW6T8WGbR5d8xWOn4zXRu4e3BnJAiEAlmkwg/9QtQrLNsUDX3UJRgZNtsDV5BY8NWVHMAFmKbI="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_0.1.0_1647209291149_0.24576234757749327"},"_hasShrinkwrap":false},"0.2.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"0.2.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.dev"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","gitHead":"d674884f5323b040f922c477a46a26932e465eed","_id":"headless-stepper@0.2.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-citmyjcwWJJ9dHa2Q4zOILcIu2Ym+WXnqWot5nSOzJVoglqDUQwLVWQ/IDxiRw+nI1L7j7U/HeoCFIKGVYtP4w==","shasum":"f334e8c96e368616a7f6c33fd07fad447c865801","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-0.2.0.tgz","fileCount":17,"unpackedSize":131156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNrgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrzeg//fsGlXRTABUm//vvIGIl1wKiZ2///TdyVXZhY5QlLX+pEWFpY\r\nONOPzwjLp45BWPMZMzZq4nDLY2aBJFJXJvx3iQuIWBQY2UF69e+XS/Xkkst+\r\nFfLHiucoMkNRo2nuS7iBSfMInm53iSJ2pkN+SqG/EMYI/adkHFU4yC4mVr3u\r\nYdQXn3KshLLImc04v0LWjQI/bx0dKzZ9Efgi5qxmh9KlMXJoyYwSfEHcX9iu\r\nR0hg6vIocS+smAz2qmNC1DrhAiPoZnITImWvL7zbUXqjdeqG42wI7MMrJaf8\r\nvnWStpnAoaTgLqbE5Vpv7R1euRBNZpJXCyKm8MmzV/jxdjh+xkhB4kDw8pIU\r\nWohYanETvGmWIWMIkfBAFX0QOGzDn7oWnYs5dLiRdfydpNqb5IRXlyNp9TB6\r\n4E6k0umZLq1+MGq0itjokc2OjmeRuN6l5Ab0jS1PFSlUBVVP9ynQFznMZjrV\r\nIxGmpmR/4tU8nN32fT5MIM263hzojyanj+gnFDgl+0wXUgAB3M4nbjPnVhIJ\r\nrQH9LEoOyIDRedVWTSl/HWSExL9ii5cKjgnosauSfGQ9zDEQPXIcblceOKMe\r\nteSQ1CLw2CoUZ29e19XMHTvLn5U0rK+xUhPtrbDDVRKgERzFXuNfRjtgfUFt\r\nckUk2Rfoq7SuhGq7hc9W6A61CRDptgm/JxE=\r\n=Sfi3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIhsvFObXMYCOtfd3jvNkkjp6UcTfUUQmg6spAu631RwIhALN97MWn1YbHie0iF3PuQ5ck53akICG9GebJdz6sY91P"}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_0.2.0_1647368928034_0.13398995761434218"},"_hasShrinkwrap":false},"1.0.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.0.1","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.dev"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","gitHead":"66d123bb67a1af6901cb79b27f94111b486289e6","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.0.1","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-iv3GiDvOpdYcdbg5Ns8gATJ2rTUhs0JeSwYTBQZuJZu/2WwCU9bl4As3wWiUDqE+q4XDM9hi9ATKSKinnyF/ZA==","shasum":"4067d4f11dbf993a844ce36f2b919fc4405fa93d","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.0.1.tgz","fileCount":17,"unpackedSize":131652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM207ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoo6xAAm5ztHf4gIMW/oGa4acwwRLfYaNMroAmScdQL2T4VZRvtDOSR\r\n2o6k7/OF9Sr7OD/t9LPBSqQiNn9RuorZBseJMNM9NOJX0COylLGOvaItkDSM\r\ncilyw3Kn5PtbDuI2BT9RKtzx4LJUy16k8ov8pVZoJ6va+G+Gm3tTq0cWUGAH\r\ntHbR6PvmrgDeQiYCsD0C400idnBbkyb2ruZ9BF8We/DdWe970VdOyZDAzXDU\r\nfX/Gdd1DZWvxVk8C0D7xzVm5zOlhyu9Nv3Ew7BUNKfM2LpIoBUZWaPizIn0o\r\nQRYYqX/TBUhq97hvPTCBF2Hb3D2DuNCIyVWawgQr/X344txzAxfovZ9bOvP2\r\naH6CwCpFbf/sguXsuLHaAFZ4aDPFf6RQVOhSq9rozeqlNBv7zz7qejsIQjuP\r\nbXr+syT2OMoY58izGLpv5vaP62ah0XIELRbFZ8FfAMYanLQTvfz6Qd8A9+jY\r\ngeJx7cN9nOFQ9PI7j3xZ4y3G7HtnOFSr5m8IxFsIOQuIExaraA02f/6SL3uo\r\ncc6uDoc5wUcAw6jksL7FEyuGlEW/YxuRmIMt9C5XAkGVypvWpL2jnGdpiw8x\r\nbr2XLDuvEQaSG3UgRY1NX8zpeetxGEs3GHuVrz2nQu9WsTcsLIXP2VRg3swx\r\nvxCkc/NX7vAxV4rDHEFKemC8ComuiV1wWmQ=\r\n=DTMm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICRQVpkd0tMycokE8NG0gxlTWZLeBhk15QCN7fKMNj8wAiBF1CfyV7w6KCEwP3NvObhdccfkAxrYGsO+VyrYYaoZTg=="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.0.1_1647537467104_0.9672275773065304"},"_hasShrinkwrap":false},"1.1.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.1.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.dev"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","gitHead":"19c910bc7c4323fec0cd8f7ec1d8746108b9acea","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.1.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-ZvrhUKT4WNs+5GK+aHH2CeXalWdUQSWudMrW+qS7zrU966v3651Yo/GvQtqBejpoqcEcvTsmyfRDuA+YDwV5Vg==","shasum":"be7586391a47fb885dfcd373e73fa92764a1f65a","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.1.0.tgz","fileCount":17,"unpackedSize":132083,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOgswACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6uQ/+K1dkQVxzU15mYn1L10znperOK0lW3jMsy6POjMDMF6t6Dnxh\r\nEdMJXOB15jyAJ4XObVEV0/wPGUmElysVtEEKw4U+ZqdiU7OhPjV+5svl4Dzs\r\nBib5ENL1ssy714UCNd9i7rSq36bOUzf/7UuLN2+8T7IiX6YHGG0I5WplVxIx\r\nLrkglq1SlU7qjMQt3mhU6v8v9ZTf61d4OzGvTfk1tNnFPqXJZ2OJli5Lb2eY\r\nNaNFs0q1vuEwwzp6WVdNJ/Q0eYfr/2mp5tUwQDXH94pIHg7u8qk9owy8R/a6\r\n9y0J7dU/2F9pJB28guLp11Jy+mILDUw7hvxa0c5ueIYzWuug/5h1hCKccHms\r\n+Nkeh1aJRJCHm3DbDoEPdRJ2hNUrTdCcqYCf1ZLd1xJUMV2bp3cf7lEXYdM8\r\nq3Il1xqgzDup2UKZY78paz7E2ahF7u7CQ9OH8MSzDJnE2kxFlwasIKIFNmdn\r\nLj/ys76H/oN+rmG1kroCJJmNy9sqbHkEOpW3drQeqPnpsllZZGWG39nnBGVu\r\n+msaWGH7dj19eI2AoT3Iha+RuSN9A+4P7WOR3UOx9j1cvS3+Rcul9qARPnGj\r\nXWiTeGLDO4nKnVFeQdnLmz36Wy9ScCedOqGRCReu5uGGoCkgmcllShka3CTD\r\n3YR4O6qjlUmamX2rT9V5vvsdWF0JbfAM0ts=\r\n=73XK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDG9Ug6KeG7xh7wM1+FNyUJMVYGqCCk8sSjnyU5n5gABgIhAOB4kR/XGjQUX2NZ9mRR0TMl9gL0DXARotSygtL0Q+l+"}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.1.0_1647971120406_0.5263861667920802"},"_hasShrinkwrap":false},"1.2.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.2.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.dev"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","gitHead":"7faba9d22c3dd8be0fec5f5bdbea4aab7e06e0df","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.2.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-xHoq/YSFpzM3yDhE0Ra1shRm9J6HfNVX81QIjrzUjOXIeGDtF7rflAiOGc+NtAO5afvCVqMfg1ehu5jljV35Xg==","shasum":"c06d79a22c80ab7b6a682abb0ee9789218056221","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.2.0.tgz","fileCount":17,"unpackedSize":132375,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDUUcVjWOcX/+f/9XVu16zLFVZsIDXZT4ClHQXXNk+7wIgPAJ9tPWGc9vCt7IVmd8SyAuJ60eDnTcCl4b/3SJh4Hk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVd49ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKYw/+IQf4SYQzE8QLp04Dvi8IaiyOmaN2/Z4ad051Uk97dzN3gBIz\r\n2R8f+LXRoe2JRtIc5M2xQplONm7d3VB5lUN1VTzU4Ob/Pkwm0xS4hNuq+1u1\r\n5sn1/vZ2ImdwBbMV4VNSpcVfgoRkYCnqgpyeTh0g0qPMmadjBOGppyVU8w8+\r\nFRxKf6R6MCLTlRaahMrzLyFaLKPEQRuH8dC8V9OTlyiINzV2nTbm8guVkiOz\r\nbNXlj1tNRghGCk9tjXYIFAe7P3HTvTtCMQOnzwHsnjuCwFOtoR3LHnwXqe6j\r\nxyao8N42FcNWLQwC40TFgbL6xlQzeDDnRuLKXugM6Bnug26HYUllneX8Nrhs\r\n7ShPrCS3tgdNzWi12rkCjKGLgBr8wRJ8lgqzOSDkuR+KgjvucG8ZPtI978Vc\r\n+OHVozdtsMdu7OzRjkDZhUGdzCrUxRdBlw+6d5HppknAXE8R1L4TVCpSGl8Z\r\nr9VE5RR/Hh1EVHZGj14nKa0qbhiSzp+iSxSMWkUctesHposo2VclQakU2KmW\r\nswIfOjTGcUNvJ4zqviSMe3484pE55SXt6HwKt78myNc74gKBeu4aQieWspID\r\n5A8xezJfPvVqtbuvJOgAUrUiNuQsaPbzN1h7gv70JR52AB7vq7Rxu0NQIErJ\r\nMCjCtjuatY5uvOXo3mfHsBJGEUOqAjl9J1I=\r\n=v+id\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.2.0_1649794621441_0.41000092405141353"},"_hasShrinkwrap":false},"1.2.1-beta.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.2.1-beta.1","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.dev"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples will be available on documentation.\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Next steps\n\n- Expose the headless components instead of only the `useStepper` hook.\n\n## Sponsors\n\n[![Sponsors](./sponsorkit/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"a8746e50d05cde24519e022f8a1c6c119600822f","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.2.1-beta.1","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-5dHP+5PtqFIbiKP2IW4usSJ+kORUBf8pYNc8IXMrfwDyAC9pQgQGZ2yrT2W+H9ZS8A7GuUI7jo+1Ydby8ts+yw==","shasum":"4e3a91eb6e884a0226ccb86b546558cee642de3c","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.2.1-beta.1.tgz","fileCount":22,"unpackedSize":37577,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDaLgWtyFeajH9nwBOfOyl0XL1wYumV5Dvz57f8COlWwAiEA84LJIEPg4GVET7fc6k3tAMU+K3EOq0V+PYDHcwETZ3Y="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinNz/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0Rg/7BdAkasYTNP422ZlHimeM1zSyNt5vgECTQMqE71CbhXjJ/Mu7\r\nRoBrDyUIXwpU/JK6jF3bqXyDYS1Q+jW5SVubVH01ScCmRlaKg1ZoPO/7O+vM\r\nBFsRQuamRRl7tERaYGNa/6PHEEWwPl+dt0KIb94B/6G+NWgnpc2UqNC0sZkS\r\nOMYedAEPxHdEAbOZKi572Ye7+s4q91bmH4ft3Ao0TjEUAsspVpDU/2/gAQdo\r\n9/40CaLVCGVj53WK37h/SWM3tcBLtEfnfjy6Gnn/lfM4VjDp6UafxC6RVlYD\r\n6H657vJnfGE1ja+n2HTwElTiJfEM+qMqua51jWe1bVMfuc4zeJWsKy9tMJiv\r\npgAEJai7RVJ5yQx2frWqhlQ/fM0oNCMnzOJSVMtOAWRd0OLsO6a1EY9faa13\r\nUHZyAoD/BjPxwu2ti+FIK6UQTdF4Jvu8IrPU45bRMgss+pxjaKM5Bf0TbitJ\r\nzjAYzW7JHFrevNRz82gXcgiyc98Yfue7cQqbqDnwWB4hM8NtUb3nKvCxz+4Z\r\nh8BFCWpWJwBMU/FjdZLrM6lYu7aLa95bH6+klNrSMF0Cpj4Mxb0OxURXN5K0\r\nStAj4k2IwNp5M0PI09/GiiMgOz9Hg01JgQJRinkz1AqajeMhNULUtDxOFyND\r\nPl+vS5itaViJ/v0sYg7J2icW5lintdQYaJw=\r\n=lNfn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.2.1-beta.1_1654447359542_0.22362720388597634"},"_hasShrinkwrap":false},"1.2.1-beta.2":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.2.1-beta.2","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples will be available on documentation.\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Next steps\n\n- Expose the headless components instead of only the `useStepper` hook.\n\n## Sponsors\n\n[![Sponsors](https://github.com/raisiqueira/headless-stepper-monorepo/blob/HEAD/sponsorkit/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"6dc1daa6a71af4dc4e88a9c9a20484d0f0e4f5aa","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.2.1-beta.2","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-NS9UJty8EaWVGEWsc/uQxFY1+pRGM7pkp+8tbA/6leCKU+7I8D9ulmhLmcBQNRRLlfWNxFgYv3QVgeiH7cRGkw==","shasum":"9c59c981e2bb41cf217f39187f1dbf78a725f569","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.2.1-beta.2.tgz","fileCount":22,"unpackedSize":37641,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDsycwL7Mg9iXfyb2uCH0b5WHltmXpRG5XFhCV2yEnmvAiB8KZomgJgWD96z/snqpphHEPWDZLKljPFmSEum7GjfxQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOJoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBKQ//SXvRu7MU7q+59zEEzmDtHwOPo1u+FF8KAFVHuJznpwfU4wjA\r\n4gaJ2Cxti2/ubTpO9DMqLoRGgqMgx6GKFv8qhRRzC/hA5WwhIBzHLy3GENdj\r\nuaEUq0JuEW8WRd2TpdqiaD2Wq86z5Zg+bWpCy2fg09PrF2zWiZmG6YSQ4NKH\r\nVJzOi6bJhfbnY7YhNMhfI9Z7UazYdmv4PoF2bvkxfkrobqfAsdvsj1tzJJxr\r\n2a+nV5qk8FmGCmkThpmui/7mZmx+xNoT5yo4fKanVujP2TMCkkjhYkmS6toI\r\nS6QySXWG7FxdW0cXUNHxO86PllUX27XgLmWmA04VYvjTqEi+pWcD5/f7j+pm\r\ngTWKNIfw9b628Fw75BEMfMzyUAsB6s8kyEeuOiiFy/LxWyfD4wDSMajqyvcN\r\no62kOFl8DYsBv0tIfwjqDs0DTiDkC4hHPHpZ7nbayovr+hx5bB0rRkFiJfs7\r\nys9BgCz4u4kSxZTayn+Ywu29pZnpfcxv6J32OTqXftUJYkOPz2DY6nJfZFFQ\r\novC+lcZb4gfqbwuRsTjGUDAEUTDA/EJ0yNLA31bi63yMvZLOq2LSSxTi+tB/\r\ngo8Q25hWy5apzatVvd/j2BdYIWLiRvFzObfIiDAjdt3bUvkv+5Xh0/TWGviE\r\nQor1nR7TZcIpXy9mEmGJ2ofOMbJPa5a4rAs=\r\n=Qplj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.2.1-beta.2_1654448743771_0.9935260400642061"},"_hasShrinkwrap":false},"1.2.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.2.1","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"gitHead":"6dc1daa6a71af4dc4e88a9c9a20484d0f0e4f5aa","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.2.1","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-F8TLAr99AEWK6Pgt5zaKfjGN8t8rQ+f3GC3T6Q1Vd4jD38sp+k+tH6Qj7xwHKyEuSaSO/Vaz88lr+7JqqoZB1Q==","shasum":"a3e3b29a3c4462f7b73c22d56bf9c81711449519","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.2.1.tgz","fileCount":18,"unpackedSize":19519,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClSFLAdvEu/kvvbLrvgzo7MynlxuN46MEAsqrG1dIc1QIhANU3NMpMZxST6DhAg+5gy5HszprNM7qh/OOVV1IkldQy"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOV0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKxA/8Ce4r0TB7MGcYoS66nbYauYdVV+uxwU1+Lz5VI8LA42bhBPcz\r\nwzOoe/4/Hp8wNFkmsZ6kE0uvRGm2jDbHvJxnFoIk9ced45TuZW9UP2SCHOlE\r\n3pQuwgQqa22130pkcdFDh+bnQLQ+FOPiHaFyzSINROtGNBwDBLz67ii1S6hw\r\nL9mCrMHS8QXktl0GrZms4PE0s3nr3I9RYf2IWY+44b/BHKMeHjl1vH9/0cy4\r\nzaXfZyZv2z5oz8zAFx8UJZlYoas35nE5yAqSwOMcvjH1U8uBDg4O7+gqqi8H\r\n4AAVPmyd8qiEKEY3VRnGsI90T4u/KnRxJ9X1xIQS3M87kCGG+vGe7PN436pJ\r\n/4hYbq3b5qHbbNGnqY6+J5VnqLFWjUr7NHHJ2iR34PF6zlNQd1QvjQcGAoxQ\r\nQJFh9t8Ys7bqGTtbfFz5zWwaupFJlRgTwTCA53QIJE3lNW5w3ODLUeKZqIej\r\nKKuFrkaYUEWafSzInngppk8n4R5galXjvJEW4vLDLtoMeOPoG3yA8nVrdSsV\r\ntOwOfv1poQO/6B/78EgWhWZu1ULu+V5KlocrVy/BnN/z3gb8U07givRVNqhy\r\nLAB33sMe+dDnHnJP+LeL6qAnVblzo7r+S69EWvNslX6EHxdotZDsYntoIBev\r\n8k5qz2vvZdu6JciaMhp4lmHsG8gUM+gmcwA=\r\n=KNPj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.2.1_1654449524147_0.21443719359183167"},"_hasShrinkwrap":false},"1.2.2":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.2.2","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","gitHead":"f76867d3590e6b151c1fa63673fd9bda178488c0","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.2.2","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-CQ9g1MayWGa05cT9f1G/bwj1OKrK3oLKCUcUDVgwecmWhMh7zKNUKiqUzLcL3pS761NkyX+imR9BzuudmCIyQg==","shasum":"0f5fa73d8046203211e3b8c70a2c42b5077a634f","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.2.2.tgz","fileCount":17,"unpackedSize":132626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHfX0YSpP6tTFncyoKZBejnmlVInDCE85500aDwLvtq0AiAZVOMtEekE2IZQ+pjJNOZiAftY2DpeU9EENJOP9+P8xA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJio5VVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmprnw//d4wo+AHqYxAidPqyK0meR7GcXxyun4Sfgfvt2P9OUVH06nwg\r\nw00n8xN38O+NasmBVRZO0Lr7JH6IAdzeFJoVCECZF6RdN3HVFm21SPXBHVQV\r\nQlsNSmP8WUM82AiKeVAdy/mFId/jFqsFQxgy6wxPW1PylSeP5x2VW/hpCnFo\r\nxkTt3omqx9BJuv+Va9lbrsEmt4sYZtGMK2D8ostFvv6EtVsZNpofL1zOj5Bc\r\nmVqdn1dwxrnusBYaZYmkMOE6HcRIkSUhWz/Vhq7yxevDgUN8tbTPIiv+cHBe\r\nMcM+IOsROXR8BI2M8on3QCXsKIXgMhVql7MGL1dvuVDU70DEWKfON3jnVSMT\r\nWXWFwRGUpSEFwXaYV2LW8AFBnb9Vt67scrxSPXqv6q4uwxxQ3xg0c/j2HwuA\r\n3K/kKSShaXK5KZx6xPQ55fgnSASnkeioeH5fu/eux9FT8Q88fSsceEKd09TD\r\ndKl9FkwHaHAwHS0PaqVdxwnCoRHogP4vv/neDoweLZF458BHm69zqKiY0L2o\r\nsXWfmFUG+WsnDHMeCnSzqS8Coqicykewf9drj86C+a+heB7Ngtm6fZdn+9sY\r\nnPitzjphm6I43x3CJ/ZCj2c1jvCp8bop8PXmuEn1WUhunRLaOe05eMrR6jeN\r\nR0POf8YC+vsrJY+XToevrhZtB0l4fb+Jblc=\r\n=6lll\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.2.2_1654887765658_0.5567688030988565"},"_hasShrinkwrap":false},"1.3.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.3.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","gitHead":"e36a4878c148f8ede981e66a86f884d588089c33","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.3.0","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-WYzIazHBMjGx1P2WdLtC8lkeSinBdK346sC4t1aM8gWmxguRFz3/qFm98mX9DaHXguZmQbLwWbViotQlVi5L8w==","shasum":"5e1c718c4be8b03201179f80aea4c184c56191a5","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.3.0.tgz","fileCount":17,"unpackedSize":132728,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqGUHsUwbuqVq/huiq2fUPWu4kaSEy2UGCSWItzcOqSwIhAObmFznMrA3WARTUOz//fV9NIRSTJ/M1BtMPJ0Es2qDy"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyv4LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWgQ/8C4hKyDN0zTQk3H4uHN52WKcyHceJbpyj719HBuIYciKEx8OS\r\nX3pKLW59YPlZee2Js/e8UuSAbG2gbDlYMqeLp8+I5IKzyfCTYr1pZCcbgONv\r\n/EPVuX45FA+Z3AnJ4Ezr5dQKziOcX8t4mGYoeOWAaxvRPjPZIGmpEtJzzfKm\r\nt3XpW0Z5TQ29FYaZOXQ3Eo3FUzlf7p+SbsyTqUyuOgb9uvmx24t150GI+Wax\r\nrntIbahRPOVdvWjUPxV21j1rvl8NwoFDvUiWdPO2VJlNgItQNcHvfxMCxhN1\r\nSh3IqeREd1TLW4GuedexEqio7qADCCsjseKSKc+TIRYt/bfSht7AKxWKGWAT\r\nPUWzPkdi1yFOLpua0i1ebnJkPhKUSSVaWYng+buebjrBT7M82QHiMRDtNINN\r\neM2EJvsbCDFYID4lCW94zJnjLYUEbmx9y50mI+esCO5HI2LSsa/vWHN88hsm\r\nU+NmamRMwJ8bSgm17QyUkvw23o5PM2hk/+w2FaKKHbZ8td5fu+eECsELFJOS\r\nN/cFDapMXhxVf7VdJMD5/JnktiURoEzGAZPe6Rek1iLK9hsm5TR7XbZYfHi6\r\nngjnNXp2E7EGPrlMBkRP0JLnowcYvKi/GmUsT2MCvCbDkSJoau0jw2iayCpr\r\n/bX4fMFJ0rEAQjfsd38OAkxRh4dXMR404Vc=\r\n=s7XU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.3.0_1657470475119_0.7056900434866071"},"_hasShrinkwrap":false},"1.4.0-beta.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.4.0-beta.1","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0","react-dom":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.js","type":"module","types":"./index.d.ts","readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples will be available on documentation.\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Next steps\n\n- Expose the headless components instead of only the `useStepper` hook.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"11c79bdc8db292c598cb0af7a043bdab21f2af61","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.4.0-beta.1","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-wrpCACIEXO86NwH0vShOACm/CQsX9nx+8blwT7/Xu2a8ohsEcdr4/7JqS3zfhydAePtNbh0Lv5feBrk4yAT1FA==","shasum":"63c241aa85ce0bdc7b4f798184cf817c3ed86355","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.4.0-beta.1.tgz","fileCount":13,"unpackedSize":66763,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFsSQuZqk+gKHN9JzG8sR23O2YfvYDbQDgZCy4yUgUJnAiEAjwNaN59mKI9no2bcA4Dxc1msFTGWumRnkKSsFCONSkU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3C44ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvKg//faKJ95zH9RK8oXf+d+h/N3+A2MnACmMiGPzvNBfTxbLVUtPo\r\nWZgTUTHd4mrF+a+qeUk2VmMzCTKx1qaI9NFcflyavF+Pu3wnTR2PygFyP6sD\r\nud5y0SKNvQcv0ytaxdRHw6tjXxzA+JmKLzBSwvd0MhaWJjIMVGaROq7YgLZS\r\nSey8J/Y36ayEQ5ZzqURkrULipz6BAyeoMOndNaEvZThz/UsX5YUWsZ+AOERd\r\nvKzhlcL3+PlDlbcRglbFbOJHVfKlZhVDgfL+5R+P+mmXQx4UY8kZOQ5D5Ayf\r\nyzetlvRnQN8v/46ShnpinUItiGM6R7rTjv8+7K8T6FGC86aRzHjRyXxvMbV5\r\n53+9tAlO4BUZ7RifSJ6+eb1zlTdgziTY37j1MSMYxM43c7BXiOAyL6yDfEcp\r\nNWIlXo01NG+yaeOu/T+/CTwIsdpx/2zfRA99ueqo5RyItBrcOuD0/TkXkUHJ\r\nsMbfbjxWuasDzcW4+R49Oh4Mc6DU+Sb/NnSHIxqGM+uXx93SVQKwzuj45rMD\r\nP7IHjUKcy6x6B4547sV083lrNT1w1j48pcPIrVP0YDG2INBqPz/FYXflvI9M\r\ne05zfojtFTlNaSdMuxVGe7Y3X8bO4mGFXt4FZDXSi6xeUg7mULxC6pOsiix0\r\nvHd6cie/dmSMBZmSrzB5WDfT/ysmCPnROEs=\r\n=pamL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.4.0-beta.1_1658596919892_0.3182345939393676"},"_hasShrinkwrap":false},"1.4.0-beta.2":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.4.0-beta.2","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18.0.0","react-dom":">= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.cjs","type":"module","types":"./index.d.ts","readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples will be available on documentation.\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Next steps\n\n- Expose the headless components instead of only the `useStepper` hook.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"11c79bdc8db292c598cb0af7a043bdab21f2af61","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.4.0-beta.2","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-a/zwa2p6bHLzK+izQFAkDZRjnzKoJaj2RWRGyD+rfuCfDRuoHCatRlQ43qWPzsvmxWyzQZH3JCDn9vdXQPdtkg==","shasum":"90e91e7f39fa020bb79f793ff79e7437b3737738","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.4.0-beta.2.tgz","fileCount":14,"unpackedSize":124840,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgqHTMpPcFXGsqHgQSXsUSk6GIglksL51Ae5U810Q2xQIgMopD04RxZ5FvxxtfzW3Sa6jTeiFWqO+r2E8Vq82kvto="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3DnhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrmzg//bC+uNDlhHyQoI8x/2hfD5Jt+vqKJnIGj79w2Wd5t8mtEsh0M\r\nPAfwyHwlIgKNA5Ti36zKCWpEIX8PDuFR4gPVcVF7Ul3tjzgW2hZBxqSHjEUi\r\nykNcllZ//X6YYSeiGDoE1sS0dmsS946CvKXvAnivCuNfE6dLkfPH+GTMLySj\r\n7YCuYaTBzp35WSpBj83jQ1CCc6iJKtAs34sm3SuWG7vzUJi8Tng8jbVVR28B\r\n3BjagTBNa7GI4oIcPktkAm5mVXREBE/+t/JOKdQwNYswIrPtMLkSyhzMaqbi\r\nSMZVgZKH5ecPD3mQpJq8wUix2eiwivDSI/3fNYx+VpV4q7/1PEf4o1dUPFLa\r\nOymN953AvAsLPekTDr6CWVKsWZS/JDY/mR+BxS0qQnZmiDO67R0BXpdt+S/I\r\n3vEUP9iOiggYpVCWSXnHIq2yTJ8g3eARMiE26xbaiLdrrkyIkjWfXlsuroPw\r\nyCL6wzcPakq8o1Xd6+wxZrjfULYyKV546JuuiD+oIYcUjTIMbwSa2ORvWGiO\r\n9Oqpcbd3d9mp50u0/yDgonSfKUse0lcSCe3B1ARXl2WOS+LXlNmv1tSitR+c\r\nILmf1Q6Ecuj+MaZKHZP3GptxamQcASzCtyl9ZSE5daTUfrLN76vy3DOeW9El\r\nqkDkZe9DkkZldSC4mVIsmRcFgB4NSno7YBQ=\r\n=/yl7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.4.0-beta.2_1658599905541_0.495454261064588"},"_hasShrinkwrap":false},"1.4.0-beta.3":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.4.0-beta.3","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.cjs","type":"module","types":"./index.d.ts","readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples will be available on documentation.\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Next steps\n\n- Expose the headless components instead of only the `useStepper` hook.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"11c79bdc8db292c598cb0af7a043bdab21f2af61","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.4.0-beta.3","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-G3+b098ytMQW38D89p0wqLNrl25rhmx62AC/9AgMjibxNo9Hs8b13tXNPiOX408zxRXVXRxTDaiYKfmQXrZCyw==","shasum":"0c9917948f0df688f04d41c4ae91597856d4f272","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.4.0-beta.3.tgz","fileCount":10,"unpackedSize":125233,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZknr65jHMwRRnEvJADCkr+Yl6x5mebWGAQA0zf2y6kgIgcftLEbBdphXcy5gm+HXVbj0ZB5qtJFG0wjxrVWqitWw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3ETfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoeYw/8CWGN9XeO16TnaFpaWEd+qo1SlvRUD7qgut+65fgtVlgL7IqX\r\nohhU30ziLSS8j9yn4qgWL7hfDfvtj3YaIXUb7KJJV9X/T0KXiR1twZiFTFYG\r\nMSLiRSa1b5i9zUkuLTGeRVLM65ept2TPc+8g/BoDPOEDVbaONVW1aYwGvGNt\r\nu21hk1EJtjpAdATKJu5HmJ9C0fWRHcQU5Dgg17P6ML3OIIBF4n5sBQP0c4l4\r\n+OYd4E4Oe+ndMIuZ+ri2KXNgt9SWqrxxRCa8MVKg0ab0FJAg/NV2aJR7/9vE\r\nNQ5yXwJ0iVeJw8J6fb9iJVl8rZhNUWsEzu3o2m3xSrw08Tq6B+a+d0ieRAOc\r\n54imR4Svt4mBPQUeaTL1irTdgOFFaBxca+egtVdsAS4UJcM4eEroyKCC+lA+\r\nCcTTlGWWv9jQI0TJfmIN0Vk50dyO4Uavdet+j8qxlHHXOlm23QGNTOQSFAX+\r\ngsrn/nDjfrzOe/SUcwGbK/p8pAQ2Jg5VSj6SIz3jFPL5kIhNHqhwu2/LxKHb\r\nB32hA37oYNGLJ+uEIqVlFYChsTLxJONcIH2/E+1Spfvgly2ak6g7E/zdJgPA\r\nlFz9Og5avY3VvFI7x9/g7Fh9UwZk0F+cC8KDUMtQD8XgrKUoCq2U26Rf4cdS\r\nn28MrjOtHFqv9NLzCibAZw+AXn2DN0Yq0dU=\r\n=bHsH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.4.0-beta.3_1658602718978_0.531693736865037"},"_hasShrinkwrap":false},"1.4.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.4.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.cjs","type":"module","types":"./index.d.ts","gitHead":"3e9f542251d131b0648b6107244c55bb222b76f5","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.4.0","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-9s8qS5BSrXRKrmyZiY8V8oX+76E1x4MuXKMqDeec2EQiZvAUlIWl6b+yw56ykGBLw2+tyxXuwZ7r308QJhUOyw==","shasum":"a0bf54882a612e831e8a74cae03d76a74d1ec623","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.4.0.tgz","fileCount":10,"unpackedSize":125221,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOTd2ai0ICjr1h9tPgwm8IJK3MMU5k0vgCRDeih6RGogIgC+e7l8lCfaOP/G/QH9n7GQW3Nj25iZTO803FWUH4X9E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3E+AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogzA/+N1641kUXGZm34W7lTj9i8JBSqyGk19e5KOm6z4CYAbB1P+xv\r\nZBtgifGVKjxnrvJogrgbjoF4hIZL8D8Yx2U8DL92oMUIWvRvs5gRbmEFXByA\r\nw0iP4QML1LGWfzGNsKQdiEHDbuEr6eO9Gy/4yJxFiIeoz7zhww+RcfkBnqKP\r\nGeRH26a7OUQubqUazsUY5s7WjUxOWWSRSuqgYs3VhfVfmMLCPqry/dEfuM4n\r\nrMjS3xF6zFxT8qo9y81alPlmiylIf3akAh7RFhgM/RbUg8xA5pLFXVcuvryZ\r\nnfL6gvVuok/qiUjhs3OZ/H1VA3rFK45fc9ADOz46PR1YwZ6Qln4hkRAtsW/g\r\nUvbtg/bok005VJzhSFIyjqmqxXDV1+dGK1YfAF46T+dCgIx/e1zzcj1xK3rZ\r\n+EiT0re3QL8g8h9pKgwcIfFSMmsKCXvSPoDhilP2KpfNkw/eN3pzpMNI688u\r\nteGbxKi3qCl9ZG/Ey+6Eyn23u7P8LJ1FIPEke1gouWDzxyDmUepgwzDp9by5\r\nBq0FLrzxC95p0mRqCkpmwV5Gu2ArILE2XbaQMxvIAKDPty2C91zlwxQNz6IJ\r\n9Zsx6VUNKv9InEG77lntkXn6dOOCjM4/utzBtds/Sd4cUsv4Xa9oaCr5kxwI\r\n55qIPRd72qsR5Nmyl7mq1i4T0Vet18kdh1E=\r\n=Z/ds\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.4.0_1658605439827_0.24163930327867145"},"_hasShrinkwrap":false},"1.5.0-beta.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.5.0-beta.1","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.cjs","type":"module","types":"./index.d.ts","readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples will be available on documentation.\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Next steps\n\n- Expose the headless components instead of only the `useStepper` hook.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"710d78fbcbb5b66aa75309b97cf594affceb8735","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.5.0-beta.1","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-zDkwID/lzD/JPCxg6ktf+H3uGWdbtwnuJbanAg7DKRKVp7w5dRGKyG2TUi9+HJG5If3/GAGsFrtFN+mY9XTRnQ==","shasum":"ab068f73ad05e02ccd02368ab3b5bd1ec1cbb99f","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.5.0-beta.1.tgz","fileCount":11,"unpackedSize":249701,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHHuLgl4G2tFV6ivIYuMOqZryoPWMNgPXFkXn0MjzhIIAiBb9hO4W6yfNFduKhvRC9Hb9/Q+ip1ukxE6K6p2QBTYqA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6uk+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiSA//VeQYDviRAZ/xj704g0CrDlpLkT0n+rUbmZkEtq3hZ1d7JDbB\r\nv3NJSmwVd0cQMYQ5iW2pKqQAOZmdBOAyaPM+s5AU9okunKQQ9KNnNYW0TUKs\r\nq+Jd9I/ls/+SULMbjeR5ayeJ76141NHL6d+1EaBls2NiJQLz4M6FqveCtuDs\r\nGKrbgz8U0GnSql3DBTfkN9FFBre3H2gQoM1KALUDk6MLWNhS1D0Cq4tsyRe7\r\nPEy1yoU3fcrR6TwIR1u7X243Ra904nGLaRzZiamyDjp6BQikDK51+bAeZXmw\r\nZKcHfEt7UZAVHHqdAMgUibL9tMBRdQLrEWeD2qBU7MeWsY+7a0kvtq0I+ELL\r\nCDKCK08ZF/Wo4eANcod+5AbJbBKz96+8oj/CgC9reUatH4xo0jJEOoowGbwg\r\nb7mPqpLX5K/v7iDXl4R37kcROz36ZYPXbZCPP6Ex7tqX2UClRB4+39fNWlvX\r\nDVB5zI5k78PWguo+bc3vxpRFOQfrADMK4og1uLlnOr2kCNOUUZyVik5LjYbQ\r\nyfL9YyZs+UJYqxipg+sbhICce7BKty0z8BMHssQ7265AzwAQxGEq/krwv0VZ\r\neR/Hve1vvDnfvr5uce9l/Vi3KyDISE6ae/oCQO61trIiS4Cnwrzii/DzZ5JK\r\n7u7XI1fNx4YwrBITq1dl3PcORbKS/Yk46HY=\r\n=ZHt/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.5.0-beta.1_1659562302559_0.22586050209053998"},"_hasShrinkwrap":false},"1.5.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.5.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.cjs","type":"module","types":"./index.d.ts","gitHead":"c9453cfc957bbbc5a9245001502d5937fc559b00","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.5.0","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-wtk2lfELTXgTFd58jd9ny5nTjIHo+5qgbb4Z6vrfRuW+TTxC3VMYJVLYLp51KtE/eWcZl0v01tr94LllQbKz4Q==","shasum":"73307e8096e8b942cc1f56243c635ede1a366ba5","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.5.0.tgz","fileCount":11,"unpackedSize":249694,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMvBgZpBIq/TEw6rrjAFNzjEflKe00b4UlhOXBWjsQmwIhAKpGr4eeL9GQfZVltNhYWQuZxVvCOJJzk3+5lz05g9xc"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6usQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoW5w/8DkJaw0et7FnrFSl5+l1HdO+lHmIa/RMAMpEm3iz9dMYqDOpD\r\nTY2g/TCjmFb/SxaK5v8/0kTQOP9MdND8SJI04zVU40J9hD5Rts8f/ZcZHp+g\r\ncZ476y9hSjeoIwn+GVGurRpAwTFpt/rjkpTEeDnPIaMhPCvtYd1LTSavIwU6\r\nElQOKH1HqVQtxdglXygo5NwtpInYLR3UICShEyV2TRSewgLXwer9scT9S8Vm\r\nIZ/TzUraIzqHnSHh8jwo99ih/mE3TCSeFkVlWEsPwKvhmTAnkLyZH7eiuDj5\r\nhCqBf1EW1V9aU5pgE9duZTt6ZPysYyTPorBVtUqtxV5Ck0EM5YngW7JOaMEI\r\nmE4rJ8Pd+bVC7DTX0I7y8rif04c7pKsQ8VvSiIeCunPJ9CKYrVsmMekvmocn\r\nfYWQAMCIcfmbE/0LnbhPwXMrIEygsSxx/37iAM6qkuqf380QxGt/I3tsTRLN\r\nIlgAQbAaRoQgeVUR5he95EtQKMAm7jqj9kvw5uVtMTkPTI9xoVa5QvcMyPwa\r\nhccbF1HcnFIyC27jnLm7zKDErIIuJ2JU/is1L55Cf5eejxJuVTJMy5hS8gFl\r\ncftXMJjhFblEj/A44ZzwcgLWop+aClV8BlBqKToy856uADrnV4cviJjGXrxV\r\npAwSCaWN5WccR6juRC9ayHOCnqbCY/bk3Ew=\r\n=VDzU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.5.0_1659562768043_0.9703011135534738"},"_hasShrinkwrap":false},"1.6.0-beta.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.6.0-beta.0","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18","clsx":"^1.2.1"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.cjs","type":"module","types":"./index.d.ts","dependencies":{},"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"30229e638642206e6c39725c51fe413a51215725","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.6.0-beta.0","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-55bFCPp2ICGUOVVhTFwquV7ZyjlNf8oeYm8A7fdX6a8ZOefGLRkA4CYTpNOpMEjHx6zaOh/z6suWVcIr0+fttA==","shasum":"350d64a319f8687816e2c224d44ca3ecbc3d997c","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.6.0-beta.0.tgz","fileCount":12,"unpackedSize":328423,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG/CEQkmMZWXd+TTFNxFD3ix+Babd2xqoBoIrjQaLqhtAiEAsEuPebuH0W9gp22JUHjZid1p9Hjo+VuKkiUxG1tX1q8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJiRjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTvQ//blCyf5rkoP3Hz8VwLi0MjNUh2rKuej7Uqkm040kupzg0NZVf\r\ngTr9h0EANZx3IkTHqhUu/TYp8gkIYzxsbpljf4kThgjhE7u3aveuMUwXWLt1\r\nY2SBTz5fUXKkkq4uTJjiCFVETxJg10xT3DyM3QnZepqOvwQbkbdaLGNbL1cL\r\n8pkjC3nkVQb46TeRAzqDrr7O/U0oqGtB8DhOMfaT4PL0HPxiyfGqjTAkWh5b\r\n0Lm/OMkMCto3/mbOme6Q3LD9t/HjxiyckBNNs1DpozCFRwisClbzn9s2w7BS\r\ny6EzKMhfWEHq014Y14ANHv97EDDUf8TXL3+2jvZogpUrpOh/cz57636J2RhX\r\nSVgRAOvuA7ALJjm5cGMNO2yaVralZZe8YX4DbME/SOdQ5hoFL3LLmAFpy3OX\r\n/pgRhGJJFSa7twxFja0n2UVCe32eRfJV8U+Aze26ezEShp8FJZ2O+cKv00VX\r\nDSjerf3kaii2iMxxOJg6pj+jHIKTKkQZZOo76uJ+5KAoLCTqtQ/XYU8UaVbg\r\nGyyJeXSHRRFkGEPcaAunrWuQUbFjHmvuLJCcGpn2V8+/B5wyNP6GRmx788+4\r\n8zK9pO78dTmyWgIrqOVh3MoOjOpBYgxCZpJoe+lBOmNtycOYJAJxJZBXYWpG\r\nm14ESkxkF1SxNNrBkOirAi+d4kBqivtWtlU=\r\n=dUjw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.6.0-beta.0_1663444067429_0.3424270975302144"},"_hasShrinkwrap":false},"1.6.0-beta.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.6.0-beta.1","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18","clsx":"^1.2.1"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"module":"./index.js","main":"./index.cjs","type":"module","types":"./index.d.ts","exports":{".":{"types":"./index.d.ts","import":"./index.js","require":"./index.cjs"}},"dependencies":{},"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"13fd5cbfbe20658b6e000dc70d0b5a1a53c5034c","homepage":"https://github.com/raisiqueira/headless-stepper-monorepo#readme","_id":"headless-stepper@1.6.0-beta.1","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-/8R+X23JLQapqX9pI7ttkwuOBrKmUzwiFAH0jm9XiV4Dmp28ndBD5roIgeoTLo0DzkC+91bJtaBNxDgwTcztng==","shasum":"d4774483547d4f0c6159142e40c7384d087c486d","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.6.0-beta.1.tgz","fileCount":12,"unpackedSize":324190,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAcaBfPf0yTB+PkztBuVt92CeGwInJ7L45k7AlQrY/uiAiEAt+yuB/f+BMDsL1Co3Pt27p5bKL1cvqUsav4eL+7j8F0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJjT3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+Bg/+NEHx1BSFSfAny2zydNrWLeMUz1faNaznbhQBybx7oYsf58w5\r\nllkVXzxu7Yx+DLghZYQnw9mNKd0jpAmAn2Mt8tbrGGf+ohyPnFaaBJA5s5JM\r\nF2MApDMhARuXP9xNxEWnvXVyeGai+PsUBzfoPrEsIlSZdK4YjXscDP8tYGf9\r\nScOqtKQ7PZxuLXeM1uIAKqYKOXZgYC0BWc2XhvyUcfywRDn1i5w5NPcODh7/\r\n/e4YBwUVfs55fmYjNgO9vocGvGg9XjxtrZ9EcB4m2J+vfI9k1XMv7TrJKa0W\r\nrzrSjQi7M1O4L2zbXya6iC4zMrCohd6BifB9LW3yI/JmfYuJhAsWl8QoY+YQ\r\nptGwbVT7exLtFk8Hebumyc7LfIef0kGSS9nMf98B2rXiQLdu5R4jZF7wH09k\r\nCY0UdDHfBNEK+a7o261QDnxYJ6HucfUaAX58BIMD4Bd1PwI0dnqLbH8VinTw\r\niVvte2jflftclk4UsEUrNxf9IiGxSqR417Y2Qon7oHiYmOBCz6jDqkMys98e\r\nl7oGkSMcvT/CcVcoDT3uRVy7S96s/UlrCHxRHHYTg8QrXt2mvnm0a8y3sYM+\r\n1gyHd28CG8LMIAv7UHXevQmZyDUIgLnfhnL5gn3acRfBwnjIjMiQUg/X2aFz\r\nIK/lWlOot1C+latVIypsVS+NEJc3SQ2Ne6o=\r\n=+9HC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.6.0-beta.1_1663448311297_0.9423246586711373"},"_hasShrinkwrap":false},"1.6.0-beta.2":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.6.0-beta.2","main":"./dist/index.cjs.js","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{".":{"types":"./dist/index.d.ts","module":"./dist/index.esm.js","import":"./dist/index.esm.js","default":"./dist/index.cjs.js"},"./package.json":"./package.json"},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"b7a06d5ce4dd3cf65c354d033d4ec8bbf2f1871c","_id":"headless-stepper@1.6.0-beta.2","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-TmoTxZJjJhHcJ+Td4KOXul/zazPyZyU4srY3zNm3PvbRx/JP1/gkDERCsicJ5RgeL70qNvM+aSmw1db6x6VM8w==","shasum":"1da1d91cbeb85d22aed6d4881bd31beb5dbb80ed","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.6.0-beta.2.tgz","fileCount":8,"unpackedSize":62669,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOoYZBLSWtGlp9/pcsEUgtgiautsXzoPB2WiqlkvxO3AiBQMPlrmaUEr8xv5NHwcbq0JwqN/tg8VVcxMBeMIVgyoQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJnXuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotXA/+PuqRxNgcl5UgdcsOBwb85lVA6ZJiR5U1yP7oL3g+fkOmxK7J\r\nS8TH43BEdg3poAQGxanVnFhHn2/kBnSQOLkQ1ywX2936n57C1YqH6wWrFU5H\r\npFFn87G1q/eyM69mC+tdLfCpsf7ibPRCr2CkGHphNWzmcZTLg/J6j1AhIRqO\r\nb+FqZNIUdIFRszqYW04flGRLAMA2QUAmjiZXCxNY6sXGqH4vRLhXJX3wAUv6\r\nflpr0gnj4iMNCTD+fvkv+eYuawAP+vcZsM0bddsIdnJH33vaeYWOsDUHkiaf\r\nwrzOEZeOkSj4GW/dy1Smhjr6VC2ihNodpjj/utVfIQ3m1TrJWjLbGquIuGf0\r\nbIOkSThoE7+O5K5Ihoq36tsfdIf+Iz56qY6VGC1ydzkYoEHgkFkEKeutu47v\r\nURwBYpfpuWC9S85Va/piehCCrf6YTav81lgHAwqoLbbCb2OQv/0dO1WsC2rV\r\nzRMUp0wPtcBxux/Tf6ds/ouqMPRj91Ww/VbKfqi5vrGRhQ1t82A9a5A7v/2+\r\nBVfi/LlhsLJsUQ1WbpbMIAx60kSu7QqsbETwEHFoPMfzyQc09m61i+soG7UF\r\nv0swY3/ecIHi+aFYd6QlXkKiYCE4LSgq+5IscRhD/UibBcZpBAboEdm5HGbW\r\nxVdRWX13jYa8Sp1OIFIy1clPFAhDrAI4vng=\r\n=80j/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.6.0-beta.2_1663464941816_0.4943561278808657"},"_hasShrinkwrap":false},"1.6.0-beta.3":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.6.0-beta.3","main":"./dist/index.cjs.js","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{".":{"types":"./dist/index.d.ts","module":"./dist/index.esm.js","import":"./dist/index.esm.js","default":"./dist/index.cjs.js"},"./package.json":"./package.json"},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"7fa350c44c6baf761ee6459af212222793bad147","_id":"headless-stepper@1.6.0-beta.3","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-wrgqpWk7KuGvbEjnhFfwemOkO/YJQAKWUhgpTwVTKa7kqpGf1O8+W+sJqDn7p+aSrpEz1eAB91iQDjTPsoCEfA==","shasum":"5d6c87692f138055c2342d69cc39ef413b3a54b8","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.6.0-beta.3.tgz","fileCount":8,"unpackedSize":61944,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALjksGDsIId+DVlfc9FxwYXgq5mYQuVdBrJhy2/xonoAiAUYfx5nYv4kRivAkJ9hs7UIzxB5RI7WwWyfPf6zX00Hw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJ3P1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvWQ//UsTyFwBqm9fhxhBvp5UYbqO+P+Kk8xZrCCPBY7wOmnEgbR94\r\nfsI/QzpXQX/IaIdfhLcCWC8/1TUE/0I18f8KZno75Jpr1ORlQOrSRpvE3fMS\r\nqDHG3TMaTp4WnWOZzA0dBdxTEB1qVcIrV+eS+/6wKHLv0mNgT3uDcgMzvhrm\r\nU1YG/7ycenpo2QLHdkbgF0IC4iWTrPN/wyZGMiAlRKBvqODKl5Skj5LIivyx\r\nvgT/vdcmpxek0BXobBcjzfE3MGtfLtdR+8mloG+ddhjgN+zKJBxZDIvxGTWb\r\nzUAJYJJgFGyKcpevAz4HYwxwzpKt+1iJMxbyvcheO0PGhGoNjbsGPw/Ogn2c\r\nf7zF7eq4zjIpQPaRyP1+Xth+1yh4FlxkFQ7pBmbnXh4dDMBSL2Eppj9svqgh\r\ntwu7R2F2AAeIhCnenqixj0+6JqxKMK/JNE0HLm1gKMzUwBQGnclBogaB2Y9l\r\nat5v6s2HGG///dxC5ZYcNnyI0x2lwPrbhSkTRwUCMCIw38NDNJCf41DJjd3v\r\n48AY3BjPiErJ0d/eJARn/ZYcwTlTuM1nojGFD1XOyMpsxLfVxF2rJJ5X7gI/\r\nVY0NJQBJPQxOSp58VIkN6RvCQ5He/UxSISaCPphlh9jJFBKyWO89ViSWvB7H\r\nenZWNYEAZr7Z7GhFaFQafXYGu17EIbKfzjw=\r\n=ziYx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.6.0-beta.3_1663529973584_0.14070401802026233"},"_hasShrinkwrap":false},"1.6.0-beta.4":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.6.0-beta.4","main":"./dist/index.cjs.js","module":"./dist/index.esm.js","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs.js","module":"./dist/index.esm.js","import":"./dist/index.esm.js"},"./package.json":"./package.json"},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n| [Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall using NPM or Yarn:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n```\n\n## Using\n\n**Basic example:**\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nMore examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're runing on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"e93cabda8aa42a0dbfd9fc5fd0266135171755e6","_id":"headless-stepper@1.6.0-beta.4","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-ZdHKjGmxbKwTRekitmOfxudv+ARSdSiV0HyFP4UNzE/pHmbErwRweMZ24qQn4uJJ0EVVivs1g7Yi/zhjzU81Ww==","shasum":"ee35f15832cc2e3b5c97014c3f4d4861143f3d54","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.6.0-beta.4.tgz","fileCount":8,"unpackedSize":61979,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcyGqTXeq91ciJdnkeJR7Tm4rL0Te16ckl4spTXTnE7QIhAND7deiHDg74VTFdWbGw+es14gtq8iA7QhKbrVYqj9Aa"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUJ7oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9hg//Sd+0kHgornzdAs+bMOdaBOhDU0J+w6cRWxxxg9bZyl+llx89\r\nhPhkVSF8KuB3BLx7pu3XPmAsD+BlAPGQVC/xPydRVJXKpuckr34YQddvfrnt\r\n+AhXhNPiVOagy89Z8GjfKmJjOCXRoxVk7/L6/blVBz4n+Td9TqkeQJBBgDQd\r\nZ7R9nv1BV3e/YJ6jnf+ZWIxhvhe7acIsQoIZ52wQh2Q3zEnp6V35hTi4NGHG\r\ndV3tofgQRuDVHixo+xw2Iqh8YqwmNMjz8c+Wmv6Thnj5NFuAjrelSgmQQlW/\r\nxjBX9nN/qgblSvxXxpoWvpz9ISEcv6F4veo+tHyRNGF6q17upKfRG9MBrX1h\r\n59fhSU2QYtFN7wa2ZBvqQNJush718wimt6bF/aRLo8HB9U6UPS2DmL1uUkWk\r\nJeh0AVx1wjFIeirH+eUo0H5D6wTPPhU8fH8j4OzmqAPHFq5MKoXpVuSHsphq\r\nS3J1tXqSrtYe1TD8bmTQEPU5HNOo4AkDXA7813jWX3KzsyWkXgIwRacKUYgJ\r\nszbyWOnrc0oQs91LsIWsLGTYnhslV3xM/+mtkD3yvbYzsV5ga0Wn6l4uT1Li\r\nbpQnQdP044m6M+2tAM81+z17JGijMtR8ws/UUIWl2An3qZ6sIjeLYC0rhOca\r\ngRr8u2MTky401tx85KNKc7je6hWmIOKfH1c=\r\n=JhzG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.6.0-beta.4_1666227943847_0.14750237288677281"},"_hasShrinkwrap":false},"1.6.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.6.0","main":"./dist/index.cjs.js","module":"./dist/index.esm.js","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs.js","module":"./dist/index.esm.js","import":"./dist/index.esm.js"},"./package.json":"./package.json"},"sideEffects":false,"gitHead":"8229c3f6e2c2197382bf48ca8cc24110759e7b8c","_id":"headless-stepper@1.6.0","_nodeVersion":"16.15.0","_npmVersion":"8.10.0","dist":{"integrity":"sha512-orIoAnnGBS2iWigXPjPzgZMhm6PYx6cuoEHteS/Qbb+R2mVtgO2QMgnCzX8xj9QmrMRw/NZumDyB9MFCvwUBTg==","shasum":"99d84862b6c5fbc8ff856e697ef91868dfa1e5c1","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.6.0.tgz","fileCount":8,"unpackedSize":61972,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTZWqZ7P1OuRYZ4NdSR2lN29oyQ+KNALlUQpm4FVNskAIhAIM+96amTLyT9/l+cLpHf9aNKZgU9FvmYo9VHNeAjiJt"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVbK7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5ZA//YVUJEqIWG/1jycPpYhFoi8JUBAHobpI/a5E68uNEnGu3K0is\r\nh05BHN7wPAZxWw/DvfzQSIUUePyQFTMG5bfa+bwrPw75eKRw4JDiCeilm/6D\r\n8B27QMOL1aLvKE8XpLXFrzS9ObwU4IVsoW0rFR3wPRMOByOcSEWJrvF16ufA\r\n/K75hHmQ26VfYLqlFgdnB9F5C7fv0dD5NhfRQYGZ8FjAf3nBb4Ja0enrA4sw\r\n947PdOcd3SeOTzI/IFeZFc0KkzIFZ3Rm9KnLHtYj1lLa/gClq9s5QW/PBt17\r\nxeVoyp1xtsKheJsWWY3FS9jVHu/f4xxXwoBanY3BQwlQ0po2vZT1ePHnLzuc\r\nmO48ZoTjlW8QvMTlZqt/ykqiM3FmN7RLV8MZS4GAurYwUoLpvU1OqBY2h4T4\r\nVSuGRx3tANdvmmthF1Brrt9XI2hKPd/WxVqlvggTtDXDg+L630Tw0okOF3D5\r\nY5H7FxTVcO7kt874EgYfxB0ITFRqc4Kv7XdeYsq4K00bl1I0/RAQgJuZjm/d\r\n3sPSVgMnn1Ezs+ZXJxCEjt/+bC5caxzSfIIiWpf/veDtB3i1wpOU4i6dS1K1\r\nsuwAWH0TmLBmJOwCOTFrl6V0EDoV3UOZLRDzi6NBI+o6I4mSZOcSJG0KZ7nM\r\nWGyBn23k0LTh1WCzHXbyl5m4scvq/nkWYVg=\r\n=187W\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.6.0_1666560699746_0.5315946363708504"},"_hasShrinkwrap":false},"1.7.0-beta.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.7.0-beta.0","main":"./dist/index.cjs.js","module":"./dist/index.esm.js","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs.js","module":"./dist/index.esm.js","import":"./dist/index.esm.js"},"./package.json":"./package.json"},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n[Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall the `headless-stepper` library using your favorite package manager:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n# or using pnpm\npnpm install headless-stepper\n```\n\n## Using\n\nThe headless-stepper library provide two ways to build your stepper component:\n\n- Using the `Stepper` and `Step` components. See the [documentation](https://headless-stepper.netlify.app/getting-started/using-stepper) for more details.\n- Using the `useStepper` hook. See the [documentation](https://headless-stepper.netlify.app/getting-started/using) for more details.\n\n### Using the `Stepper` and `Step` components\n\nTo use the `Stepper` and `Step` components, you need to import the `Stepper` and `Step` components from the `headless-stepper` library.\n\n```tsx\nimport { Stepper, Step } from 'headless-stepper';\n\nconst MyAwesomeStepper = () => {\n  return (\n    <Stepper currentStep={0}>\n      <Step label=\"Step 1\">Step 1 content</Step>\n\n      <Step label=\"Step 2\">Step 2 content</Step>\n\n      <Step label=\"Step 3\">Step 3 content</Step>\n    </Stepper>\n  );\n};\n\nexport default MyAwesomeStepper;\n```\n\nUnder the hood, the `Stepper` component will use the `useStepper` hook to manage the state of the stepper. You can use the `useStepper` hook to build your own stepper component.\n\n### Using the `useStepper` hook\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nYou can find more examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're running on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n### Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"c9a6f4b55c9cc2e4981d827e41dc2711cf53d7b5","_id":"headless-stepper@1.7.0-beta.0","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-l+I7VWpXtR0buPuMC1I2viyUnLj4nrHw24QXi3U3saYQy7ftxzgHQlB14n7n+mFRgSa8m7oOXQ+puEP1ztLyvw==","shasum":"a752f75e1aee58fbf8c6c14b9283858d20e221fc","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.7.0-beta.0.tgz","fileCount":8,"unpackedSize":62532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjIEj3o3kLkIXc59ZJrIjFdTf69jWgLdoVB8VHb03IIgIhAKRRGFzeOSftORMhe6c5tEVPFMtZVcW9oSzIxmik9sVp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjp1A+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq01hAAgj371zDapuiNiFild3OO9+AU9L/oTzvOUtfkYnmw+jreuXYd\r\njerlNyjt1BaWTZbJ7qMcsmndpQslal7FcsfJ8nSIwQzYx6hhSGKYsC87kzgc\r\nsjPDbWkh8ivhSKkcTV9KqIv/2pqNZkFuLvPCqdbwnVT6E6dmZtlGMv7nS7IN\r\nzIHwtgsAOF4OJywqDmkgTi+/OlCn4zU1/++FkX1XDVZAqshPAGvDVsG71Rrm\r\nSCBtOkA5tiell1bDH7v86ll1DsfRqRy/dDWcjF2QY2CWdbpt/kJ2i1DdmXe3\r\nnzAbKca/TF2/3kEUSdnbymZzooSdgy5R/j1EIydnBfvDrPGV1x//kV3vJsnL\r\n6h/F0p8B7GsnMOMzlkMXlJfJcR5DuWMH3+tcR2gOPtf8LFVIR+6OkkbPr+jm\r\nzt0odkVG5qGlfGpYb6sKsUgj+IcEwEMk3NhUWljwXCYNMjm/bDjuGaOf647I\r\nL9SPKtsxVGyci7/++BJJgGW75lpRYZJlnjUpv9gfAyMfrB3QgAD9p1Qa7ZHj\r\noN1Vbnp1Y+gj2U2g7VzYPw0CNMpmuUxK7u5OXUpbip9rTPJVShNqLO6RQxVu\r\nAvNpfSltUiMSg6ksPV01oQnCb6oVNxfaZ7C2UiV4PSU0Tf8PPL1p/Q0bv1hf\r\nIuymdguHA/HMrZELRQZNnZWTFW3tYQQic64=\r\n=0VpE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.7.0-beta.0_1671909437943_0.16594095916147444"},"_hasShrinkwrap":false},"1.7.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.7.0","main":"./dist/index.cjs.js","module":"./dist/index.esm.js","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs.js","module":"./dist/index.esm.js","import":"./dist/index.esm.js"},"./package.json":"./package.json"},"sideEffects":false,"gitHead":"f42418aeb0529ca9857335ff7d4702fe377963fd","_id":"headless-stepper@1.7.0","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-zUqcKOWdSZeVFhuaaFOWi4t/NbwKBBMhN6Ec6VX90aLf+Ljbzn3qxc0b7UhNdwmW/k6UEIOPMotVU6ptHu9/5w==","shasum":"2ff6c35b32aeca9af4e440fd5c182c6f8fc4a723","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.7.0.tgz","fileCount":8,"unpackedSize":62525,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA8vEV1stFWCohXPUQiP8ZbI2++0Qs0X/grS44IFbu+QAiA2AWWPFFIXug4m5curd8Ozq6ZmWJRoI6iVXfY42DNwIQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjp1SdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoX2A/+J2iEyQhbVMqkjJeplKbKQdUMl6GOM39Ys4nknQDlIvwAU0uN\r\nv4MNjezKZBXvbmv8TJG00rS+8n9xBRiGZXP2J82hsdgg/Sywd4FWAo0fFzfF\r\nsp5T/fR8EPBHOTu/L8dQG5aHoddqFXzehVH8U3r/g9UYHCGud3QUB5ZElX8E\r\nF12sA+WKF8D+dTL5V5XkA2AKUPyiFizs6yHtst5HOA31/EGKhOc4iIhhA7QB\r\n/tDB1AG9HwbaEHdCpdUohFgxYgtu+L5l67bO2Zv9RtOK6260Xf3uwYV47Ml7\r\nlDBYAzH/gO49hKaKBWh4U0WrZIKBw0jkCioTh2MsNqmz/f4n4HRNvxXWRaCb\r\n4iE1j8AXkPzW55hc8HIjJf3OS79KMZlB1k65JezioOLMWSn5asZULfljVJgC\r\n8IBpRN+arkvZ/D0IbT+GWcx8IPmYCFSWgei1csmAJGq0JgWJW/8vKXPuhw76\r\na0K37AvYjjHxeehtF37XtElIsdnZ/5Qfj6euhzqVO/EUq94UE97llZdbJEH8\r\nacecZk+wpUlNGsh40R6mqJhcX/5ZLtnCoa6MbuWojOeqdsLRE1PwULF2APlj\r\nxafQRb4Uq1k9wzPUgtsaTte04SoTBOjDd9KXeyRvo+k8dwPZOgujooAgLHBG\r\nDnimOD0sRAhoUAuasXqXWPegL/+qisvKP/g=\r\n=JlUm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.7.0_1671910557785_0.31792219801300603"},"_hasShrinkwrap":false},"1.8.0-beta.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.8.0-beta.0","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.js","module":"./dist/index.mjs","import":"./dist/index.mjs","default":"./dist/index.mjs"},"./package.json":"./package.json"},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n[Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall the `headless-stepper` library using your favorite package manager:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n# or using pnpm\npnpm install headless-stepper\n```\n\n## Using\n\nThe headless-stepper library provide two ways to build your stepper component:\n\n- Using the `Stepper` and `Step` components. See the [documentation](https://headless-stepper.netlify.app/getting-started/using-stepper) for more details.\n- Using the `useStepper` hook. See the [documentation](https://headless-stepper.netlify.app/getting-started/using) for more details.\n\n### Using the `Stepper` and `Step` components\n\nTo use the `Stepper` and `Step` components, you need to import the `Stepper` and `Step` components from the `headless-stepper` library.\n\n```tsx\nimport { Stepper, Step } from 'headless-stepper';\n\nconst MyAwesomeStepper = () => {\n  return (\n    <Stepper currentStep={0}>\n      <Step label=\"Step 1\">Step 1 content</Step>\n\n      <Step label=\"Step 2\">Step 2 content</Step>\n\n      <Step label=\"Step 3\">Step 3 content</Step>\n    </Stepper>\n  );\n};\n\nexport default MyAwesomeStepper;\n```\n\nUnder the hood, the `Stepper` component will use the `useStepper` hook to manage the state of the stepper. You can use the `useStepper` hook to build your own stepper component.\n\n### Using the `useStepper` hook\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nYou can find more examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're running on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n### Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"739b43cf7e9133572ca5d2419286bed51c7ebf51","_id":"headless-stepper@1.8.0-beta.0","_nodeVersion":"16.19.1","_npmVersion":"9.5.0","dist":{"integrity":"sha512-lZi0iO8RQRrlfRjtP4G4ITpTSWzXgmfP2zfGgYU8Bkiiq0sxdvK+rL6K5v5E7E33fO/g3Emvo2TIRcV/w5Ns/Q==","shasum":"f0e3690adf526a3e7e2f3fce1e2fc5a11712bc88","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.8.0-beta.0.tgz","fileCount":8,"unpackedSize":62972,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCe6GqQgt8DmZY3ggp/5C5SrENzrZqVV4osPfVKCqxS4AIhAO7BGeQGSP1vRDDKz9pNN5tgWaDRBh2hUEggh5/hfQp2"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHPMLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPqw//dUHNiedEFpfZPe8qpABURSGNFp5+odHqzRtQQ8Nw6v9NfzUF\r\nkq9YUt565IiKgGSNtKcNjSNNtzo1djm4bz/Zx1reLejx0tGY5Vl5xlM780Pa\r\nZ31KqFRHDyWg/Dj3e8Kn7RkoQBeslgCqJfuRYK5rPbnunCGnAksgaBrgq5V7\r\njNzZDKEyG8dfkgGdPzxoIKeAzl4S5dA5x2D0JYt2XXK02s0QRpq0uOhFLYAV\r\nTdH2SyXllJaTYakGz/ionCgWDIhxhetHgnZH+rkr9J00U+8Dmzx1KlnnKP+3\r\nWP/jF7CVOVMY/QbFL+6msS1nAfwek/Ebuvprp4EeUuYj0rU3EImAEStrgAU+\r\nMWZDHYNxePu2T5jN6pHq8eX0501biHX0dFW9SnYA55e+0lI7sAC0DR7RqJuD\r\n7k7JjMM1dweyzDE0Fq1fM4EGPR47JxSqY8eQQ40v1FB0OhNm3/ouOYi5EJo0\r\n1ZwPAF4rP7ydY+BB/R+3yT7qlglov4xQeX+1e1YrBQm2hMCZYIg4ztEmwa8O\r\nFpnccbP8MEn39VdFoj1Hcq3K0KtiMYWVUrkihRKD/6N7tHVKC3vJxHMQ4dfi\r\nuYqdejgr2wu0EhwO+ppMptkpsgkvj1UZk/ka1x92I3xGOoVInTLgC5TI02BY\r\nNVzmWzAIvWtVNy5VU3ZaAs96Au3YW/y9+AQ=\r\n=gfMy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.8.0-beta.0_1679618827727_0.1416536447813055"},"_hasShrinkwrap":false},"1.8.0-beta.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.8.0-beta.1","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n[Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall the `headless-stepper` library using your favorite package manager:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n# or using pnpm\npnpm install headless-stepper\n```\n\n## Using\n\nThe headless-stepper library provide two ways to build your stepper component:\n\n- Using the `Stepper` and `Step` components. See the [documentation](https://headless-stepper.netlify.app/getting-started/using-stepper) for more details.\n- Using the `useStepper` hook. See the [documentation](https://headless-stepper.netlify.app/getting-started/using) for more details.\n\n### Using the `Stepper` and `Step` components\n\nTo use the `Stepper` and `Step` components, you need to import the `Stepper` and `Step` components from the `headless-stepper` library.\n\n```tsx\nimport { Stepper, Step } from 'headless-stepper';\n\nconst MyAwesomeStepper = () => {\n  return (\n    <Stepper currentStep={0}>\n      <Step label=\"Step 1\">Step 1 content</Step>\n\n      <Step label=\"Step 2\">Step 2 content</Step>\n\n      <Step label=\"Step 3\">Step 3 content</Step>\n    </Stepper>\n  );\n};\n\nexport default MyAwesomeStepper;\n```\n\nUnder the hood, the `Stepper` component will use the `useStepper` hook to manage the state of the stepper. You can use the `useStepper` hook to build your own stepper component.\n\n### Using the `useStepper` hook\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nYou can find more examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're running on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n### Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"80d7e2d75f0d5b9eaf571a8461e2744b94a3c983","_id":"headless-stepper@1.8.0-beta.1","_nodeVersion":"16.19.1","_npmVersion":"9.5.0","dist":{"integrity":"sha512-/QwqTYSEymUHv0hYX5wUhLnKM6tN9c2hsJ/JIUST9B8uIXo0JwB0jtqyijr887vV4dPEwwB3Hx/ni6Pmo+Z+5w==","shasum":"d899856657fa1715e6d194690e2bca13c95768cc","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.8.0-beta.1.tgz","fileCount":24,"unpackedSize":116371,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEdkkB4xQ8QEdQYnhf2X5yGLjk8Ziq6JdtzZmuZKdaohAiEA2v0tiPKisw9qySjM4fuukW8zkX5ym+Qxb2WOvhxaiTc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkH0mDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmok7Q//SAGGD/+6k8BzD579YdXLd4raIRbpuLAAuAjYLckBwzJUAQ7U\r\n6BJvLUhvxtB9xXJToPYpz0Uu6xDkioNgFtoD6pmIXgEHneMKrJiGGxHiDz1a\r\nt/G9yc857ARNdYtg/2m2TDB7tNUc2JYcf6kR1BoV6X9Mxgfy7QHvxkBZPu6s\r\nXkz+F7zOlINkd74qBZAtxg9pTwfAtkYsvxRxIifl7QdEb+ZsSeiAHb0kYmJ+\r\nemHCt7ltsDbtyPhtSeuTvpaqrc/vH6hBqyQXzBJoN2Gb+9MEbaCGfTq+jTr+\r\nShcDcRJj/i7NY1DWBg8EBBEVABxosXHduqAw3tZPWPEZj1ivNqmdqPQgOOyX\r\nqip/KDP1bFVGMhUF2NZ4uWqdns/LhFkzWMENBf6ZtJC49N3PiX+PfRgjTdDZ\r\nUQsAj/s3afbR2k78LzoPV6d1HAhgiAJmYmRkCfvIVedLFoP2KigHI7OcL3Wy\r\nP2pAjeoM24+OnSYNUDdDxDVE7Pt4VivB3mSlIB6j6TFR9T18FX86EEI0m8Z8\r\nYI2KE/aL0ZERv22aeorugRDUY3Y2GAVn1GaBccmUYI7PArYVYLkOQhbuZ+7u\r\nxMx851lljGehmvUHxawzkHFJ9hlG3AevDJEQPszr9CRYxzkDH98OerXMNlD9\r\nvRGZwBE6Ajkyw4SYwExDcxV8z/g3M40iCqc=\r\n=LoHM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.8.0-beta.1_1679772035572_0.06344718505105806"},"_hasShrinkwrap":false},"1.8.0-beta.2":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.8.0-beta.2","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n[Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall the `headless-stepper` library using your favorite package manager:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n# or using pnpm\npnpm install headless-stepper\n```\n\n## Using\n\nThe headless-stepper library provide two ways to build your stepper component:\n\n- Using the `Stepper` and `Step` components. See the [documentation](https://headless-stepper.netlify.app/getting-started/using-stepper) for more details.\n- Using the `useStepper` hook. See the [documentation](https://headless-stepper.netlify.app/getting-started/using) for more details.\n\n### Using the `Stepper` and `Step` components\n\nTo use the `Stepper` and `Step` components, you need to import the `Stepper` and `Step` components from the `headless-stepper` library.\n\n```tsx\nimport { Stepper, Step } from 'headless-stepper/components';\n\nconst MyAwesomeStepper = () => {\n  return (\n    <Stepper currentStep={0}>\n      <Step label=\"Step 1\">Step 1 content</Step>\n\n      <Step label=\"Step 2\">Step 2 content</Step>\n\n      <Step label=\"Step 3\">Step 3 content</Step>\n    </Stepper>\n  );\n};\n\nexport default MyAwesomeStepper;\n```\n\nUnder the hood, the `Stepper` component will use the `useStepper` hook to manage the state of the stepper. You can use the `useStepper` hook to build your own stepper component.\n\n### Using the `useStepper` hook\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nYou can find more examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're running on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n### Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Jest](https://jestjs.io).\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static/sponsors.svg)](https://headless-stepper.netlify.app/sponsors)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"73203e3e3f2339bab2a6b1dcd9a18f50f6cab9cb","_id":"headless-stepper@1.8.0-beta.2","_nodeVersion":"16.19.1","_npmVersion":"9.5.0","dist":{"integrity":"sha512-L7zSrEwBm4UN0CPR2PPjoLaRGtAYoRf/i43iCXH8ByPOvYDiN1N1nzNU08vwcsuWv8q+OWVh0FMDYA4UjXR6uA==","shasum":"bb186ecacab2be3f140a096b93cc32830b3e9570","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.8.0-beta.2.tgz","fileCount":24,"unpackedSize":116382,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHp8Pz/QijFjShI8NZFl5C0sdvKKqCd6w1Jj6jXuqVnKAiAdRSP6bn4/kUrdE358FDyCd8FkMHalNOqgRwtVwa2mcA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkH0roACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowmA//XBdWOYU7eJ0SAaXBAYi/ZF8CtJ2x9PxY0hPe0IgdR+14h9Zu\r\nC5mpSpqLDVceio7mJdBlPFCXPHhjqf7xZe8OcajNeZVvMhOfsI03FnBsCaoN\r\ne4cK85+b1FSslKeCS9P1o4OskTjH3vox/BPcghf+MAY9evg+ffj2LJRtCVCu\r\njyVGCO2oHk8P7ZMQgD6YWP10kZFUWhaqcB2nZ/4opsaF7JrH9RF7NMMynRD1\r\nvU0FgU5wxkv5WUwodi1ECT01avbHJr0AMPKinRZN3CBMfWThjpGnCzIe1kvL\r\nBxEQeIShKkn86Jh7B76AzaAuQUaT0uTsPQt/w8FXI7QQYI813hgmGBiq/YD1\r\n6lhdQsggm1c9tydUV2nqonirRAbi2W0vYl5cXlMLdLXFSvyvSrrIR7KNECGi\r\nwtvZXPMqZ0VY5ZQ+bBpd3Nq+IHaT9EAAdUJ3QJZvwFU3SjxV01MJqrXs2I5t\r\nyxbr0Pd2kwaXl/gWSN4QHZDFX+Ceo3YM4mcpeb8bj0OCC4lXMhF3UhhNyGqA\r\nBAGlrmdKv5p3z8i1kfCCsUlWfenz7zZc+KFXk3a5sdgCzPiI2Awir84hrH6o\r\nUzscQryozpRJXG5MunXJOPMYkFAFc2rz3N0JCbwojlfkeAYe7F2EXdKtpHNh\r\nUdrIM9DYmCtieFgQsUQYnsC6w0ZIrOa/AQw=\r\n=OdCT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.8.0-beta.2_1679772392193_0.7897672855289213"},"_hasShrinkwrap":false},"1.8.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.8.0","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"gitHead":"20ee2f6fd8b3822ff1c1774638aefa4512a3c11f","_id":"headless-stepper@1.8.0","_nodeVersion":"16.19.1","_npmVersion":"9.5.0","dist":{"integrity":"sha512-p2q+oSfeGajkl2wmdxqY9J/uaCWZdaj4B8ZDkqe0wavKjWgE23B9TH1NOdtEPsGc/yTEvy89tmNJoZaBuIAYsA==","shasum":"d2cd7ce52e8b6569310888091adf0ac58c15dcb8","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.8.0.tgz","fileCount":24,"unpackedSize":116375,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRvEaHHiawEaqJLpVHzUsBMvMsEz3XI+125T3fFtnDUgIhALbz6yZI4fQmMeTOCaTRjTdxaa5AKHE48F3RZPfJ5g6a"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIiS5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqtvw/+OJASVPo98/1lyVTqQnn1LSizYO6tGv/FXiltn74iY3Pw6NB+\r\n4y1HUPGwePgj1KE9yqm+jafTzKog77udJl+W7HUtTAIVqRWa1oQNqdtTpexo\r\n4L+s/jWskMerz2xweJBnj9rCo+p8Y9oJsU6AWRbMi3VZhRA4p4Ok+uMyGd++\r\ns0le6ETYcOJ8g8XgEYwnB+FuGAdFHokCtGrHMZl6ujxCBynX0S7bDvSH27OU\r\nJZDt4/kRtB6A2cEVtUoR1CTn54W5lIItMYeE3dvsZ2liyAxOXR74NWkOqBhd\r\nrstEOnuyfwAKA/RGrtd2TfIsPrV9tbaNnc95vyYna8PzTl/MD16I3OhG0wRW\r\nRGonqw+fzOjIJQHWAb62SWzMaZhHLKHDXiKvAhklE5XnBHrhTPk0d+9OVD+p\r\n69U0eoelELC3jl3b/qHUrxBsQrCjOWjYfuxJhlADieMyyM/52AzkWtVbQ+Ct\r\n9iF9NK9e58NKxei5gDUa7Ol4NaJoZs4/nQHjB3VnjcOZ7TiZpZLdsBNxR2IY\r\nby8/rPm3qb2z8mydQ4UCQREKrSLzhY+5hkXFwbN4cCZ236VMQrvSg8jttBeE\r\n6+/onhW9kujkGin9i2DSxtTa8eW1HG3gXdH2ah5BXpYntSDk4hGRM1Q0z8v6\r\nAleny6cNv0ix39GB+W3B+h5AEbDZGcUzRVs=\r\n=Ts36\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.8.0_1679959225252_0.4825687521353317"},"_hasShrinkwrap":false},"1.8.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.8.1","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">= 18"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"gitHead":"2750ad45bc18ef6e79f3a5e9d3b2bff331e8ee98","_id":"headless-stepper@1.8.1","_nodeVersion":"16.20.0","_npmVersion":"8.19.4","dist":{"integrity":"sha512-A8i4iRDx2xA7nmQosKJ+idILcqs9Ov7TpEqlAq69dlsfIk0RodgciJzClsJWKSleJ0sag88Xc14s8O5+80NkLQ==","shasum":"c12cc609f67941e53e84ae66b617a08db404fd30","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.8.1.tgz","fileCount":24,"unpackedSize":116374,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrLuPKKB0EUl0n9ruXxyNWJG5OvTd6vX5lF8kTflTw0QIgVjzIyrqxP+H4w3QkEDqIuBDaVFiSz+5paT6FRGSX+GM="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.8.1_1686779449150_0.600885050628603"},"_hasShrinkwrap":false},"1.8.2":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.8.2","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"gitHead":"589ab7c04375ddb0eab950e6dbbb9ebebd412034","_id":"headless-stepper@1.8.2","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-25a6DCve3ZKrDbOXSuOjlCamrMHy1MOgsCy2lm/7QzgvXa63EGPHXRjaCMR3bbN/GzCf8aIGN7KPGXtDEBpnvQ==","shasum":"fd5d5f74851883e55fc403886a9bf464267c7724","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.8.2.tgz","fileCount":26,"unpackedSize":120567,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFkDc+24PlTYEPXYb8jdWKYXSi8O2q3Z+4bjiHuQKmoAiBlXnz2CPL8QEiKYjmvDD/ZcCBwLGlwHIzKpcom0ifxSg=="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.8.2_1687826443997_0.6259748565977099"},"_hasShrinkwrap":false},"1.8.3":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.8.3","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"gitHead":"5050fa14f24c41c5084372ab647254a6249c6a43","_id":"headless-stepper@1.8.3","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-nEPOn0ezTyUnNPWdxHxukH7lB7y1W30Z88ntpkK58t7qIzntLDH2wXlyMWeN5DQhbo3yopc3Lil4IOSBGs8Xtw==","shasum":"3e905277064c5aa911c7ec41e1335304ed8f23e5","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.8.3.tgz","fileCount":26,"unpackedSize":120570,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDPp1vlo84qISVx34PZalVY1Ml8aqhSWNbhrx3QlIC/gIgYRYe8QENEx+otcstOW4ouCS58Ha41bTkcYW5Zh/0ml4="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.8.3_1688773365730_0.40430283836312153"},"_hasShrinkwrap":false},"1.9.0-beta.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.9.0-beta.0","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n[Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall the `headless-stepper` library using your favorite package manager:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n# or using pnpm\npnpm install headless-stepper\n```\n\n## Using\n\nThe headless-stepper library provide two ways to build your stepper component:\n\n- Using the `Stepper` and `Step` components. See the [documentation](https://headless-stepper.netlify.app/getting-started/using-stepper) for more details.\n- Using the `useStepper` hook. See the [documentation](https://headless-stepper.netlify.app/getting-started/using) for more details.\n\n### Using the `Stepper` and `Step` components\n\nTo use the `Stepper` and `Step` components, you need to import the `Stepper` and `Step` components from the `headless-stepper` library.\n\n```tsx\nimport { Stepper, Step } from 'headless-stepper/components';\n\nconst MyAwesomeStepper = () => {\n  return (\n    <Stepper currentStep={0}>\n      <Step label=\"Step 1\">Step 1 content</Step>\n\n      <Step label=\"Step 2\">Step 2 content</Step>\n\n      <Step label=\"Step 3\">Step 3 content</Step>\n    </Stepper>\n  );\n};\n\nexport default MyAwesomeStepper;\n```\n\nUnder the hood, the `Stepper` component will use the `useStepper` hook to manage the state of the stepper. You can use the `useStepper` hook to build your own stepper component.\n\n### Using the `useStepper` hook\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nYou can find more examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're running on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n### Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Vitest](https://vitest.dev).\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static@master/sponsors.svg)](https://github.com/sponsors/raisiqueira)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","gitHead":"dcdd224fbb6f3498b8e5a51f13a22891fe854746","_id":"headless-stepper@1.9.0-beta.0","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-LO7FFihWwzo3zSBgRFCzC4zym2EK/2KlEn4uiKzXCK8GCgSmF0o9S0Fkt4e/o9Bdp9Z4xV6rT0/RwCXptGjg4Q==","shasum":"e1dc0439004d3feff0cf1e12f0a8fd593d404f67","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.9.0-beta.0.tgz","fileCount":26,"unpackedSize":129973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICgStmZ5vFaKnVU6/2v2enZx5SE9r2MPuQ8Rn7qmT25pAiA8FzT/M7Vg/ksANUoCf/W7vBJQOFfQw90F8Y6WDFWDfg=="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.9.0-beta.0_1692385517581_0.8626353773948008"},"_hasShrinkwrap":false},"1.9.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.9.0","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"gitHead":"df179512a55d5f0cd2c03ec8b3d2577ea314d4e2","_id":"headless-stepper@1.9.0","_nodeVersion":"18.16.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-RmUV4UUg054MiRfSe7qfJccVs4VpZlSrup00sga3j7TqVTuTNy+PDFz1Sot5OvjIcDnlpI/yN4XrqV//wKAV0A==","shasum":"40f6cc020e9a310992a055caeb6be36af5c899fd","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.9.0.tgz","fileCount":26,"unpackedSize":129966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIExXZVc+00KC91sQJQWqCsvmTZYV/a8Shz2FpcYeIDV6AiBXWohhsYsZN+q3EYz1NS6tm7LoDJgSksX/aBqqjiHqYQ=="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.9.0_1692648584912_0.04562539322582815"},"_hasShrinkwrap":false},"1.9.1-beta.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.9.1-beta.1","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"_id":"headless-stepper@1.9.1-beta.1","_integrity":"sha512-dHSZ2XZ8oAFYbGOMbAcGn8TXaBvG8tvV57mKbgOwde3cLjnBV1s55qFw1qoqYoCAN/gTVi13lll12soVkdHl9Q==","_resolved":"/tmp/68b300081e2ef76d1e74271361bfc134/headless-stepper-1.9.1-beta.1.tgz","_from":"file:headless-stepper-1.9.1-beta.1.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-dHSZ2XZ8oAFYbGOMbAcGn8TXaBvG8tvV57mKbgOwde3cLjnBV1s55qFw1qoqYoCAN/gTVi13lll12soVkdHl9Q==","shasum":"5569bb9f8c80c8969766b324fd5abd8724127c8e","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.9.1-beta.1.tgz","fileCount":27,"unpackedSize":139543,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtF9foCVPjdwUOXBF7RiKwyMQkk1YrkbZ+E0+V1mmQvQIgVa5ARawkCxsGUCw+mH8TFW2AurcnEylyWbGeYZ0/lWc="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.9.1-beta.1_1692816120167_0.35851802680214306"},"_hasShrinkwrap":false},"1.9.1":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.9.1","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./components/dist/index.d.ts","import":{"types":"./components/dist/index.d.ts","default":"./components/dist/index.mjs"},"module":"./components/dist/index.mjs","default":"./components/dist/index.mjs"}},"sideEffects":false,"_id":"headless-stepper@1.9.1","_integrity":"sha512-ns66zFZHyGaqrKL9Up+TvyUjn84rDV/0r0M/jXjdcEdJsaYpPglDfosIH0s+FwZlpEOpNqXHRq0CttUMY/EpbQ==","_resolved":"/tmp/4538f22f48ab3a7238e1ef966f10ee30/headless-stepper-1.9.1.tgz","_from":"file:headless-stepper-1.9.1.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-ns66zFZHyGaqrKL9Up+TvyUjn84rDV/0r0M/jXjdcEdJsaYpPglDfosIH0s+FwZlpEOpNqXHRq0CttUMY/EpbQ==","shasum":"7be82192247373a6f2486c25fe7e812dbe7c2d46","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.9.1.tgz","fileCount":27,"unpackedSize":139536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfFgj94g3WWl5vyqn8xrdGdRIKG8Sq4JAznv7AvLQPgQIhANpUDssCaFtjUrk/XVjI5NtnCyAbQ7eSYExYZzZPxXz+"}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.9.1_1692816648113_0.02496608869226602"},"_hasShrinkwrap":false},"1.10.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.10.0","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./dist/components.d.ts","import":{"types":"./dist/components.d.ts","default":"./dist/components.mjs"},"module":"./dist/components.mjs","default":"./dist/components.mjs"}},"sideEffects":false,"publishConfig":{"provenance":true},"_id":"headless-stepper@1.10.0","_integrity":"sha512-l4DAoSq58vSMgMbz9sxug2CA1ZgKSUdT7EE639VNEKEqrEu9mGi7b5wa1RFtfKJ4ttbwt8z3s0C893/zbzxJ6A==","_resolved":"/tmp/9875a353944c94ee7977d125d077a0ee/headless-stepper-1.10.0.tgz","_from":"file:headless-stepper-1.10.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-l4DAoSq58vSMgMbz9sxug2CA1ZgKSUdT7EE639VNEKEqrEu9mGi7b5wa1RFtfKJ4ttbwt8z3s0C893/zbzxJ6A==","shasum":"ffdbdd571e9df11926b93f5be8bbe260d73aac8e","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.10.0.tgz","fileCount":19,"unpackedSize":99762,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/headless-stepper@1.10.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBEGK8Pw//AHK7QSHW8KAHXzwpbxw+pGmhn57eIAhxN7AiEArnBG1qK+Yuj0GAGDeJpy8khi2MOWgmfowXtd4aVBv9w="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.10.0_1702145210841_0.4538031922887811"},"_hasShrinkwrap":false},"1.11.0":{"name":"headless-stepper","description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","version":"1.11.0","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","license":"MIT","author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"funding":{"type":"github","url":"https://github.com/sponsors/raisiqueira/"},"repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"homepage":"https://headless-stepper.netlify.app/","bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"peerDependencies":{"react":">=16.8.0 || >=17.0.0 || >= 18.0.0"},"keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"exports":{"./package.json":"./package.json",".":{"types":"./dist/index.d.ts","import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"module":"./dist/index.mjs","default":"./dist/index.mjs"},"./components":{"types":"./dist/components.d.ts","import":{"types":"./dist/components.d.ts","default":"./dist/components.mjs"},"module":"./dist/components.mjs","default":"./dist/components.mjs"}},"sideEffects":false,"publishConfig":{"provenance":true},"_id":"headless-stepper@1.11.0","_integrity":"sha512-L2NjujnSx7eQXlBYz4rtxu8aDv8WTDcGqLEFXfE7TXeEJfCi0fCxBx4eutuAifAwCYzZZCOCDgAN8GyvLB4Rcg==","_resolved":"/tmp/62249e09b6b4cbfc592f1ea4d5a4e1c3/headless-stepper-1.11.0.tgz","_from":"file:headless-stepper-1.11.0.tgz","_nodeVersion":"18.20.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-L2NjujnSx7eQXlBYz4rtxu8aDv8WTDcGqLEFXfE7TXeEJfCi0fCxBx4eutuAifAwCYzZZCOCDgAN8GyvLB4Rcg==","shasum":"a8e13dc8b485eae604d45e682a96e1b3b14f2ef2","tarball":"https://registry.npmjs.org/headless-stepper/-/headless-stepper-1.11.0.tgz","fileCount":19,"unpackedSize":99902,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/headless-stepper@1.11.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9+8fMCkWaPs5HImSIULeVOA+XOoCJyCN8rQ0QYu60MAIgcQ2asQlRCr7uAn5IZCttEq+/8tocdAsdVC02vJNd8qw="}]},"_npmUser":{"name":"rsiqueira","email":"rai93siqueira@gmail.com"},"directories":{},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/headless-stepper_1.11.0_1715440958058_0.4919056205399084"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-13T22:08:11.148Z","0.1.0":"2022-03-13T22:08:11.307Z","modified":"2024-05-11T15:22:38.633Z","0.2.0":"2022-03-15T18:28:48.247Z","1.0.0":"2022-03-17T17:06:42.623Z","1.0.1":"2022-03-17T17:17:47.257Z","1.1.0":"2022-03-22T17:45:20.618Z","1.2.0":"2022-04-12T20:17:01.618Z","1.2.1-beta.1":"2022-06-05T16:42:39.729Z","1.2.1-beta.2":"2022-06-05T17:05:43.982Z","1.2.1":"2022-06-05T17:18:44.328Z","1.2.2":"2022-06-10T19:02:45.860Z","1.3.0":"2022-07-10T16:27:55.306Z","1.4.0-beta.1":"2022-07-23T17:22:00.112Z","1.4.0-beta.2":"2022-07-23T18:11:45.755Z","1.4.0-beta.3":"2022-07-23T18:58:39.165Z","1.4.0":"2022-07-23T19:44:00.082Z","1.5.0-beta.1":"2022-08-03T21:31:42.708Z","1.5.0":"2022-08-03T21:39:28.281Z","1.6.0-beta.0":"2022-09-17T19:47:47.585Z","1.6.0-beta.1":"2022-09-17T20:58:31.450Z","1.6.0-beta.2":"2022-09-18T01:35:42.061Z","1.6.0-beta.3":"2022-09-18T19:39:33.756Z","1.6.0-beta.4":"2022-10-20T01:05:44.081Z","1.6.0":"2022-10-23T21:31:39.921Z","1.7.0-beta.0":"2022-12-24T19:17:18.170Z","1.7.0":"2022-12-24T19:35:57.961Z","1.8.0-beta.0":"2023-03-24T00:47:07.937Z","1.8.0-beta.1":"2023-03-25T19:20:35.742Z","1.8.0-beta.2":"2023-03-25T19:26:32.384Z","1.8.0":"2023-03-27T23:20:25.435Z","1.8.1":"2023-06-14T21:50:49.353Z","1.8.2":"2023-06-27T00:40:44.202Z","1.8.3":"2023-07-07T23:42:45.908Z","1.9.0-beta.0":"2023-08-18T19:05:17.771Z","1.9.0":"2023-08-21T20:09:45.197Z","1.9.1-beta.1":"2023-08-23T18:42:00.488Z","1.9.1":"2023-08-23T18:50:48.434Z","1.10.0":"2023-12-09T18:06:51.092Z","1.11.0":"2024-05-11T15:22:38.219Z"},"maintainers":[{"name":"rsiqueira","email":"rai93siqueira@gmail.com"}],"description":"Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.","keywords":["react","reactjs","wizard","stepper","react-use","react-wizard","react-stepper","typescript","react-hooks"],"author":{"name":"Raí Siqueira","email":"me@raisiqueira.io"},"license":"MIT","readme":"# headless-stepper\n\nProduction ready React hook to create awesome stepper components. Effortless to use, easy to customize.\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/headless-stepper?style=flat-square)\n\n[Documentation](https://headless-stepper.netlify.app/) | [Issues](https://github.com/raisiqueira/headless-stepper-monorepo/issues)\n\n## Quick features\n\n- Headless.\n- 100% TypeScript.\n- No dependencies.\n- 100% customizable.\n\n## Start\n\nInstall the `headless-stepper` library using your favorite package manager:\n\n```bash\nnpm install headless-stepper\n# or using yarn\nyarn add headless-stepper\n# or using pnpm\npnpm install headless-stepper\n```\n\n## Using\n\nThe headless-stepper library provide two ways to build your stepper component:\n\n- Using the `Stepper` and `Step` components. See the [documentation](https://headless-stepper.netlify.app/getting-started/using-stepper) for more details.\n- Using the `useStepper` hook. See the [documentation](https://headless-stepper.netlify.app/getting-started/using) for more details.\n\n### Using the `Stepper` and `Step` components\n\nTo use the `Stepper` and `Step` components, you need to import the `Stepper` and `Step` components from the `headless-stepper` library.\n\n```tsx\nimport { Stepper, Step } from 'headless-stepper/components';\n\nconst MyAwesomeStepper = () => {\n  return (\n    <Stepper currentStep={0}>\n      <Step label=\"Step 1\">Step 1 content</Step>\n\n      <Step label=\"Step 2\">Step 2 content</Step>\n\n      <Step label=\"Step 3\">Step 3 content</Step>\n    </Stepper>\n  );\n};\n\nexport default MyAwesomeStepper;\n```\n\nUnder the hood, the `Stepper` component will use the `useStepper` hook to manage the state of the stepper. You can use the `useStepper` hook to build your own stepper component.\n\n### Using the `useStepper` hook\n\n```tsx\nimport React from 'react';\nimport { useStepper } from 'headless-stepper';\n\nexport interface HeadlessStepperProps {}\n\nexport function HeadlessStepper(props: HeadlessStepperProps) {\n  const steps = React.useMemo(\n    () => [\n      {\n        label: 'Step 1',\n      },\n      { label: 'Step 2' },\n      { label: 'Step 3' },\n      { label: 'Step 4', disabled: true },\n      { label: 'Step 5' },\n      { label: 'Step 6' },\n    ],\n    []\n  );\n  const { state, nextStep, prevStep, progressProps, stepsProps } = useStepper({\n    steps,\n  });\n  return (\n    <div className={styles['container']}>\n      <div>\n        <nav style={{ display: 'flex' }}>\n          {stepsProps?.map((step, index) => (\n            <ol key={index}>\n              <a {...step}>{steps[index].label}</a>\n            </ol>\n          ))}\n        </nav>\n      </div>\n      <p>Current step: {state.currentStep}</p>\n      <button\n        className=\"py-4 px-3 bg-blue-300\"\n        onClick={prevStep}\n        disabled={!state.hasPreviousStep}\n      >\n        Prev\n      </button>\n      <button className=\"py-4 px-3 bg-blue-300\" onClick={nextStep}>\n        Next\n      </button>\n      <div className=\"bg-gray-400 w-100% h-1/2\" {...progressProps} />\n    </div>\n  );\n}\n\nexport default HeadlessStepper;\n```\n\nYou can find more examples on [documentation](https://headless-stepper.netlify.app/).\n\n## Contribute\n\nThis project was started with [Nx](https://nx.dev) to manage the monorepo. To learn more about Nx, read the [Nx documentation](https://nx.dev/).\n\nThe `headless-stepper` library and the documentation is under _packages_ folder. If you're running on local, execute the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nThe Storybook will be available on the localhost:4400 and refresh when you change the `useStepper` code.\n\n### Running unit tests\n\nRun `nx test headless-stepper` to execute the unit tests via [Vitest](https://vitest.dev).\n\n## Sponsors\n\n[![Sponsors](https://cdn.jsdelivr.net/gh/raisiqueira/static@master/sponsors.svg)](https://github.com/sponsors/raisiqueira)\n\n## License\n\nMIT @ Raí Siqueira.\n","readmeFilename":"README.md","homepage":"https://headless-stepper.netlify.app/","repository":{"type":"git","url":"git+https://github.com/raisiqueira/headless-stepper-monorepo.git"},"bugs":{"url":"https://github.com/raisiqueira/headless-stepper-monorepo/issues"},"users":{"flumpus-dev":true}}