@howssatoshi/quantumcss 1.8.0 → 1.11.0

package/README.md

@@ -1,8 +1,8 @@
 # Quantum CSS - Next-Generation Utility Framework
 
-![Quantum CSS](https://img.shields.io/badge/Quantum%20CSS-v1.7.9-blue)
+![Quantum CSS](https://img.shields.io/badge/Quantum%20CSS-v1.11.0-blue)
 ![License](https://img.shields.io/badge/license-MIT-green)
-![Bundle Size](https://img.shields.io/badge/bundle%20size-18%20KB%20(gzipped)-brightgreen)
+![Bundle Size](https://img.shields.io/badge/bundle%20size-29%20KB%20(gzipped)-brightgreen)
 
 A modern, performance-optimized utility-first CSS framework with semantic naming, recursive component presets, and advanced cosmic effects.
 
@@ -21,7 +21,7 @@ A modern, performance-optimized utility-first CSS framework with semantic naming
 - **Unified Naming Standard** - Consistent `--q-` prefix for all CSS variables (e.g., `--q-color-primary`).
 - **Attribute-Driven Styling** - No more monolithic class strings! Use dedicated attributes for environment and interactivity.
 - **Zero-Escape CSS** - 100% clean CSS output without risky backslash escapes.
-- **TypeScript Support** - Full type definitions
+- **TypeScript-Ready** - Developed with TypeScript for internal type safety
 - **Zero Configuration** - Works out of the box
 
 ## 🎨 Advanced Utilities
@@ -62,6 +62,7 @@ QuantumCSS includes a powerful CLI for project orchestration:
 - **`npx quantumcss build [output]`** - Generate the JIT CSS bundle (default: `dist/quantum.css`).
 - **`npx quantumcss watch [output]`** - Automatically rebuild when your HTML or config changes.
 - **`npx quantumcss scaffold <type>`** - Generate a starter template (`gaming`, `blog`, `travel`, etc.).
+- **`npx quantumcss manifest [output]`** - Generate an AI-optimized design system manifest.
 
 ## ⚙️ Configuration
 
@@ -97,15 +98,15 @@ QuantumCSS separates structural logic from aesthetic themes for maximum reusabil
 Starlight UI provides "Organism-level" presets that compose multiple utilities into functional semantic blocks. Perfect for rapid prototyping and AI generation.
 
 - `starlight-nav` - Complete sticky glassmorphic navigation bar
-- `starlight-search` - Search container with integrated icon and padding
-- `starlight-dashboard` - Responsive 3-column dashboard grid
-- `starlight-gallery` - Optimized grid for image/media galleries
-- `starlight-form` - Multi-column layout for advanced form controls
-- `starlight-dialog` - Centered, animated glassmorphic modal
+- `search` - Search container with integrated icon and padding
+- `dashboard` - Responsive 3-column dashboard grid
+- `gallery` - Optimized grid for image/media galleries
+- `form` - Multi-column layout for advanced form controls
+- `dialog` - Centered, animated glassmorphic modal
 
 ```html
 <!-- Example: Create a full dashboard grid with one class -->
-<div class="starlight-dashboard">
+<div class="dashboard">
   <div class="starlight-card">...</div>
   <div class="starlight-card">...</div>
   <div class="starlight-card">...</div>
@@ -141,7 +142,7 @@ QuantumCSS automatically optimizes contrast for accessibility when the user enab
 - **Motion Sensitivity**: Automatically scales down or disables complex animations when `prefers-reduced-motion` is detected.
 
 ### Optimized Payload
-- **Gzipped Bundle**: ~24 KB (Full library + JIT utilities)
+- **Gzipped Bundle**: ~29 KB (Full library + JIT utilities)
 - **Zero Runtime**: No heavy JavaScript required for layout or styling.
 - **JIT Tree-Shaking**: Only the utilities you actually use are included in your final production build.