{"_id":"@codervigi/rn-shad-hooks","name":"@codervigi/rn-shad-hooks","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@codervigi/rn-shad-hooks","version":"0.1.0","description":"React hooks for rn-shad components - theme management and haptic feedback","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","hooks","theme","haptic","feedback","rn-shad"],"author":{"name":"Vignesh Pamu"},"license":"MIT","peerDependencies":{"react":"^18.2.0 || ^19.0.0","react-native":">=0.70.0"},"dependencies":{"@codervigi/rn-shad-themes":"^0.1.0","react-native-haptic-feedback":"^2.2.0"},"devDependencies":{"@repo/eslint-config":"*","@repo/typescript-config":"*","@types/react":"^18.2.0","react":"^18.2.0","react-native":"^0.73.0","tsup":"^8.0.1","typescript":"^5.9.2"},"publishConfig":{"access":"public"},"_id":"@codervigi/rn-shad-hooks@0.1.0","gitHead":"f54e9c4e650bc79ed439de881573445b1771bedc","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-Tv9GiOcd8fuUmbt9rgOjIqhGFHsvS5LV2NoBIVQ3Fel/vqFccqthDSYS3F06819nEa7f0c5YAzsqCg40pINVdQ==","shasum":"6bec5b04a26df12333f46def796e5c96c13e6c28","tarball":"https://registry.npmjs.org/@codervigi/rn-shad-hooks/-/rn-shad-hooks-0.1.0.tgz","fileCount":6,"unpackedSize":11906,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCV7D/4/hVPN47d7WF7CMTtCr5kCycUvH+QSL8UcGYh0gIgRpnriZPwm1BCeOrxuW+7XK6isVMbWoEUr5a57YBOxfk="}]},"_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-hooks_0.1.0_1764006168725_0.4117137988189481"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-24T17:42:48.657Z","0.1.0":"2025-11-24T17:42:48.901Z","modified":"2025-11-24T17:42:49.137Z"},"maintainers":[{"name":"codervigi","email":"vigneshpamu2002@gmail.com"}],"description":"React hooks for rn-shad components - theme management and haptic feedback","keywords":["react-native","hooks","theme","haptic","feedback","rn-shad"],"author":{"name":"Vignesh Pamu"},"license":"MIT","readme":"# @rn-shad/hooks\n\nReact hooks for rn-shad components - theme management and haptic feedback.\n\n## Installation\n\n```bash\nnpm install @rn-shad/hooks @rn-shad/themes\n```\n\n## Hooks\n\n### useTheme\n\nAccess and manage theme colors in your components.\n\n```tsx\nimport { ThemeProvider, useTheme } from '@rn-shad/hooks';\nimport { defaultTheme } from '@rn-shad/themes';\n\n// Wrap your app with ThemeProvider\nfunction App() {\n  return (\n    <ThemeProvider theme={defaultTheme}>\n      <YourApp />\n    </ThemeProvider>\n  );\n}\n\n// Use theme in components\nfunction MyComponent() {\n  const { colors } = useTheme();\n\n  return (\n    <View style={{ backgroundColor: colors.background }}>\n      <Text style={{ color: colors.foreground }}>Hello</Text>\n    </View>\n  );\n}\n```\n\n### useHaptic\n\nTrigger haptic feedback on iOS and Android.\n\n```tsx\nimport { useHaptic } from '@rn-shad/hooks';\n\nfunction MyButton() {\n  const haptic = useHaptic();\n\n  const handlePress = () => {\n    haptic.trigger('selection');\n    // Your logic here\n  };\n\n  return <Pressable onPress={handlePress}>...</Pressable>;\n}\n```\n\n**Available feedback types:**\n- `selection` - Light tap (iOS: selection, Android: clock tick)\n- `impactLight` - Light impact\n- `impactMedium` - Medium impact\n- `impactHeavy` - Heavy impact\n- `success` - Success notification\n- `warning` - Warning notification\n- `error` - Error notification\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-0ff898de1aa18d029baa3fcb7b1e5339"}