open-index/open-npm huggingface dataset:
npm package: @internhub/ui-kit
Description: Premium UI Kit for InternHub Mobile App
Author: Nguyen Thanh Nhan
Latest version: 1.1.6

# InternHub Mobile UI Kit

React Native UI component library and design tokens for the InternHub mobile app. Use system default fonts; no custom font bundling required.

## Installation

```bash
npm install internhub-v2-mobile-ui-kit
```

Peer dependencies: `react`, `react-native`. Optional: `react-native-linear-gradient`, `react-native-svg` for gradient and icon components.

## Usage

```ts
import { Colors, Spacing, Button, Input, Card, Header } from 'internhub-v2-mobile-ui-kit';
```

### Design tokens

- **Colors** – primary, background, text, borders, status (success, error, warning, info)
- **Spacing** – xs, sm, md, lg, xl, xxl
- **BorderRadius** – sm, md, lg, xl, xxl, full
- **FontSize** – xs, sm, md, lg, xl, xxl, xxxl
- **FontWeight** – regular, medium, semibold, bold
- **Shadow** – card, modal presets

### Components

| Category | Components |
|----------|------------|
| Inputs & forms | Button, Input, Select, AdvancedSelect, Checkbox, Switch, OTPInput, PasswordChecker, DatePicker, TimePicker |
| Feedback | Alert, Badge, Toast, Loading, EmptyState, Modal, BottomSheet, Skeleton |
| Layout | Card, Header, Divider, Avatar, Icon, GradientBackground |
| Icons | UploadIcon, TrashIcon, RetryIcon |

### Example

```tsx
import { Button, Colors, Card } from 'internhub-v2-mobile-ui-kit';

<Card style={{ margin: 16 }}>
  <Button title="Submit" onPress={() => {}} variant="primary" />
</Card>
```

## License

MIT