{"_id":"@allem-ui/native","_rev":"3-27cbbcafaa3dffb38adb024ccf774f50","name":"@allem-ui/native","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.2":{"name":"@allem-ui/native","version":"0.0.2","keywords":["allem-ui","react-native","nativewind","ui-library","components","expo","mobile","tailwind"],"author":{"url":"https://kingallem.com","name":"Ahmed Allem"},"license":"MIT","_id":"@allem-ui/native@0.0.2","maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"homepage":"https://github.com/kingofmit/allem-ui#readme","bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"dist":{"shasum":"341fce56ff3d5bfc3383350661b295f76270807e","tarball":"https://registry.npmjs.org/@allem-ui/native/-/native-0.0.2.tgz","fileCount":102,"integrity":"sha512-UuoQaogXBFhHBdVQBKAvjUphaQU5QMGn028sNFWFqHL7Jovj8zmtpwUWrI1kn1zXhVo3g1pe/1s/4oUWXmJ3PQ==","signatures":[{"sig":"MEUCIQC0+z99Xa78ZTCKsKWyOobDQcrc60MMSoiDkSFdxbwcyQIgZz2UWH/sATzeal8VSS8Gl7DnBG/ucYGEtUDAjd0cSZI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":648791},"main":"./dist/index.js","_from":"file:allem-ui-native-0.0.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","source":"./src/index.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js","react-native":"./src/index.ts"}},"scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit"},"_npmUser":{"name":"kingofmit","email":"allem.ahmed@gmail.com"},"_resolved":"/private/var/folders/4v/rph2hgm54rqf12vzbjxpn5kc0000gn/T/06c31b11c0102a03d9712b0db569a8ff/allem-ui-native-0.0.2.tgz","_integrity":"sha512-UuoQaogXBFhHBdVQBKAvjUphaQU5QMGn028sNFWFqHL7Jovj8zmtpwUWrI1kn1zXhVo3g1pe/1s/4oUWXmJ3PQ==","repository":{"url":"git+https://github.com/kingofmit/allem-ui.git","type":"git","directory":"packages/native"},"_npmVersion":"11.12.1","description":"React Native component library for Allem UI — 44 components with NativeWind","directories":{},"sideEffects":false,"_nodeVersion":"26.0.0","dependencies":{"@allem-ui/theme":"0.0.1"},"react-native":"./src/index.ts","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","typescript":"^5.9.0","@types/react":"^19.2.0"},"peerDependencies":{"react":">=18.0.0","nativewind":">=4.0.0","react-native":">=0.73.0"},"peerDependenciesMeta":{"expo-haptics":{"optional":true},"@gorhom/bottom-sheet":{"optional":true},"react-native-reanimated":{"optional":true},"react-native-gesture-handler":{"optional":true},"@react-native-community/slider":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_0.0.2_1779490912960_0.9755310994172548","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@allem-ui/native","version":"0.0.3","keywords":["allem-ui","react-native","nativewind","ui-library","components","expo","mobile","tailwind"],"author":{"url":"https://kingallem.com","name":"Ahmed Allem"},"license":"MIT","_id":"@allem-ui/native@0.0.3","maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"homepage":"https://github.com/kingofmit/allem-ui#readme","bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"dist":{"shasum":"001dc017f9700c1b5a9f7b37dc9fd3172348d1ac","tarball":"https://registry.npmjs.org/@allem-ui/native/-/native-0.0.3.tgz","fileCount":103,"integrity":"sha512-LaF++92TzXr14g/guqBR2NukqfZ+Kt3uKkqApdouqwGKyhXH7vawjkZYU+nu/tqr9Tnnf+XAxdYcaCU5vUKLnw==","signatures":[{"sig":"MEYCIQDPa/G2F1Nyn1wWKBNxevDo2s75/qtfEl1v35jt5cr3fQIhAO9ETv8/Znjdl6TiFF6l4S8qhwegFt87/+4zC24YBqR9","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":652525},"main":"./dist/index.js","_from":"file:allem-ui-native-0.0.3.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","source":"./src/index.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js","react-native":"./src/index.ts"}},"scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit"},"_npmUser":{"name":"kingofmit","email":"allem.ahmed@gmail.com"},"_resolved":"/private/var/folders/4v/rph2hgm54rqf12vzbjxpn5kc0000gn/T/e571c54a7d2e666e56160f316a702345/allem-ui-native-0.0.3.tgz","_integrity":"sha512-LaF++92TzXr14g/guqBR2NukqfZ+Kt3uKkqApdouqwGKyhXH7vawjkZYU+nu/tqr9Tnnf+XAxdYcaCU5vUKLnw==","repository":{"url":"git+https://github.com/kingofmit/allem-ui.git","type":"git","directory":"packages/native"},"_npmVersion":"11.12.1","description":"React Native component library for Allem UI — 44 components with NativeWind","directories":{},"sideEffects":false,"_nodeVersion":"26.0.0","dependencies":{"@allem-ui/theme":"0.0.2"},"react-native":"./src/index.ts","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","typescript":"^5.9.0","@types/react":"^19.2.0"},"peerDependencies":{"react":">=18.0.0","nativewind":">=4.0.0","react-native":">=0.73.0"},"peerDependenciesMeta":{"expo-haptics":{"optional":true},"@gorhom/bottom-sheet":{"optional":true},"react-native-reanimated":{"optional":true},"react-native-gesture-handler":{"optional":true},"@react-native-community/slider":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/native_0.0.3_1779493503775_0.9415963925576902","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@allem-ui/native","version":"0.0.4","description":"React Native component library for Allem UI — 44 components with NativeWind","license":"MIT","author":{"name":"Ahmed Allem","url":"https://kingallem.com"},"source":"./src/index.ts","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","react-native":"./src/index.ts","exports":{".":{"react-native":"./src/index.ts","types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"sideEffects":false,"dependencies":{"@allem-ui/theme":"0.0.3"},"devDependencies":{"@types/react":"^19.2.0","tsup":"^8.5.0","typescript":"^5.9.0"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.73.0","nativewind":">=4.0.0"},"peerDependenciesMeta":{"@gorhom/bottom-sheet":{"optional":true},"expo-haptics":{"optional":true},"react-native-gesture-handler":{"optional":true},"react-native-reanimated":{"optional":true},"@react-native-community/slider":{"optional":true}},"keywords":["allem-ui","react-native","nativewind","ui-library","components","expo","mobile","tailwind"],"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/kingofmit/allem-ui.git","directory":"packages/native"},"scripts":{"build":"tsup","dev":"tsup --watch","clean":"rm -rf dist","typecheck":"tsc --noEmit"},"_id":"@allem-ui/native@0.0.4","bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"homepage":"https://github.com/kingofmit/allem-ui#readme","_integrity":"sha512-ybM4vo78g7tjjRa0EMclSXNXDY+GgWQedGeZIYb7YTU5S6zssS5zpRwP354dR/rtwZRSBk7zFlBVuT3YFfFBkA==","_resolved":"/private/var/folders/4v/rph2hgm54rqf12vzbjxpn5kc0000gn/T/701df764d4c8d8ce6b52b341ff3d1b18/allem-ui-native-0.0.4.tgz","_from":"file:allem-ui-native-0.0.4.tgz","_nodeVersion":"26.0.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-ybM4vo78g7tjjRa0EMclSXNXDY+GgWQedGeZIYb7YTU5S6zssS5zpRwP354dR/rtwZRSBk7zFlBVuT3YFfFBkA==","shasum":"aef6117cf2f7987080d43d3d69a6d306c819bc8e","tarball":"https://registry.npmjs.org/@allem-ui/native/-/native-0.0.4.tgz","fileCount":103,"unpackedSize":652525,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDbk/VOED/cyL/vqN5I6ntMU+lQ314plxWmnuJiMxZNsQIhAMl1x2QQ2fY+FpDvebn8c8vwKv93jJPOU9j5qwgG0GZj"}]},"_npmUser":{"name":"kingofmit","email":"allem.ahmed@gmail.com"},"directories":{},"maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/native_0.0.4_1779581029016_0.19136298772164673"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-22T23:01:52.831Z","modified":"2026-05-24T00:03:49.311Z","0.0.2":"2026-05-22T23:01:53.104Z","0.0.3":"2026-05-22T23:45:03.939Z","0.0.4":"2026-05-24T00:03:49.186Z"},"bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"author":{"name":"Ahmed Allem","url":"https://kingallem.com"},"license":"MIT","homepage":"https://github.com/kingofmit/allem-ui#readme","keywords":["allem-ui","react-native","nativewind","ui-library","components","expo","mobile","tailwind"],"repository":{"type":"git","url":"git+https://github.com/kingofmit/allem-ui.git","directory":"packages/native"},"description":"React Native component library for Allem UI — 44 components with NativeWind","maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"readme":"

\n \"Allem\n

\n\n

\n \"npm\n \"License\"\n \"React\n \"Expo\n \"NativeWind\n \"TypeScript\"\n

\n\n# @allem-ui/native\n\n44 production-ready React Native components with stunning defaults, dark mode, and zero configuration.\n\n## Installation\n\n```bash\nnpm install @allem-ui/native\n```\n\n### Peer Dependencies\n\n```bash\nnpm install react react-native nativewind\n```\n\n### Optional (for mobile-only components)\n\n```bash\nnpm install @gorhom/bottom-sheet react-native-reanimated react-native-gesture-handler expo-haptics\n```\n\n## Quick Start\n\n```tsx\nimport { Button, Input, Badge, Avatar, Toast } from \"@allem-ui/native\";\n\nexport function App() {\n return (\n \n \n \n Active\n \n \n );\n}\n```\n\n## Components\n\n### Foundation (8)\n\n`Box` `Text` `Heading` `Divider` `Badge` `Spinner` `Skeleton` `Avatar`\n\n### Forms (8)\n\n`Button` `Input` `Textarea` `Checkbox` `Switch` `Radio` `Slider` `Select`\n\n### Layout & Data (8)\n\n`Flex` `Grid` `Container` `Code` `Link` `Card` `Table` `Breadcrumbs`\n\n### Overlay & Navigation (10)\n\n`Modal` `Drawer` `Accordion` `Tabs` `Tooltip` `Popover` `Dropdown` `ContextMenu` `Toast` `Pagination`\n\n### Mobile Only (10)\n\n`BottomSheet` `ActionSheet` `SwipeableRow` `PullToRefresh` `FAB` `OTPInput` `SearchBar` `SegmentedControl` `StatusBarManager` `useHaptic`\n\n## Features\n\n- **Beautiful defaults** — Looks great out of the box with no styling required\n- **Dark mode** — First-class dark mode support on every component\n- **Same API as web** — `variant`, `size`, `color`, `className` props\n- **Inline styles** — No NativeWind dependency for visual rendering\n- **NativeWind compatible** — Accepts `className` for layout overrides\n- **Accessible** — Full React Native accessibility props\n- **TypeScript strict** — Complete type safety and autocomplete\n- **Tree-shakeable** — Import only what you use\n\n## Props API\n\nAll components follow a consistent prop pattern:\n\n| Prop | Values | Description |\n|------|--------|-------------|\n| `variant` | `solid`, `outline`, `ghost`, `subtle`, `link` | Visual style |\n| `size` | `sm`, `md`, `lg` | Component size |\n| `color` | `primary`, `neutral`, `danger`, `success`, `warning` | Color scheme |\n| `className` | string | NativeWind class overrides |\n\n## Part of Allem UI\n\nThis is the React Native package for the [Allem UI](https://github.com/kingofmit/allem-ui) monorepo. For web components, see [`@allem-ui/react`](https://www.npmjs.com/package/@allem-ui/react).\n\n## Support\n\nIf you find Allem UI useful, consider supporting its development:\n\n\"Buy\n\n## License\n\n[MIT](https://github.com/kingofmit/allem-ui/blob/main/LICENSE) - [Ahmed Allem](https://kingallem.com)\n","readmeFilename":"README.md"}