{"_id":"@atom-design-mog/accordions","_rev":"2-c97f0fa26f975cbce11c0f3914d0d816","name":"@atom-design-mog/accordions","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@atom-design-mog/accordions","version":"1.0.0","keywords":["react-native","accordion","ui-component","atom-design"],"author":{"name":"Avi Gupta"},"license":"MIT","_id":"@atom-design-mog/accordions@1.0.0","maintainers":[{"name":"avi-moglix","email":"avi.gupta@moglix.com"}],"dist":{"shasum":"9b2e0a5450a6d93b332248e102e755ca6933315e","tarball":"https://registry.npmjs.org/@atom-design-mog/accordions/-/accordions-1.0.0.tgz","fileCount":3,"integrity":"sha512-+UtNJBLpTdGDD3Mw0QVqGmG9dJ/Jidlak0RJfdR9Y3jRH7iWw3wLB7K5W/4LBMKN6okVgISZizr+9EtJHvtjBg==","signatures":[{"sig":"MEQCID7Fzn96a+WkwcpOz+k8Dg0wz5VBQhIl8a3avoVf0z1LAiBorkF9gRr8in1+FehW8TOVozWriGRx3CSwybWxInxEOw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2506},"main":"index.js","_npmUser":{"name":"avi-moglix","email":"avi.gupta@moglix.com"},"_npmVersion":"10.8.2","description":"A React Native Accordion component with optional multiple open panels.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"peerDependencies":{"react":">=17.0.0","react-native":">=0.64.0"},"_npmOperationalInternal":{"tmp":"tmp/accordions_1.0.0_1763728478728_0.3596682394642199","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@atom-design-mog/accordions","version":"1.0.1","description":"A React Native Accordion component with optional multiple open panels.","main":"index.js","author":{"name":"Avi Gupta"},"license":"MIT","keywords":["react-native","accordion","ui-component","atom-design"],"peerDependencies":{"react":">=17.0.0","react-native":">=0.64.0"},"_id":"@atom-design-mog/accordions@1.0.1","_nodeVersion":"20.19.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-M4tm9Xcfk/NpKk6JA66mJCgZQ6BjYFmv3M5H3p2zfmzAVyYjdFAHZ/MAFEdLG/ElS7w2bm5P3SKV5oBf51NZMQ==","shasum":"f1b431ec0ca090726778101c644a284aa80f1716","tarball":"https://registry.npmjs.org/@atom-design-mog/accordions/-/accordions-1.0.1.tgz","fileCount":4,"unpackedSize":5564,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIANgwU/pF6R2o5rFxlymKQuaS6a+cy5PSz8d4b4EwyU2AiBTW3cHH6I9Oxak+ax4GC+TOzsXysC16LmBza8Qc8ITUg=="}]},"_npmUser":{"name":"avi-moglix","email":"avi.gupta@moglix.com"},"directories":{},"maintainers":[{"name":"avi-moglix","email":"avi.gupta@moglix.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/accordions_1.0.1_1763974385385_0.5312437122538709"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-21T12:34:38.641Z","modified":"2025-11-24T08:53:05.761Z","1.0.0":"2025-11-21T12:34:38.957Z","1.0.1":"2025-11-24T08:53:05.565Z"},"author":{"name":"Avi Gupta"},"license":"MIT","keywords":["react-native","accordion","ui-component","atom-design"],"description":"A React Native Accordion component with optional multiple open panels.","maintainers":[{"name":"avi-moglix","email":"avi.gupta@moglix.com"}],"readme":"# @atom-design-mog/accordions\n\nA simple and smooth Accordion / Expandable List component for React Native with optional multi-expand support and built-in animation using `LayoutAnimation`.\n\n---\n\n## 📦 Installation\n\nInstall with npm:\n\n```bash\nnpm install @atom-design-mog/accordions\n```\n\nOr with yarn:\n\n```bash\nyarn add @atom-design-mog/accordions\n```\n\n---\n\n## 📲 Import\n\n```js\nimport Accordion from '@atom-design-mog/accordions';\n```\n\n---\n\n## 🚀 Basic Usage\n\n```javascript\nimport React from 'react';\nimport { View } from 'react-native';\nimport Accordion from '@atom-design-mog/accordions';\n\nexport default function App() {\n  const AccordionItems = [\n    { title: 'Accordion 1', content: 'Content for item 1' },\n    { title: 'Accordion 2', content: 'Content for item 2' },\n  ];\n\n  return (\n    <View style={{ padding: 20 }}>\n      <Accordion items={AccordionItems} allowMultiple={false} />\n    </View>\n  );\n}\n```\n\n---\n\n## 🎛 Variants\n\n- `allowMultiple = false` (default) — Only one accordion item stays open at a time.\n- `allowMultiple = true` — Multiple accordion items can be expanded simultaneously.\n\n---\n\n## 🧪 Full Demo (as used in testing)\n\n```javascript\nimport React from 'react';\nimport { View, Text, ScrollView } from 'react-native';\nimport Accordion from '@atom-design-mog/accordions';\n\nexport default function TestAccordionsScreen() {\n  const AccordionItems = [\n    { title: 'This is Accordion 1', content: 'Content for Item 1: Lorem ipsum' },\n    { title: 'This is Accordion 2', content: 'Content for Item 2: Sed do eiusmod tempor.' },\n    { title: 'This is Accordion 3', content: 'Content for Item 3: Ut enim ad minim veniam.' },\n  ];\n\n  return (\n    <ScrollView style={{ flex: 1 }}>\n      <View style={{ padding: 20, gap: 20 }}>\n        <Text>Single Accordion</Text>\n        <Accordion items={AccordionItems} allowMultiple={false} />\n\n        <Text>Multiple Accordion</Text>\n        <Accordion items={AccordionItems} allowMultiple={true} />\n      </View>\n    </ScrollView>\n  );\n}\n```\n\n---\n\n## 📘 Props\n| Prop              | Type                                      | Required | Description                                                         |\n| ----------------- | ----------------------------------------- | -------- | ------------------------------------------------------------------- |\n| **items**         | `Array<{title: string, content: string}>` | ✔️ Yes   | Items to display in accordion.                                      |\n| **allowMultiple** | `boolean`                                 | ✖️ No    | Allow multiple accordion items to expand at once. Default: `false`. |\n| **...props**      | `any`                                     | ✖️ No    | Additional props passed to the container.                           |\n\n\n---\n\n## ✨ Features\n\n- Smooth expand / collapse animation using `LayoutAnimation`\n- Clean, modern UI consistent with Atom design\n- Supports single or multi expand behavior\n- Lightweight and easy to integrate\n- Works across React Native versions\n\n---\n\n## 👤 Author\n\nAvi Gupta\n","readmeFilename":"README.md"}