@iclips/ui 0.0.18 → 1.0.0

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.
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2025 iclipsbr
3
+ Copyright (c) 2025 [Seu Nome]
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025 [Seu Nome]
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,8 +1,8 @@
1
- # 🎨 @iclips/ui - Design System
1
+ # 🎨 Design System
2
2
 
3
3
  > Sistema de design completo e profissional com paleta personalizada (#7F26BF) e 47 componentes shadcn/ui prontos para uso.
4
4
 
5
- [![npm version](https://badge.fury.io/js/%40iclips%2Fui.svg)](https://www.npmjs.com/package/@iclips/ui)
5
+ [![npm version](https://badge.fury.io/js/%40seu-namespace%2Fdesign-system.svg)](https://www.npmjs.com/package/@seu-namespace/design-system)
6
6
  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
7
7
 
8
8
  ---
@@ -10,7 +10,7 @@
10
10
  ## 📦 Instalação
11
11
 
12
12
  ```bash
13
- npm install @iclips/ui
13
+ npm install @seu-namespace/design-system
14
14
  ```
15
15
 
16
16
  **Peer Dependencies** (instale também):
@@ -27,7 +27,7 @@ npm install react react-dom tailwindcss lucide-react
27
27
 
28
28
  ```tsx
29
29
  // main.tsx ou App.tsx
30
- import "@iclips/ui/styles";
30
+ import "@seu-namespace/design-system/styles";
31
31
  ```
32
32
 
33
33
  ### 2. Configurar Tailwind
@@ -37,7 +37,7 @@ import "@iclips/ui/styles";
37
37
  export default {
38
38
  content: [
39
39
  "./src/**/*.{js,ts,jsx,tsx}",
40
- "./node_modules/@iclips/ui/dist/**/*.js",
40
+ "./node_modules/@seu-namespace/design-system/dist/**/*.js",
41
41
  ],
42
42
  theme: {
43
43
  extend: {},
@@ -49,7 +49,7 @@ export default {
49
49
  ### 3. Usar Componentes
50
50
 
51
51
  ```tsx
52
- import { Button, Card, CardHeader, CardTitle, CardContent, Badge } from "@iclips/ui";
52
+ import { Button, Card, CardHeader, CardTitle, CardContent, Badge } from "@seu-namespace/design-system";
53
53
  import { Mail } from "lucide-react";
54
54
 
55
55
  export default function App() {
@@ -181,7 +181,7 @@ O design system usa uma paleta customizada com a cor primária **#7F26BF** (roxo
181
181
  ### Button
182
182
 
183
183
  ```tsx
184
- import { Button } from "@iclips/ui";
184
+ import { Button } from "@seu-namespace/design-system";
185
185
 
186
186
  <Button variant="default">Padrão</Button>
187
187
  <Button variant="destructive">Destrutivo</Button>
@@ -200,7 +200,7 @@ import { Button } from "@iclips/ui";
200
200
  ### Badge
201
201
 
202
202
  ```tsx
203
- import { Badge } from "@iclips/ui";
203
+ import { Badge } from "@seu-namespace/design-system";
204
204
 
205
205
  <Badge variant="default">Padrão</Badge>
206
206
  <Badge variant="secondary">Secundário</Badge>
@@ -211,7 +211,7 @@ import { Badge } from "@iclips/ui";
211
211
  ### Alert
212
212
 
213
213
  ```tsx
214
- import { Alert, AlertTitle, AlertDescription } from "@iclips/ui";
214
+ import { Alert, AlertTitle, AlertDescription } from "@seu-namespace/design-system";
215
215
 
216
216
  <Alert variant="default">
217
217
  <AlertTitle>Info</AlertTitle>
@@ -242,7 +242,7 @@ import {
242
242
  CardHeader,
243
243
  CardTitle,
244
244
  CardContent,
245
- } from "@iclips/ui";
245
+ } from "@seu-namespace/design-system";
246
246
  import { Home, Users, Settings } from "lucide-react";
247
247
 
248
248
  export default function Dashboard() {
@@ -306,7 +306,7 @@ import {
306
306
  CardHeader,
307
307
  CardTitle,
308
308
  CardContent,
309
- } from "@iclips/ui";
309
+ } from "@seu-namespace/design-system";
310
310
  import { useForm } from "react-hook-form";
311
311
 
312
312
  export default function LoginForm() {
@@ -370,7 +370,7 @@ import {
370
370
  Badge,
371
371
  Avatar,
372
372
  AvatarFallback,
373
- } from "@iclips/ui";
373
+ } from "@seu-namespace/design-system";
374
374
 
375
375
  const users = [
376
376
  { id: 1, name: "João Silva", role: "Admin", status: "Ativo" },
@@ -423,7 +423,7 @@ export default function UsersTable() {
423
423
  Tipos completos incluídos:
424
424
 
425
425
  ```tsx
426
- import { Button, type ButtonProps } from "@iclips/ui";
426
+ import { Button, type ButtonProps } from "@seu-namespace/design-system";
427
427
 
428
428
  const CustomButton = (props: ButtonProps) => {
429
429
  return <Button {...props} />;
@@ -441,7 +441,7 @@ Para testar o pacote localmente antes de publicar:
441
441
  npm link
442
442
 
443
443
  # No projeto que vai consumir/
444
- npm link @iclips/ui
444
+ npm link @seu-namespace/design-system
445
445
  ```
446
446
 
447
447
  ---