open-index/open-npm huggingface dataset:
npm package: @sapo-ui/core
Description: Conjunto de todos os componentes
Author: Joao
Latest version: 0.5.1

<p align="center">
  <img src="https://housi-images.s3.amazonaws.com/retriever/logo.png" alt="Retriever logo" width="500" />
</p>

[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
[![styled with emotion](https://img.shields.io/badge/styled_with-emotion-ff69b4.svg)](https://github.com/emotion-js/emotion)
[![NPM](https://img.shields.io/npm/v/@sapo-ui/react?color=%23eee111&label=version)](https://www.npmjs.com/package/@sapo-ui/react)

This monorepo contains my registry packages using

- Lerna
- Emotion
- Framer-Motion
- Jest
- Next.js
- Typescript

## Install

```bash
yarn add @sapo-ui/react
```

## Usage

```tsx
// app.tsx
import React from 'react'
import { ThemeProvider } from '@sapo-ui/react'

const App = () => {
  return <ThemeProvider>// your code</ThemeProvider>
}

export default App
```

## setting our theme in your project

```tsx
// styles/styled.d.ts
import '@emotion/react'
import { IthemeCustom } from '@sapo-ui/react'

declare module 'styled-components' {
  export interface DefaultTheme extends IthemeCustom {}
}
```

## Local Storybook

This will open a storybook dev server on `http://localhost:6006`

```bash
$ yarn storybook # this will open storybook
```

## Run Doc

This will open a storybook dev server on `http://localhost:4002`

```bash
$ yarn web:dev # this will open site powered by next.js
```

## Build

This will output the modules to the `lib` folder

```bash
$ yarn build
```