open-index/open-npm huggingface dataset:
npm package: @patricklai_intelcom/shared-ui-poc
Description: Shared UI components for Zendra shell and React MFEs
Latest version: 0.1.0

# @patricklai_intelcom/shared-ui-poc

Shared React UI primitives for Zendra shell and React micro frontends.

## What this package provides

- Shadcn-style reusable primitives (`Button`, `Input`, `Card`, `Badge`)
- Design-token mapping to existing `--z-*` CSS variables
- ESM + CJS outputs with TypeScript declaration files

## Local development

```bash
npm install
npm run build
```

## Consume from another project

### Local file dependency (PoC)

```bash
npm install ../zendra-shared-ui-poc
```

### Registry dependency (published)

```bash
npm install @patricklai_intelcom/shared-ui-poc
```

Then import in your app entry:

```tsx
import '@patricklai_intelcom/shared-ui-poc/styles.css'
```

And use components:

```tsx
import { Button, Input, Card, Badge } from '@patricklai_intelcom/shared-ui-poc'
```

## Release checklist

1. Update `version` in `package.json`.
2. Build and verify:
	- `npm ci`
	- `npm run build`
3. Publish:
	- `npm publish --access public`

## Notes

- Update `repository.url` in `package.json` to your real Git repository.
- Keep `--z-*` variables as token source of truth in consuming apps.
npm package: @patricklouback/design-system
Description: Este é um design system moderno construído com React, TypeScript, Tailwind CSS e Storybook.
Latest version: 0.0.4

# Design System

Este é um design system moderno construído com React, TypeScript, Tailwind CSS e Storybook.

## Instalação

```bash
npm install @your-org/design-system
```

## Uso

```tsx
import { Button } from "@your-org/design-system";

function App() {
  return <Button variant="primary">Click me</Button>;
}
```

## Componentes Disponíveis

- Button
  - Variantes: default, destructive, outline, secondary, ghost, link
  - Tamanhos: default, sm, lg, icon

## Desenvolvimento

1. Clone o repositório
2. Instale as dependências:
   ```bash
   npm install
   ```
3. Inicie o Storybook:
   ```bash
   npm run storybook
   ```
4. Para construir o pacote:
   ```bash
   npm run build
   ```

## Tecnologias Utilizadas

- React
- TypeScript
- Tailwind CSS
- Storybook
- Vite
- tsup (para build do pacote)

## Estrutura do Projeto

```
src/
  components/     # Componentes do design system
  index.ts       # Ponto de entrada do pacote
  index.css      # Estilos globais e variáveis CSS
```

## Contribuindo

1. Faça um fork do projeto
2. Crie uma branch para sua feature (`git checkout -b feature/amazing-feature`)
3. Commit suas mudanças (`git commit -m 'Add some amazing feature'`)
4. Push para a branch (`git push origin feature/amazing-feature`)
5. Abra um Pull Request