{"_id":"@bpsmartdesign/nativesmart-ui","name":"@bpsmartdesign/nativesmart-ui","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@bpsmartdesign/nativesmart-ui","version":"1.0.0","description":"A React Native UI component library","main":"dist/index.js","types":"dist/index.d.ts","keywords":["react-native","ui-library","components","nativesmart-ui"],"author":{"name":"BIYA Paul","url":"bpsmartdesign"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/bpsmartdesign/nativesmart-ui.git"},"scripts":{"build":"tsc","test":"jest"},"devDependencies":{"@types/node":"^22.5.3","@types/react":"^18.3.5","@types/react-native":"^0.73.0","typescript":"^5.5.4"},"peerDependencies":{"react":">=17.0.0","react-native":">=0.64.0"},"dependencies":{"nativewind":"^2.0.11","react-native-safe-area-context":"^4.10.9","react-native-svg":"^15.6.0","react-native-svg-transformer":"^1.5.0"},"gitHead":"fc361223892a5a3a5efa6c88ce4472fc2e37b453","bugs":{"url":"https://github.com/bpsmartdesign/nativesmart-ui/issues"},"homepage":"https://github.com/bpsmartdesign/nativesmart-ui#readme","_id":"@bpsmartdesign/nativesmart-ui@1.0.0","_nodeVersion":"18.19.1","_npmVersion":"9.2.0","dist":{"integrity":"sha512-JyUjxu/FRC1lIsvZ9oJo2mptERhTaMN/2eNvvDfDSRkvEUP5pQ44qZSg1sCwzQuJcu/lcECoJY1R0pEEnmyH8A==","shasum":"59a0b75a09ed496aedf0f3c444d2a1545a39552a","tarball":"https://registry.npmjs.org/@bpsmartdesign/nativesmart-ui/-/nativesmart-ui-1.0.0.tgz","fileCount":16,"unpackedSize":12443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDiO/ZMBGIUfhsl77Bipe/F0Vme05t1P/hb7MxLrlOPMAiEAoGR4evzgmsL62X3It7pECEF9v/vZWbH3rKPVs8HGMus="}]},"_npmUser":{"name":"bpsmartdesign","email":"bpsmartdesign@hotmail.com"},"directories":{},"maintainers":[{"name":"bpsmartdesign","email":"bpsmartdesign@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nativesmart-ui_1.0.0_1727071817983_0.10004261950242288"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-23T06:10:17.872Z","1.0.0":"2024-09-23T06:10:18.176Z","modified":"2024-09-23T06:10:18.465Z"},"maintainers":[{"name":"bpsmartdesign","email":"bpsmartdesign@hotmail.com"}],"description":"A React Native UI component library","homepage":"https://github.com/bpsmartdesign/nativesmart-ui#readme","keywords":["react-native","ui-library","components","nativesmart-ui"],"repository":{"type":"git","url":"git+https://github.com/bpsmartdesign/nativesmart-ui.git"},"author":{"name":"BIYA Paul","url":"bpsmartdesign"},"bugs":{"url":"https://github.com/bpsmartdesign/nativesmart-ui/issues"},"license":"MIT","readme":"\n# NativeSmart-UI\n\n**NativeSmart-UI** is a React Native UI library that provides pre-built, customizable, and reusable components to help you build beautiful, consistent, and accessible mobile applications efficiently.\n\n## Features\n\n- 🛠 **Pre-built Components**: A set of high-quality components like buttons, inputs, modals, etc.\n- 🎨 **Customizable**: Easily override styles and create custom themes.\n- 📱 **Responsive**: Optimized for both Android and iOS.\n- ⚡ **Performance**: Designed with performance and scalability in mind.\n- 🚀 **Easy to use**: Simple APIs for rapid development.\n\n## Installation\n\nTo use **NativeSmart-UI** in your React Native project, simply install it using **npm** or **yarn**:\n\n```bash\nnpm install @bpsmartdesign/nativesmart-ui\n```\n\nor\n\n```bash\nyarn add @bpsmartdesign/nativesmart-ui\n```\n\nMake sure you have the necessary peer dependencies installed, such as React Native and React:\n\n```bash\nnpm install react-native react\n```\n\n## Usage\n\nHere’s a quick example of how you can use the **NativeSmart-UI** components in your app:\n\n```jsx\nimport React from 'react';\nimport { View } from 'react-native';\nimport { Button, Input } from '@bpsmartdesign/nativesmart-ui';\n\nconst MyApp = () => {\n  return (\n    <View style={{ padding: 20 }}>\n      <Input placeholder=\"Enter your name\" />\n      <Button title=\"Submit\" onPress={() => alert('Submitted!')} />\n    </View>\n  );\n};\n\nexport default MyApp;\n```\n\n### Available Components\n\n| Component  | Description                  |\n|------------|------------------------------|\n| **Button** | Customizable button component |\n| **Input**  | Text input component          |\n| **Modal**  | Pre-styled modal component    |\n| **Card**   | Card component                |\n| **...**    | More components coming soon   |\n\n## Theming and Customization\n\nYou can easily customize the components or create your own theme. Here's an example:\n\n```jsx\nimport React from 'react';\nimport { ThemeProvider } from '@bpsmartdesign/nativesmart-ui';\nimport { Button } from '@bpsmartdesign/nativesmart-ui';\n\nconst customTheme = {\n  colors: {\n    primary: '#ff6347',\n    secondary: '#4caf50',\n  },\n  button: {\n    borderRadius: 10,\n  },\n};\n\nconst MyApp = () => {\n  return (\n    <ThemeProvider theme={customTheme}>\n      <Button title=\"Custom Button\" />\n    </ThemeProvider>\n  );\n};\n\nexport default MyApp;\n```\n\n## Contributing\n\nWe welcome contributions! Feel free to submit issues, feature requests, and pull requests. Check out our contribution guidelines for more information.\n\n1. Fork the repository\n2. Create a new branch\n3. Make your changes\n4. Submit a pull request\n\n## License\n\nThis project is licensed under the MIT License.","readmeFilename":"README.md"}