@ttianqii/takaui 0.0.72 → 0.1.2

package/README.md

@@ -6,15 +6,13 @@
 
 A modern, customizable React UI component library built with TypeScript, Tailwind CSS, and Radix UI primitives.
 
-**Current Version:** 0.0.6
+**Current Version:** 0.1.0
 
-## ✨ What's New in 0.0.6
+## ✨ What's New in 0.1.0
 
-- 🎯 **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
+- 🎯 **Table Alignment Fixed** - Table cells now properly align horizontally with headers
+- 📐 **Consistent Padding** - Checkbox columns and all table content use matching padding (px-3 py-2)
+- ✨ **Previous Features** - All v0.0.9 features (no CSS imports, pure Tailwind, original design preserved)
 
 ## 📦 Installation
 
@@ -29,9 +27,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 +49,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 +71,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 +99,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