{"_id":"@eliasasimov/kit-mobile-poc","name":"@eliasasimov/kit-mobile-poc","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@eliasasimov/kit-mobile-poc","version":"0.1.0","description":"Kit Mobile POC","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc -p tsconfig.build.json","prepare":"npm run build","start":"expo start","android":"expo start --android","ios":"expo start --ios","web":"expo start --web","test":"jest --watchAll","lint":"expo lint"},"jest":{"preset":"jest-expo"},"dependencies":{"@expo/vector-icons":"^14.0.2","@react-navigation/bottom-tabs":"^7.2.0","@react-navigation/native":"^7.0.14","expo":"~52.0.40","expo-blur":"~14.0.3","expo-constants":"~17.0.8","expo-font":"~13.0.4","expo-haptics":"~14.0.1","expo-linking":"~7.0.5","expo-router":"~4.0.19","expo-splash-screen":"~0.29.22","expo-status-bar":"~2.0.1","expo-symbols":"~0.2.2","expo-system-ui":"~4.0.8","expo-web-browser":"~14.0.2","react":"18.3.1","react-dom":"18.3.1","react-native":"0.76.7","react-native-gesture-handler":"~2.20.2","react-native-reanimated":"~3.16.1","react-native-safe-area-context":"4.12.0","react-native-screens":"~4.4.0","react-native-web":"~0.19.13","react-native-webview":"13.12.5"},"devDependencies":{"@babel/core":"^7.25.2","@types/jest":"^29.5.12","@types/react":"~18.3.12","@types/react-test-renderer":"^18.3.0","jest":"^29.2.1","jest-expo":"~52.0.6","react-test-renderer":"18.3.1","typescript":"^5.3.3"},"private":false,"_id":"@eliasasimov/kit-mobile-poc@0.1.0","gitHead":"c60192e2dfdf966704abb906dd09a30335a22b98","_nodeVersion":"18.20.7","_npmVersion":"10.8.2","dist":{"integrity":"sha512-Z7jxuATz0PC5NEvpkO7cS7Ih1N0WaWtZvHc46nMnCuITNFZacJLep2Y+1/K6cQeE7bsAUw0TT03PdTIMbqKcFw==","shasum":"56edb2f7b14a251ca549c2e6d40c750694aa3bca","tarball":"https://registry.npmjs.org/@eliasasimov/kit-mobile-poc/-/kit-mobile-poc-0.1.0.tgz","fileCount":9,"unpackedSize":9701,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBZZ8tyKE07h6QUymSnQFrzyLQHsjPfjdB2oml3nhaI4AiEAuk3SlURifygTYfMEMZJOLMEQqtxvJ1frhLBa1TmK23w="}]},"_npmUser":{"name":"eliasasimov","email":"elias@asimov.cl"},"directories":{},"maintainers":[{"name":"eliasasimov","email":"elias@asimov.cl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/kit-mobile-poc_0.1.0_1745443477484_0.876437331651396"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-23T21:24:37.416Z","0.1.0":"2025-04-23T21:24:37.709Z","modified":"2025-04-23T21:24:37.943Z"},"maintainers":[{"name":"eliasasimov","email":"elias@asimov.cl"}],"description":"Kit Mobile POC","readme":"# Simple React Native UI Kit\n\nA simple UI component library for React Native applications.\n\n## Installation\n\n```bash\nnpm install simple-react-native-ui-kit\n```\n\nor\n\n```bash\nyarn add simple-react-native-ui-kit\n```\n\n## Components\n\n### Button\n\nA customizable button component with different variants and sizes.\n\n#### Usage\n\n```jsx\nimport { Button, useTheme } from 'simple-react-native-ui-kit';\n\nconst MyComponent = () => {\n  return (\n    <Button \n      label=\"Click Me\" \n      onPress={() => console.log('Button pressed')} \n      variant=\"primary\" \n      size=\"medium\" \n    />\n  );\n};\n```\n\n#### Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| label | string | - | Text to display in the button |\n| onPress | function | - | Function to call when button is pressed |\n| variant | 'primary' \\| 'secondary' \\| 'outline' \\| 'ghost' | 'primary' | Visual style of the button |\n| size | 'small' \\| 'medium' \\| 'large' | 'medium' | Size of the button |\n| disabled | boolean | false | Whether the button is disabled |\n| style | ViewStyle | - | Additional styles for the button container |\n| textStyle | TextStyle | - | Additional styles for the button text |\n\n## Theming\n\nThe package includes a `useTheme` hook that provides access to the theme colors.\n\n```jsx\nimport { useTheme } from 'simple-react-native-ui-kit';\n\nconst MyComponent = () => {\n  const theme = useTheme();\n  \n  return (\n    <View style={{ backgroundColor: theme.colors.background }}>\n      <Text style={{ color: theme.colors.text }}>\n        This text uses theme colors\n      </Text>\n    </View>\n  );\n};\n```\n\n## License\n\nMIT\n\n# Mantenedores / Soporte\n\n- Allison Peña <allison@asimov.cl>\n- Elías Leyton <elias@asimov.cl>\n\n\n**Asimov 2025**","readmeFilename":"README.md","_rev":"1-cc49158d4b04e9c169eb80f39688c1db"}