@iclips/ui 1.0.0 → 1.0.1

package/{LICENSE/Code-component-19-1703.tsx → LICENSE}

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 [Seu Nome]
+Copyright (c) 2025 iclipsbr
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,8 +1,8 @@
-# 🎨 Design System
+# 🎨 @iclips/ui - Design System
 
 > Sistema de design completo e profissional com paleta personalizada (#7F26BF) e 47 componentes shadcn/ui prontos para uso.
 
-[![npm version](https://badge.fury.io/js/%40seu-namespace%2Fdesign-system.svg)](https://www.npmjs.com/package/@seu-namespace/design-system)
+[![npm version](https://badge.fury.io/js/%40iclips%2Fui.svg)](https://www.npmjs.com/package/@iclips/ui)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 ---
@@ -10,7 +10,7 @@
 ## 📦 Instalação
 
 ```bash
-npm install @seu-namespace/design-system
+npm install @iclips/ui
 ```
 
 **Peer Dependencies** (instale também):
@@ -27,7 +27,7 @@ npm install react react-dom tailwindcss lucide-react
 
 ```tsx
 // main.tsx ou App.tsx
-import "@seu-namespace/design-system/styles";
+import "@iclips/ui/styles";
 ```
 
 ### 2. Configurar Tailwind
@@ -37,7 +37,7 @@ import "@seu-namespace/design-system/styles";
 export default {
   content: [
     "./src/**/*.{js,ts,jsx,tsx}",
-    "./node_modules/@seu-namespace/design-system/dist/**/*.js",
+    "./node_modules/@iclips/ui/dist/**/*.js",
   ],
   theme: {
     extend: {},
@@ -49,7 +49,7 @@ export default {
 ### 3. Usar Componentes
 
 ```tsx
-import { Button, Card, CardHeader, CardTitle, CardContent, Badge } from "@seu-namespace/design-system";
+import { Button, Card, CardHeader, CardTitle, CardContent, Badge } from "@iclips/ui";
 import { Mail } from "lucide-react";
 
 export default function App() {
@@ -181,7 +181,7 @@ O design system usa uma paleta customizada com a cor primária **#7F26BF** (roxo
 ### Button
 
 ```tsx
-import { Button } from "@seu-namespace/design-system";
+import { Button } from "@iclips/ui";
 
 <Button variant="default">Padrão</Button>
 <Button variant="destructive">Destrutivo</Button>
@@ -200,7 +200,7 @@ import { Button } from "@seu-namespace/design-system";
 ### Badge
 
 ```tsx
-import { Badge } from "@seu-namespace/design-system";
+import { Badge } from "@iclips/ui";
 
 <Badge variant="default">Padrão</Badge>
 <Badge variant="secondary">Secundário</Badge>
@@ -211,7 +211,7 @@ import { Badge } from "@seu-namespace/design-system";
 ### Alert
 
 ```tsx
-import { Alert, AlertTitle, AlertDescription } from "@seu-namespace/design-system";
+import { Alert, AlertTitle, AlertDescription } from "@iclips/ui";
 
 <Alert variant="default">
   <AlertTitle>Info</AlertTitle>
@@ -242,7 +242,7 @@ import {
   CardHeader,
   CardTitle,
   CardContent,
-} from "@seu-namespace/design-system";
+} from "@iclips/ui";
 import { Home, Users, Settings } from "lucide-react";
 
 export default function Dashboard() {
@@ -306,7 +306,7 @@ import {
   CardHeader,
   CardTitle,
   CardContent,
-} from "@seu-namespace/design-system";
+} from "@iclips/ui";
 import { useForm } from "react-hook-form";
 
 export default function LoginForm() {
@@ -370,7 +370,7 @@ import {
   Badge,
   Avatar,
   AvatarFallback,
-} from "@seu-namespace/design-system";
+} from "@iclips/ui";
 
 const users = [
   { id: 1, name: "João Silva", role: "Admin", status: "Ativo" },
@@ -423,7 +423,7 @@ export default function UsersTable() {
 Tipos completos incluídos:
 
 ```tsx
-import { Button, type ButtonProps } from "@seu-namespace/design-system";
+import { Button, type ButtonProps } from "@iclips/ui";
 
 const CustomButton = (props: ButtonProps) => {
   return <Button {...props} />;
@@ -441,7 +441,7 @@ Para testar o pacote localmente antes de publicar:
 npm link
 
 # No projeto que vai consumir/
-npm link @seu-namespace/design-system
+npm link @iclips/ui
 ```
 
 ---