{"_id":"@ahmedalkaff/react-responsive-navbar","_rev":"1-3c4f7c92cce09dab287340a03f3b08ef","name":"@ahmedalkaff/react-responsive-navbar","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ahmedalkaff/react-responsive-navbar","version":"1.0.0","description":"A responsive Navigation bar for React","main":"dist/bundle.js","module":"dist/bundle.es.js","scripts":{"build":"rollup -c","build:watch":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"author":{"name":"ahmed alkaff"},"license":"MIT","devDependencies":{"@babel/core":"^7.23.0","@babel/plugin-transform-runtime":"^7.22.15","@babel/preset-env":"^7.22.20","@babel/preset-react":"^7.22.15","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.5","@rollup/plugin-node-resolve":"^15.2.2","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.4.6","@storybook/addon-interactions":"^7.4.6","@storybook/addon-links":"^7.4.6","@storybook/addon-onboarding":"^1.0.8","@storybook/blocks":"^7.4.6","@storybook/react":"^7.4.6","@storybook/react-webpack5":"^7.4.6","@storybook/testing-library":"^0.2.2","postcss":"^8.4.31","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.0.2","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"^7.4.6"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_id":"@ahmedalkaff/react-responsive-navbar@1.0.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-j6nt5coCztcWWUIs1mqi7DV1BNl+uIqurICKlC9dAHw77auLt2DMwUvE56NdPDrPsMq6ON/5ow2fbYulExd/kw==","shasum":"05a698ea9eb1352eb74655e1eb21d56c5dc00cd8","tarball":"https://registry.npmjs.org/@ahmedalkaff/react-responsive-navbar/-/react-responsive-navbar-1.0.0.tgz","fileCount":6,"unpackedSize":2890,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHeG2XsGylJLZyj5uSxIlH4qQiq/ILqZL2NKVNZeBmToAiA+Ors6IGL0s6FM8JpQ58mZ3ZDAwLg97LTkknyUj9zXKQ=="}]},"_npmUser":{"name":"ahmedalkaff","email":"ahmedalkaff@yahoo.com"},"directories":{},"maintainers":[{"name":"ahmedalkaff","email":"ahmedalkaff@yahoo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-responsive-navbar_1.0.0_1696709644401_0.9314759038762739"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ahmedalkaff/react-responsive-navbar","version":"1.0.1","description":"A responsive Navigation bar for React","main":"dist/bundle.js","module":"dist/bundle.es.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","build:watch":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build","test":"jest"},"author":{"name":"ahmed alkaff"},"license":"MIT","devDependencies":{"@babel/core":"^7.23.0","@babel/plugin-transform-runtime":"^7.22.15","@babel/preset-env":"^7.22.20","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.5","@rollup/plugin-node-resolve":"^15.2.2","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.4.6","@storybook/addon-interactions":"^7.4.6","@storybook/addon-links":"^7.4.6","@storybook/addon-onboarding":"^1.0.8","@storybook/addon-styling-webpack":"^0.0.5","@storybook/blocks":"^7.4.6","@storybook/react":"^7.4.6","@storybook/react-webpack5":"^7.4.6","@storybook/testing-library":"^0.2.2","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^14.0.0","@types/jest":"^29.5.6","@types/react":"^18.2.25","autoprefixer":"^10.4.16","css-loader":"^6.8.1","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","postcss":"^8.4.31","postcss-loader":"^7.3.3","prop-types":"^15.8.1","rollup":"^4.0.2","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"^7.4.6","style-loader":"^3.3.3","ts-jest":"^29.1.1","typescript":"^5.2.2"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","tailwindcss":"^3.3.3"},"jest":{"transform":{".(ts|tsx)":"ts-jest"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$","moduleFileExtensions":["ts","tsx","js"],"moduleNameMapper":{"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":"<rootDir>/__mocks__/fileMock.js","\\.(css|less)$":"identity-obj-proxy"},"testEnvironment":"jsdom","setupFilesAfterEnv":["<rootDir>/jest-setup.ts"]},"gitHead":"bd06d30273eaa8adca8130881e5dc8812421d96c","_id":"@ahmedalkaff/react-responsive-navbar@1.0.1","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-8slSJ6JuszyyTEil7KlMuJB6PefWI0uXdrueLrLa/RIV0U9ys5CH/dPDoy//3aHK0sOJsxbi0Bp5pzIGCR8Qtg==","shasum":"75c1aebd03ff63c7ee3a501ca118daf4ba547159","tarball":"https://registry.npmjs.org/@ahmedalkaff/react-responsive-navbar/-/react-responsive-navbar-1.0.1.tgz","fileCount":20,"unpackedSize":46552,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHW/vjEPA+lIKrmabSjjDFBDSGSuz/Qu5rk74uib0KDNAiAo5yr2P+mDO998e7ZAMXihG//yd4MEyWISIWC2lw6Chw=="}]},"_npmUser":{"name":"ahmedalkaff","email":"ahmedalkaff@yahoo.com"},"directories":{},"maintainers":[{"name":"ahmedalkaff","email":"ahmedalkaff@yahoo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-responsive-navbar_1.0.1_1706007585137_0.07636831378682363"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-07T20:14:04.291Z","1.0.0":"2023-10-07T20:14:04.570Z","modified":"2024-01-23T10:59:45.518Z","1.0.1":"2024-01-23T10:59:45.337Z"},"maintainers":[{"name":"ahmedalkaff","email":"ahmedalkaff@yahoo.com"}],"description":"A responsive Navigation bar for React","author":{"name":"ahmed alkaff"},"license":"MIT","readme":"# React Responsive NavBar\n\nA Responsive React NavBar to be used in React projects.\n\nBuilt with Next.js and tailwindcss in mind.\n\n## Installation\n\nTo Install the package:\n\n`npm install @ahmedalkaff/react-responsive-navbar`\n\n## Usage\n\n``` tsx\nimport {Navbar, type NavbarProps, type Item} from '@ahmedalkaff/react-responsive-navbar';\n\n.\n.\n.\n\n<Navbar\n  items = {[\n      {name: 'Home', href:\"/\"},\n      {name: 'About', href:\"/about\"},\n      {name: 'Contact', href:\"/contact\"},\n    ]}\n    containerClassName= 'bg-gray-700 text-white'\n/>\n```\n\n","readmeFilename":"README.MD"}