@iclips/ui 0.0.1 → 0.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+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
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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
 ```
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iclips/ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Sistema de design completo com paleta personalizada (#7F26BF) e 47 componentes shadcn/ui",
   "author": "iclipsbr",
   "license": "MIT",
@@ -34,7 +34,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "tailwindcss": "^4.0.0"
+    "tailwindcss": "^3.0.0 || ^4.0.0"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.2",