styles-update

dist/index.d.ts

@@ -2,3 +2,4 @@ export { default as Button } from './Button';
 export { default as Card } from './Card';
 export type { ButtonProps } from './Button';
 export type { CardProps } from './Card';
+import './styles.css';

dist/index.js

@@ -1,2 +1,5 @@
+// src/index.ts
 export { default as Button } from './Button';
 export { default as Card } from './Card';
+// Importar los estilos
+import './styles.css';

package.json

@@ -9,11 +9,11 @@
   "main": "src/components/index.ts",
   "types": "src/components/index.ts",
   "scripts": {
-    "build": "tsc",
+    "build": "npm run build:css && npm run build:js",
-    "dev": "tsc --watch --preserveWatchOutput",
+    "build:css": "npx @tailwindcss/cli -i ./src/styles.css -o ./dist/styles.css --minify",
-    "clean": "rm -rf dist",
+    "build:js": "tsc",
-    "prepare": "npm run build",
+    "dev": "npm run build:css -- --watch",
-    "version:patch": "npm version patch"
+    "prebuild": "mkdir -p dist"
   },
   "keywords": [
     "react",

postcss.config.js

@@ -0,0 +1,6 @@
+// postcss.config.js
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  }
+}

src/components/index.ts

@@ -1,4 +1,8 @@
+// src/index.ts
 export { default as Button } from './Button';
 export { default as Card } from './Card';
 export type { ButtonProps } from './Button';
 export type { CardProps } from './Card';
+
+// Importar los estilos
+import './styles.css';

src/styles.css

@@ -0,0 +1,2 @@
+/* src/styles.css */
+@import "tailwindcss";

src/styles/globals.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

tailwind.config.js

@@ -1,8 +1,9 @@
-/** @type {import('tailwindcss').Config} */
+// tailwind.config.js
+import tailwindcss from '@tailwindcss/postcss';
+
 export default {
   content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
+    "./src/**/*.{js,ts,jsx,tsx}",
-    "./examples/**/*.{js,jsx,ts,tsx}"
   ],
   theme: {
     extend: {
@@ -12,10 +13,8 @@ export default {
           secondary: '#64748B', 
           success: '#10B981',
           danger: '#EF4444',
-          warning: '#F59E0B'
         }
       }
     },
   },
-  plugins: [],
 }