@cupcodev/ui 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -10
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
## @
|
|
1
|
+
## @cupcodev/ui
|
|
2
2
|
|
|
3
3
|
Design system Cupcode pronto para uso (componentes React + estilos + presets Tailwind).
|
|
4
4
|
|
|
5
5
|
### Instalação
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install @
|
|
8
|
+
npm install @cupcodev/ui
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
Além do pacote, instale as peer dependencies listadas em `peerDependencies` (React 18, Tailwind 3, Radix UI, etc.). Um comando típico:
|
|
@@ -29,10 +29,10 @@ Use o preset disponibilizado pelo pacote:
|
|
|
29
29
|
```js
|
|
30
30
|
// tailwind.config.js
|
|
31
31
|
module.exports = {
|
|
32
|
-
presets: [require("@
|
|
32
|
+
presets: [require("@cupcodev/ui/tailwind-preset.cjs")],
|
|
33
33
|
content: [
|
|
34
34
|
"./src/**/*.{ts,tsx}", // ajuste para o seu projeto
|
|
35
|
-
"./node_modules/@
|
|
35
|
+
"./node_modules/@cupcodev/ui/dist/**/*.{js,jsx}", // necessário para as classes dos componentes
|
|
36
36
|
],
|
|
37
37
|
};
|
|
38
38
|
```
|
|
@@ -40,26 +40,26 @@ module.exports = {
|
|
|
40
40
|
E importe os estilos globais (tokens + reset):
|
|
41
41
|
|
|
42
42
|
```ts
|
|
43
|
-
import "@
|
|
43
|
+
import "@cupcodev/ui/styles/global.css";
|
|
44
44
|
```
|
|
45
45
|
|
|
46
46
|
### Uso básico
|
|
47
47
|
|
|
48
48
|
```tsx
|
|
49
|
-
import { Button } from "@
|
|
49
|
+
import { Button } from "@cupcodev/ui";
|
|
50
50
|
|
|
51
51
|
export default function Example() {
|
|
52
52
|
return <Button variant="default">Oi Cupcode</Button>;
|
|
53
53
|
}
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
-
Todos os componentes Cupcode e shadcn/ui base são reexportados de `@
|
|
56
|
+
Todos os componentes Cupcode e shadcn/ui base são reexportados de `@cupcodev/ui`. Exemplo:
|
|
57
57
|
|
|
58
58
|
```ts
|
|
59
|
-
import { NavbarCupcode, ThemeToggle, Card } from "@
|
|
59
|
+
import { NavbarCupcode, ThemeToggle, Card } from "@cupcodev/ui";
|
|
60
60
|
```
|
|
61
61
|
|
|
62
|
-
Para importações segmentadas, há submódulos como `@
|
|
62
|
+
Para importações segmentadas, há submódulos como `@cupcodev/ui/charts`, que expõe apenas os componentes de gráficos/carrossel.
|
|
63
63
|
|
|
64
64
|
### Tema / Dark mode
|
|
65
65
|
|
|
@@ -96,4 +96,4 @@ Consulte `peerDependencies` para a lista completa ao instalar.
|
|
|
96
96
|
|
|
97
97
|
### Tipos e superfícies
|
|
98
98
|
|
|
99
|
-
Os componentes são exportados via `export { Component }` (ex.: `export { default as DockWrapper }`). Importe sempre de `@
|
|
99
|
+
Os componentes são exportados via `export { Component }` (ex.: `export { default as DockWrapper }`). Importe sempre de `@cupcodev/ui` para garantir que os tipos e estilos correspondentes estejam alinhados.
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cupcodev/ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.1",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
|
+
"license": "UNLICENSED",
|
|
9
10
|
"exports": {
|
|
10
11
|
".": {
|
|
11
12
|
"import": "./dist/index.js",
|