{"_id":"@codervigi/rn-shad-ui","name":"@codervigi/rn-shad-ui","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@codervigi/rn-shad-ui","version":"0.1.0","description":"Beautiful React Native components with premium icons, smooth animations, and minimal setup","main":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.mjs"}},"scripts":{"build":"tsup","dev":"tsup --watch","check-types":"tsc --noEmit","lint":"eslint src/","prepublishOnly":"npm run build"},"keywords":["react-native","components","ui","design-system","shadcn","lucide","reanimated","rn-shad"],"author":{"name":"Vignesh Pamu"},"license":"MIT","peerDependencies":{"react":"^18.2.0 || ^19.0.0","react-native":">=0.70.0","react-native-svg":">=14.0.0"},"peerDependenciesMeta":{"nativewind":{"optional":true}},"dependencies":{"@codervigi/rn-shad-primitives":"^0.1.0","@codervigi/rn-shad-hooks":"^0.1.0","@codervigi/rn-shad-icons":"^0.1.0","@codervigi/rn-shad-themes":"^0.1.0","lucide-react-native":"^0.344.0","react-native-reanimated":"^3.6.0","react-native-gesture-handler":"^2.14.0","react-native-safe-area-context":"^4.8.0","clsx":"^2.1.0","tailwind-merge":"^2.2.0"},"devDependencies":{"@repo/eslint-config":"*","@repo/typescript-config":"*","@types/react":"^18.2.0","react":"^18.2.0","react-native":"^0.73.0","react-native-svg":"^14.1.0","nativewind":"^4.0.1","tsup":"^8.0.1","typescript":"^5.9.2"},"publishConfig":{"access":"public"},"_id":"@codervigi/rn-shad-ui@0.1.0","gitHead":"f54e9c4e650bc79ed439de881573445b1771bedc","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-Mc4p1Iv3dich6GEcX6KxKco8q/Wx+E9Ig0NsXUT4CblunyyLRgkVW6oxTaUSg2qJnbXvTiJfUYs6o8AboIohWA==","shasum":"eae464ebc1c9bb6d4b65e3d02a272914eab05ec5","tarball":"https://registry.npmjs.org/@codervigi/rn-shad-ui/-/rn-shad-ui-0.1.0.tgz","fileCount":6,"unpackedSize":13280,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDI/k0xrNoBf/+/qrB2CWzQYMm2dIzmhfdnhnPpM1UqRQIhAP7EROShSWGPgoWeMhCA4iDlMBL6X3MQ5p0x+zkazI/A"}]},"_npmUser":{"name":"codervigi","email":"vigneshpamu2002@gmail.com"},"directories":{},"maintainers":[{"name":"codervigi","email":"vigneshpamu2002@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rn-shad-ui_0.1.0_1764006185057_0.11612083490653324"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-24T17:43:05.011Z","0.1.0":"2025-11-24T17:43:05.328Z","modified":"2025-11-24T17:43:05.933Z"},"maintainers":[{"name":"codervigi","email":"vigneshpamu2002@gmail.com"}],"description":"Beautiful React Native components with premium icons, smooth animations, and minimal setup","keywords":["react-native","components","ui","design-system","shadcn","lucide","reanimated","rn-shad"],"author":{"name":"Vignesh Pamu"},"license":"MIT","readme":"# @rn-shad/ui\n\nBeautiful React Native components with premium icons, smooth animations, and minimal setup.\n\n## Installation\n\n```bash\nnpm install @rn-shad/ui react-native-svg react-native-reanimated react-native-gesture-handler\n```\n\n## Usage\n\n```tsx\nimport { Button } from '@rn-shad/ui';\nimport { Heart } from '@rn-shad/ui';\n\nfunction MyComponent() {\n  return (\n    <Button\n      variant=\"default\"\n      size=\"md\"\n      icon={Heart}\n      onPress={() => console.log('Pressed!')}\n    >\n      Like\n    </Button>\n  );\n}\n```\n\n## Components\n\nThis package includes essential UI building blocks:\n\n- **Button** - Interactive button with multiple variants and icon support\n- **Text** - Typography component with consistent styling\n- Utilities: `cn` (className utility), color utilities\n\n## Utilities\n\n### cn\n\nUtility function for conditional className merging:\n\n```tsx\nimport { cn } from '@rn-shad/ui';\n\nconst classes = cn(\n  'base-class',\n  isActive && 'active-class',\n  isDisabled && 'disabled-class'\n);\n```\n\n### Color Utilities\n\n```tsx\nimport { colors, hexToRgb, addOpacity } from '@rn-shad/ui';\n\n// Convert hex to RGB\nconst rgb = hexToRgb('#ff0000'); // { r: 255, g: 0, b: 0 }\n\n// Add opacity to hex color\nconst withOpacity = addOpacity('#ff0000', 0.5); // 'rgba(255, 0, 0, 0.5)'\n```\n\n## Note\n\nFor the full component library, we recommend using the **rn-shad CLI**:\n\n```bash\nnpx rn-shad-cli init\nnpx rn-shad-cli add button input card\n```\n\nThe CLI copies components directly to your project, giving you full control to customize them.\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-a9bd9446eaa7b2e642d50a0392c124c4"}