{"_id":"@avent-ui/ham-menu","_rev":"7-d5983b8f4f29d4b5d9ea6f426fc3d228","name":"@avent-ui/ham-menu","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@avent-ui/ham-menu","version":"1.0.0","keywords":["menu","nav","ham-menu","nav-bar","burger","ham-burger-menu"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/ham-menu@1.0.0","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"dist":{"shasum":"29b98df5de301c1aefa8838fafc5990407d15fe1","tarball":"https://registry.npmjs.org/@avent-ui/ham-menu/-/ham-menu-1.0.0.tgz","fileCount":7,"integrity":"sha512-oL7QGesq+4N4af0X2cCNQFPni8zOloNgYn354jOEJB8xkaX7F0HD46Q5J/MQFd8ydYFms6gpLrG2/9zF+E8uvw==","signatures":[{"sig":"MEYCIQDg7vNARvQ9a4G0JUsrlUk6BqT9es8/t4RyFMI2DHg04gIhAMErs/WHNkCOQqCDiW3YiNnJmr6vr12PlPcOX26WFimD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":399147},"main":"dist/index.ts","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"21820c14c603cdaf7ff6e32e4425de00a59227cd","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"_npmVersion":"9.8.1","description":"Ham Menu with Smooth Animation","directories":{},"_nodeVersion":"21.7.1","dependencies":{"framer-motion":"^11.11.17"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","rollup":"^4.27.2","react-dom":"^18.3.1","typescript":"^5.6.3","postcss-cli":"^11.0.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ham-menu_1.0.0_1731737177205_0.37335730170992965","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@avent-ui/ham-menu","version":"1.0.1","keywords":["menu","nav","ham-menu","nav-bar","burger","ham-burger-menu"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/ham-menu@1.0.1","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"dist":{"shasum":"df9a712c60104604fb919dc115317a204a47a2ef","tarball":"https://registry.npmjs.org/@avent-ui/ham-menu/-/ham-menu-1.0.1.tgz","fileCount":7,"integrity":"sha512-5z27OcYTrBRsYXD2CqrPdRuhp5urVNRs5vNLHz2oNUN1JQYznz9ZM5S3v6ZNIWLgeKXs2Rs99eFXhnladh4mLg==","signatures":[{"sig":"MEYCIQDdOPK1X/SEjImN4ealVxokpZ2TuKqBBbHaVZYaCvvoAQIhAJlszHD/GFkEFMJnxbUjjqlv+NKqnw3sJ5/H7p4lTLk+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":399247},"main":"dist/index.ts","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"21820c14c603cdaf7ff6e32e4425de00a59227cd","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"_npmVersion":"9.8.1","description":"Ham Menu with Smooth Animation","directories":{},"_nodeVersion":"21.7.1","dependencies":{"framer-motion":"^11.11.17"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","rollup":"^4.27.2","react-dom":"^18.3.1","typescript":"^5.6.3","postcss-cli":"^11.0.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ham-menu_1.0.1_1731737796456_0.4488633323007809","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@avent-ui/ham-menu","version":"1.0.2","keywords":["menu","nav","ham-menu","nav-bar","burger","ham-burger-menu"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/ham-menu@1.0.2","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"dist":{"shasum":"89aa200998d62d191baeb7bf6d4077e21e22a03e","tarball":"https://registry.npmjs.org/@avent-ui/ham-menu/-/ham-menu-1.0.2.tgz","fileCount":7,"integrity":"sha512-MMj8Br8wY++Y7yQUyzFjSkfzWFRsSSC78LvADLa8ecZDxbYwex8/eN+BuiQBuqg+I2Y0VjI8hVvhxK3j6AhFSw==","signatures":[{"sig":"MEYCIQDQ3MDJ09I3b7Yw5S8ed00AHU4hdVFsDMHZl4SnjoAjgQIhAOPVJiQxsLLQf4e9VEO6E/4bBoD52apmk+ALAx/WXLyF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401039},"main":"dist/index.ts","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"bf00f98b9c061bb85eda512225c09822f33a43e6","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"_npmVersion":"9.8.1","description":"Ham Menu with Smooth Animation","directories":{},"_nodeVersion":"21.7.1","dependencies":{"framer-motion":"^11.11.17"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","rollup":"^4.27.2","react-dom":"^18.3.1","typescript":"^5.6.3","postcss-cli":"^11.0.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ham-menu_1.0.2_1731738728155_0.24590703779246015","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@avent-ui/ham-menu","version":"1.0.4","keywords":["menu","nav","ham-menu","nav-bar","burger","ham-burger-menu","avent","avent-ui"],"author":{"name":"Aathi Eswar S"},"license":"MIT","_id":"@avent-ui/ham-menu@1.0.4","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"homepage":"https://github.com/AathiEswar/avent-ui/blob/main/src/components/ham-menu/README.md","bugs":{"url":"https://github.com/AathiEswar/avent-ui/issues"},"dist":{"shasum":"1620de5da760389e423e5c614b5b06216586d0fb","tarball":"https://registry.npmjs.org/@avent-ui/ham-menu/-/ham-menu-1.0.4.tgz","fileCount":19,"integrity":"sha512-1khSWzJDjEewT9rMnIKFXRpULU21B5kTcg3X/GS4HE0nD31xa7xGHq0djJokyfNaaRka8wTGyvfLBihQ8/c/xA==","signatures":[{"sig":"MEUCIQD/JaM52jDNXWbzDKbgtwZhmDN+yCvCh/MNknly/VIDmQIgO1hb9YEwiPLDATcW5cDNavThF8Xoj+hX1MI7tHvOH9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51883},"main":"dist/index.ts","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"e5c0a6e4b8e760c7583f321d1f186ed56b2bc22d","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com"},"repository":{"url":"git+https://github.com/AathiEswar/avent-ui.git#main","type":"git"},"_npmVersion":"9.8.1","description":"Ham Menu with Smooth Animation","directories":{},"_nodeVersion":"21.7.1","dependencies":{"framer-motion":"^11.11.17"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","rollup":"^4.27.2","postcss":"^8.4.49","react-dom":"^18.3.1","typescript":"^5.6.3","postcss-cli":"^11.0.0","tailwindcss":"^3.4.15","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@types/react-dom":"^18.3.1","@rollup/plugin-babel":"^6.0.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^28.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ham-menu_1.0.4_1731992700290_0.014823809991401538","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@avent-ui/ham-menu","version":"1.0.5","description":"Ham Menu with Smooth Animation","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","sideEffects":false,"exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","types":"./dist/index.d.ts"},"./styles":{"import":"./dist/styles.js","require":"./dist/styles.cjs"},"./styles.css":"./dist/styles.css"},"type":"module","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","prepare":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/AathiEswar/avent-ui.git#main"},"keywords":["menu","nav","ham-menu","nav-bar","burger","ham-burger-menu","avent","avent-ui"],"author":{"name":"Aathi Eswar S"},"license":"MIT","bugs":{"url":"https://github.com/AathiEswar/avent-ui/issues"},"homepage":"https://github.com/AathiEswar/avent-ui/blob/main/src/components/ham-menu/README.md","devDependencies":{"@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-node-resolve":"^15.3.0","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","autoprefixer":"^10.4.20","postcss":"^8.4.49","postcss-cli":"^11.0.0","react":"^18.3.1","react-dom":"^18.3.1","rollup":"^4.27.2","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.36.0","tailwindcss":"^3.4.15","typescript":"^5.6.3"},"dependencies":{"framer-motion":"^11.11.17"},"_id":"@avent-ui/ham-menu@1.0.5","gitHead":"35f2a1f3394bf29f021de620fcfd68d7a69287cc","_nodeVersion":"21.7.1","_npmVersion":"9.8.1","dist":{"integrity":"sha512-K2WYlZayna1KvxHdHcKaJOmtH09JUOdHyATG2g+sgejZ3jXSaYOOt4qr2sytUjNdM2DFmTjLoqh0vOIuGI1BxA==","shasum":"57f8167132896207e4d747422512e92d532b9340","tarball":"https://registry.npmjs.org/@avent-ui/ham-menu/-/ham-menu-1.0.5.tgz","fileCount":45,"unpackedSize":55653,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCgG5gC++S6zKkQG/lQEwUTP8U0isThMDLs+Z2soFaMcAIhALp4jdbLXqWi1SMhjFAHkERNrcX7VEHsQJuJLpplRZYh"}]},"_npmUser":{"name":"aathieswar","email":"aathi28082003@gmail.com","actor":{"name":"aathieswar","email":"aathi28082003@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ham-menu_1.0.5_1751093619401_0.37573918847661525"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-16T06:06:17.125Z","modified":"2025-06-28T06:53:39.806Z","1.0.0":"2024-11-16T06:06:17.369Z","1.0.1":"2024-11-16T06:16:36.696Z","1.0.2":"2024-11-16T06:32:08.351Z","1.0.3":"2024-11-19T04:59:00.830Z","1.0.4":"2024-11-19T05:05:00.507Z","1.0.5":"2025-06-28T06:53:39.607Z"},"bugs":{"url":"https://github.com/AathiEswar/avent-ui/issues"},"author":{"name":"Aathi Eswar S"},"license":"MIT","homepage":"https://github.com/AathiEswar/avent-ui/blob/main/src/components/ham-menu/README.md","keywords":["menu","nav","ham-menu","nav-bar","burger","ham-burger-menu","avent","avent-ui"],"repository":{"type":"git","url":"git+https://github.com/AathiEswar/avent-ui.git#main"},"description":"Ham Menu with Smooth Animation","maintainers":[{"name":"aathieswar","email":"aathi28082003@gmail.com"}],"readme":"## Avent UI - Ham Menu\r\n\r\nThe **Ham Menu** component is a hamburger menu with a cool curve animation. It accepts normal props as well as custom motion props for smooth transitions. You can also control animations for links and sublinks.\r\n\r\n### Installation\r\n\r\n### 1. Install the Component via npm:\r\n\r\n```jsx\r\nnpm install @avent-ui/ham-menu\r\n```\r\n### 2 . Tailwind CSS setup \r\n\r\nAventUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official [installation guide](https://tailwindcss.com/docs/installation) to install Tailwind CSS. Then you need to add the following code to your tailwind.config.js file:\r\n```jsx\r\n/** @type {import('tailwindcss').Config} */\r\nmodule.exports = {\r\n  content: [\r\n    \"./src/**/*.{js,jsx,ts,tsx}\",\r\n    // make sure it's pointing to the ROOT node_module\r\n    \"./node_modules/@avent-ui/ham-menu/dist/**/*.{js,ts,jsx,tsx}\",\r\n  ],\r\n  theme: {\r\n    extend: {},\r\n  },\r\n  plugins: [],\r\n}\r\n\r\n```\r\n\r\n### 3. Import necessary Components\r\n\r\n```jsx\r\nimport {\r\n\tHamMenu,\r\n\tHamMenuBurger,\r\n\tHamMenuBar,\r\n\tHamMenuContent,\r\n\tHamMenuLink,\r\n\tHamMenuSubContent,\r\n\tHamMenuSubLink,\r\n\tHamMenuTitle,\r\n  HamMenuCurve,\r\n} from \"@avent-ui/ham-menu\";\r\n```\r\n\r\n### 4. Use it as given below\r\n\r\n```jsx\r\n<HamMenu>\r\n\t<HamMenuBurger />\r\n\t<HamMenuBar>\r\n\t\t// add if u want a curved menu animation\r\n\t\t<HamMenuCurve /> \r\n\t\t<HamMenuTitle>Navigation</HamMenuTitle>\r\n\r\n\t\t<HamMenuContent>\r\n\t\t\t<HamMenuLink> Main link 1 </HamMenuLink>\r\n\t\t\t<HamMenuLink> Main link 2 </HamMenuLink>\r\n\t\t\t<HamMenuLink> Main link 3 </HamMenuLink>\r\n\t\t\t<HamMenuLink> Main link 4 </HamMenuLink>\r\n\t\t\t<HamMenuLink> Main link 5 </HamMenuLink>\r\n\t\t</HamMenuContent>\r\n\r\n\t\t<HamMenuSubContent>\r\n\t\t\t<HamMenuSubLink> Sub link 1 </HamMenuSubLink>\r\n\t\t\t<HamMenuSubLink> Sub link 2 </HamMenuSubLink>\r\n\t\t\t<HamMenuSubLink> Sub link 3 </HamMenuSubLink>\r\n\t\t\t<HamMenuSubLink> Sub link 4 </HamMenuSubLink>\r\n\t\t\t<HamMenuSubLink> Sub link 5 </HamMenuSubLink>\r\n\t\t</HamMenuSubContent>\r\n\t</HamMenuBar>\r\n</HamMenu>\r\n```\r\n\r\n### Properties\r\n\r\n| Prop           |   Type   | Description                                                                                                           |  Default |\r\n| -------------- | :------: | --------------------------------------------------------------------------------------------------------------------- | -------: |\r\n| `animateDelay` | `number` | Animation delay in milliseconds for the menu links and sublinks.                                                      |   `0.05` |\r\n| `motionProp`   | `object` | Defines the CSS animation properties for the menu. Contains { initial, start, end } keys for transform, opacity, etc. | `object` |\r\n","readmeFilename":"README.md"}