{"_id":"@8aratta/beehive-deck","name":"@8aratta/beehive-deck","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@8aratta/beehive-deck","version":"1.0.0","description":"A beehive deck component for React","type":"module","main":"./dist/beehive-deck.cjs.js","module":"./dist/beehive-deck.es.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/beehive-deck.es.js","require":"./dist/beehive-deck.cjs.js"}},"scripts":{"build":"vite build","type-check":"tsc --noEmit","test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage","prepublishOnly":"npm run type-check && npm run build"},"peerDependencies":{"react":">=17","react-dom":">=17"},"devDependencies":{"@testing-library/jest-dom":"^6.0.0","@testing-library/react":"^16.0.0","@testing-library/user-event":"^14.0.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0","@vitejs/plugin-react":"^4.0.0","@vitest/coverage-v8":"^3.0.0","jsdom":"^26.0.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.0.0","vite":"^6.0.0","vite-plugin-dts":"^4.0.0","vitest":"^3.0.0"},"keywords":["react","beehive-deck","component"],"license":"MIT","publishConfig":{"access":"public"},"_id":"@8aratta/beehive-deck@1.0.0","gitHead":"d1c0a3dd2fc40ce30d5f8d127fde36d40c0ed74c","_nodeVersion":"20.20.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-9/kf63I5Vl/yNUW1JGlw5T10cvhvlb6nUtotqjyUHSIxdZZEOMxBx32XFFcr/gnk41PlqOmMZUQ9gQfogs1AFA==","shasum":"24c0ce0c399ba99573f4a6c3af3f6ed2dc645322","tarball":"https://registry.npmjs.org/@8aratta/beehive-deck/-/beehive-deck-1.0.0.tgz","fileCount":10,"unpackedSize":19058,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICgnsxVzfDsf0RqeliEiYN56HHplPukrsCxOHi1EhwGTAiBqt3XvE4t+osyrroLcsQSbKP1iIx09vDf6IcTlnjgaxA=="}]},"_npmUser":{"name":"8aratta","email":"barattadom@gmail.com"},"directories":{},"maintainers":[{"name":"8aratta","email":"barattadom@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/beehive-deck_1.0.0_1773578266463_0.6240555894268212"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-15T12:37:46.394Z","1.0.0":"2026-03-15T12:37:46.625Z","modified":"2026-03-15T12:37:46.796Z"},"maintainers":[{"name":"8aratta","email":"barattadom@gmail.com"}],"description":"A beehive deck component for React","keywords":["react","beehive-deck","component"],"license":"MIT","readme":"# @8aratta/beehive-deck\n\nA honeycomb hexagon grid for React with flippable cards, responsive layout, and runtime-injected styles. Zero CSS imports — just install, pass your data, and render.\n\n## Installation\n\n```bash\nnpm install @8aratta/beehive-deck\n```\n\n## Quick Start\n\n```tsx\nimport { BeehiveDeck } from '@8aratta/beehive-deck';\n\nconst items = [\n  { id: '1', title: 'React',      description: '5 years', logoUrl: '/logos/react.svg' },\n  { id: '2', title: 'TypeScript', description: '4 years', logoUrl: '/logos/ts.svg' },\n  { id: '3', title: 'Node.js',   description: '3 years', logoUrl: '/logos/node.svg' },\n];\n\nfunction App() {\n  return <BeehiveDeck items={items} />;\n}\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `items` | `HexagonData[]` | **required** | Array of hexagon data objects |\n| `maxWidth` | `number` | `5` | Max hexagons per row |\n| `hexSize` | `number` | `65` | Hex radius in pixels |\n| `theme` | `'light' \\| 'dark'` | OS preference | Override the colour scheme |\n| `renderFront` | `(item) => ReactNode` | — | Custom front face content |\n| `renderBack` | `(item) => ReactNode` | — | Custom back face content |\n\n## Documentation\n\nFull documentation lives in the [`docs/`](docs/) folder:\n\n### User Guides\n\n- [Getting Started](docs/user/getting-started.md) — install and have something working in 5 minutes\n- [Usage](docs/user/usage.md) — every prop, pattern, and gotcha\n- [Styling](docs/user/styling.md) — how to style the hexagons your way\n- [Examples](docs/user/examples.md) — copy-paste recipes for the impatient\n\n### Technical Reference\n\n- [Architecture](docs/technical/architecture.md) — package structure, build pipeline, design decisions\n- [BeehiveDeck](docs/technical/BeehiveDeck.md) — deep dive into layout, responsiveness, theming, and flip mechanics\n- [Utils](docs/technical/utils.md) — hex layout algorithm and style injection\n- [Styles](docs/technical/styles.md) — injected CSS defaults, selectors, and override strategy\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-942a943c8bdce3b401a7ffe5f45a5ea9"}