@wecareu/icons 1.0.1 → 1.0.3

package/README.md

@@ -0,0 +1,104 @@
+# @wecareu/icons
+
+Sistema de ícones SVG para WeCareU Design System.
+
+## Instalação
+
+```bash
+npm install @wecareu/icons react-native-svg
+```
+
+## Uso
+
+```tsx
+import { Icon } from '@wecareu/icons';
+
+// Uso básico
+<Icon name="home" />
+
+// Com tamanho e cor personalizados
+<Icon name="heart" size={24} color="#ff0000" />
+
+// Com outras props do SVG
+<Icon name="search" width={32} height={32} fill="currentColor" />
+```
+
+## Ícones Disponíveis
+
+O pacote inclui 69 ícones SVG otimizados para React Native:
+
+- `arrowDown`, `arrowLeft`, `arrowRight`, `arrowSpin`, `arrowUp`
+- `avatar`, `avatarFill`
+- `bank`, `bookProfile`, `bot`, `busStop`
+- `calendar`, `camera`, `car`, `card`, `chatClose`
+- `chevronDown`, `chevronLeft`, `chevronRight`, `chevronUp`
+- `close`, `config`, `correct`, `crown`
+- `denounce`, `diamond`, `distance`, `dryer`
+- `edit`, `eyeOff`, `eyeOn`
+- `filter`, `fingerPrint`, `fingernail`
+- `heart`, `heartFilled`, `home`
+- `image`, `imageGallery`, `information`
+- `list`, `listAlt`, `location`, `lock`, `mail`
+- `maskSad`, `menu`, `money`, `money1`, `moneyCard`
+- `notificationOff`, `notificationOn`
+- `paperPlane`, `pix`, `plus`
+- `search`, `share`, `star`, `starFilled`, `stars`
+- `supportCenter`, `tag`, `time`, `trash`, `upload`
+- `user`, `userBlock`, `userFilled`, `walk`
+
+## Props
+
+| Prop | Tipo | Padrão | Descrição |
+|------|------|--------|-----------|
+| `name` | `IconName` | - | Nome do ícone (obrigatório) |
+| `size` | `number` | - | Tamanho do ícone (aplica width e height) |
+| `color` | `string` | - | Cor do ícone (aplica fill) |
+| `...rest` | `SvgProps` | - | Outras props do componente SVG |
+
+## Desenvolvimento
+
+### Gerar Ícones
+
+Para gerar os componentes TSX a partir dos arquivos SVG:
+
+```bash
+npm run icons:gen
+```
+
+### Build
+
+Para fazer build do pacote:
+
+```bash
+npm run build
+```
+
+### Estrutura
+
+```
+src/
+├── assets/           # Arquivos SVG originais
+├── generated/        # Componentes TSX auto-gerados
+├── icons-map.ts      # Mapa de ícones e tipos
+├── Icon.tsx          # Componente principal
+└── index.tsx         # Exports públicos
+```
+
+## Características
+
+- ✅ **Build automático**: SVGs são convertidos em componentes TSX usando @svgr/core
+- ✅ **TypeScript**: Tipagem completa com `IconName` e `SvgProps`
+- ✅ **Tree-shaking**: Suporte completo para tree-shaking
+- ✅ **React Native**: Otimizado para React Native com react-native-svg
+- ✅ **Sem configuração**: Não requer react-native-svg-transformer
+- ✅ **Acessibilidade**: Suporte nativo a props de acessibilidade do SVG
+
+## Dependências
+
+- `react` (peer dependency)
+- `react-native` (peer dependency)  
+- `react-native-svg` (peer dependency)
+
+## Licença
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import { SvgProps } from 'react-native-svg';
+
+type IconName = 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowSpin' | 'arrowUp' | 'avatarFill' | 'avatar' | 'bank' | 'bookProfile' | 'bot' | 'busStop' | 'calendar' | 'camera' | 'car' | 'card' | 'chatClose' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'close' | 'config' | 'correct' | 'crown' | 'denounce' | 'diamond' | 'distance' | 'dryer' | 'edit' | 'eyeOff' | 'eyeOn' | 'filter' | 'fingerPrint' | 'fingernail' | 'heartFilled' | 'heart' | 'home' | 'imageGallery' | 'image' | 'information' | 'listAlt' | 'list' | 'location' | 'lock' | 'mail' | 'maskSad' | 'menu' | 'money1' | 'moneyCard' | 'money' | 'notificationOff' | 'notificationOn' | 'paperPlane' | 'pix' | 'plus' | 'search' | 'share' | 'starFilled' | 'star' | 'stars' | 'supportCenter' | 'tag' | 'time' | 'trash' | 'upload' | 'userBlock' | 'userFilled' | 'user' | 'walk';
+declare const ICONS: Record<IconName, FC<SvgProps>>;
+
+type Props = SvgProps & {
+    name: IconName;
+    size?: number;
+    color?: string;
+};
+declare const Icon: React.FC<Props>;
+
+declare const ICON_NAMES: IconName[];
+
+export { ICONS, ICONS as ICONS_MAP, ICON_NAMES, Icon, type IconName };

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import { SvgProps } from 'react-native-svg';
+
+type IconName = 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowSpin' | 'arrowUp' | 'avatarFill' | 'avatar' | 'bank' | 'bookProfile' | 'bot' | 'busStop' | 'calendar' | 'camera' | 'car' | 'card' | 'chatClose' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'close' | 'config' | 'correct' | 'crown' | 'denounce' | 'diamond' | 'distance' | 'dryer' | 'edit' | 'eyeOff' | 'eyeOn' | 'filter' | 'fingerPrint' | 'fingernail' | 'heartFilled' | 'heart' | 'home' | 'imageGallery' | 'image' | 'information' | 'listAlt' | 'list' | 'location' | 'lock' | 'mail' | 'maskSad' | 'menu' | 'money1' | 'moneyCard' | 'money' | 'notificationOff' | 'notificationOn' | 'paperPlane' | 'pix' | 'plus' | 'search' | 'share' | 'starFilled' | 'star' | 'stars' | 'supportCenter' | 'tag' | 'time' | 'trash' | 'upload' | 'userBlock' | 'userFilled' | 'user' | 'walk';
+declare const ICONS: Record<IconName, FC<SvgProps>>;
+
+type Props = SvgProps & {
+    name: IconName;
+    size?: number;
+    color?: string;
+};
+declare const Icon: React.FC<Props>;
+
+declare const ICON_NAMES: IconName[];
+
+export { ICONS, ICONS as ICONS_MAP, ICON_NAMES, Icon, type IconName };