@j3m-quantum/ui 0.7.4 → 0.7.7

package/README.md

@@ -4,20 +4,20 @@ J3M Quantum UI - A themed component library based on shadcn/ui with J3M design t
 
 ## Features
 
-- 🎨 **J3M Design Tokens** - Orange primary, neutral grays, pill-shaped buttons
-- 🌙 **Dark Mode** - Full dark theme support via `.dark` class
-- ✨ **Glass Mode** - Frosted glass effects via `.theme-glass` class
-- 📦 **55+ Components** - All shadcn/ui components with J3M styling
-- 🎯 **Zero Config** - Radix UI included, just install and use
-- 🎬 **Smooth Animations** - Powered by tw-animate-css
+- **J3M Design Tokens** - Orange primary, neutral grays, pill-shaped buttons
+- **Dark Mode** - Full dark theme support via `.dark` class
+- **Glass Mode** - Frosted glass effects via `.theme-glass` class
+- **55+ Components** - All shadcn/ui components with J3M styling
+- **All-in-One** - Everything bundled, just install and use
+- **Smooth Animations** - Powered by tw-animate-css
 
 ## Installation
 
 ```bash
-npm install @j3m-quantum/ui tw-animate-css lucide-react
+npm install @j3m-quantum/ui tw-animate-css
 ```
 
-That's it! All Radix UI primitives are bundled with the package.
+That's it! All dependencies (Radix UI, lucide-react, etc.) are bundled with the package.
 
 ## Quick Start
 
@@ -52,7 +52,7 @@ export default defineConfig({
 @import "@j3m-quantum/ui/styles";      /* J3M theme and tokens */
 ```
 
-> ⚠️ **Order matters!** Import `tw-animate-css` before `@j3m-quantum/ui/styles` to ensure animations work correctly on Dialog, Sheet, Select, Popover, and other overlay components.
+**Order matters!** Import `tw-animate-css` before `@j3m-quantum/ui/styles` to ensure animations work correctly on Dialog, Sheet, Select, Popover, and other overlay components.
 
 ### 4. Use Components
 
@@ -117,21 +117,21 @@ Combine with dark mode:
 | `--destructive` | #FB3748 | #D00416 |
 | `--radius` | 12px | 12px |
 
-## Optional Dependencies
-
-Some components require additional dependencies (installed only if you use them):
-
-| Component | Dependency | Install |
-|-----------|------------|---------|
-| Calendar | react-day-picker, date-fns | `npm add react-day-picker date-fns` |
-| Carousel | embla-carousel-react | `npm add embla-carousel-react` |
-| Chart | recharts | `npm add recharts` |
-| Command | cmdk | `npm add cmdk` |
-| Drawer | vaul | `npm add vaul` |
-| Form | react-hook-form | `npm add react-hook-form` |
-| InputOTP | input-otp | `npm add input-otp` |
-| Resizable | react-resizable-panels | `npm add react-resizable-panels` |
-| Sonner | sonner | `npm add sonner` |
+## Included Dependencies
+
+All of these are bundled and ready to use:
+
+- All Radix UI primitives
+- lucide-react (icons)
+- cmdk (Command palette)
+- vaul (Drawer)
+- sonner (Toast notifications)
+- recharts (Charts)
+- react-day-picker + date-fns (Calendar)
+- embla-carousel-react (Carousel)
+- input-otp (OTP input)
+- react-resizable-panels (Resizable)
+- react-hook-form (Form handling)
 
 ## Exports
 

package/dist/index.cjs

@@ -2670,7 +2670,7 @@ function Progress({
     {
       "data-slot": "progress",
       className: cn(
-        "bg-muted relative h-2 w-full overflow-hidden rounded-full",
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
         className
       ),
       ...props,