@ttianqii/takaui 0.0.8 → 0.0.9

package/README.md

@@ -6,15 +6,16 @@
 
 A modern, customizable React UI component library built with TypeScript, Tailwind CSS, and Radix UI primitives.
 
-**Current Version:** 0.0.6
+**Current Version:** 0.0.9
 
-## ✨ What's New in 0.0.6
+## ✨ What's New in 0.0.9
 
-- 🎯 **DatePicker Range Selection** - Select date ranges with 1 or 2 month views
-- 🎨 **Enhanced Hover States** - Improved visual feedback for range selection
-- 🔧 **DataGrid System** - New modular table components for better composition
-- 📅 **Schedule Component** - Now supports Date type in custom metadata fields
-- 🐛 **Bug Fixes** - Text alignment and various improvements
+- 🎨 **No CSS Imports Needed!** - Works like shadcn/ui with pure Tailwind CSS
+- ⚡ **Zero Bundle Bloat** - No CSS bundled with components
+- 🔧 **Converted to Tailwind** - All components use Tailwind classes (Button, DatePicker, Popover)
+- 🎯 **Original Design Preserved** - Black selected states, all original styling maintained
+- 📦 **Better Tree Shaking** - Set `sideEffects: false` for optimal bundle size
+- 🧹 **Cleaner API** - Removed inline styles and data attributes
 
 ## 📦 Installation
 
@@ -29,9 +30,10 @@ npx takaui-setup
 
 This will:
 - ✅ Configure your Tailwind config automatically
-- ✅ Add CSS import to your main file
 - ✅ Verify your setup is correct
 
+**No CSS imports needed!** Components work with pure Tailwind CSS.
+
 ### Manual Installation
 
 If you prefer manual setup:
@@ -50,6 +52,8 @@ pnpm add @ttianqii/takaui
 bun add @ttianqii/takaui
 ```
 
+**That's it!** Just make sure you have Tailwind CSS configured in your project.
+
 ### Peer Dependencies
 
 TakaUI requires React 18+ or React 19+:
@@ -70,7 +74,18 @@ bun add react react-dom
 
 ### Tailwind CSS Setup
 
-TakaUI uses Tailwind CSS for styling. Add the TakaUI paths to your `tailwind.config.js`:
+**Important:** TakaUI uses Tailwind CSS for styling (no CSS imports needed!). You must have Tailwind CSS configured in your project.
+
+#### 1. Install Tailwind CSS (if not already installed)
+
+```bash
+npm install -D tailwindcss postcss autoprefixer
+npx tailwindcss init -p
+```
+
+#### 2. Configure Tailwind
+
+Add TakaUI to your `tailwind.config.js` content paths:
 
 ```js
 /** @type {import('tailwindcss').Config} */
@@ -87,15 +102,17 @@ export default {
 }
 ```
 
-### Import Styles
+#### 3. Add Tailwind directives
 
-Import the TakaUI styles in your main entry file (e.g., `main.tsx` or `App.tsx`):
+In your main CSS file (e.g., `src/index.css`):
 
-```tsx
-import '@ttianqii/takaui/styles.css'
+```css
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 ```
 
-**💡 Tip:** Run `npx takaui-setup` to automatically add this import!
+**That's it!** No CSS imports needed from TakaUI. 🎉
 
 ## 🚀 Quick Start