glass-studio-ui-pro 0.1.26 → 0.1.28

package/README.md

@@ -1,10 +1,10 @@
-# 💎 Glass Studio UI Pro
+# 💎 Glass Studio UI
 
-**Premium Liquid Glass UI Library for Vue 3**
+**Liquid Glass UI Library for Vue 3**
 
-![Glass Studio Preview](https://i.ibb.co/yc8QmHwZ/Screenshot-2026-03-27-154613.png)
+<a href="https://ibb.co/Kp9rcTMf"><img src="https://i.ibb.co/yc8QmHwZ/Screenshot-2026-03-27-154613.png" alt="Screenshot-2026-03-27-154613" border="0"></a>
 
-`glass-studio-ui-pro` is a high-fidelity glassmorphism UI library designed for modern Vue 3 applications. It features advanced backdrop blur, realistic liquid distortion filters, and a sophisticated shadow engine to create stunning, premium-grade interfaces.
+`glass-studio-ui` is a high-fidelity glassmorphism UI library designed for modern Vue 3 applications. It features advanced backdrop blur, realistic liquid distortion filters, and a sophisticated shadow engine to create stunning, premium-grade interfaces.
 
 ---
 
@@ -13,53 +13,50 @@
 - **Liquid Glass Distortion**: Real-time high-fidelity glass distortion effects (Mist, Grain, Frosted).
 - **Pro Presets**: 10+ professionally tuned glass styles (Glass-frost, Light-frost, Heavy-frost, etc.).
 - **Advanced Shadow Engine**: Multi-layered reflection and mist shadows for physical depth.
-- **License Guard**: Secure component locking with real-time error messaging from API.
 - **Vue 3 First**: Built using `<script setup>` and TypeScript for a modern DX.
+- **Lightweight**: Optimized CSS and ES modules for minimal performance impact.
 
 ---
 
 ## 🚀 Getting Started
 
-### 1. Installation
+### Installation
 
 Install the library using npm or yarn:
 
 ```bash
 npm install glass-studio-ui-pro
+# OR
+yarn add glass-studio-ui-pro
 ```
 
-### 2. Global Setup (Recommended)
+### Global Setup
 
-In your `main.ts` or `main.js`, register the plugin and provide your **License Key**:
+Import the styles and filters component in your main application file (e.g., `main.js` or `App.vue`):
 
-```typescript
+```javascript
 import { createApp } from "vue";
-import { GlassUI } from "glass-studio-ui-pro";
-import "glass-studio-ui-pro/style.css"; 
+import App from "./App.vue";
+import "glass-studio-ui/styles"; // Import Global Styles
 
 const app = createApp(App);
-
-// Initialize GlassUI with your Pro License Key
-app.use(GlassUI, {
-  licenseKey: 'YOUR-PRO-LICENSE-KEY-HERE'
-});
-
 app.mount("#app");
 ```
 
-### 3. SVG Filters Setup
+### SVG Filters Setup
 
 To enable liquid glass textures, you **must** include the `CmFilters` component once in your root `App.vue`:
 
 ```vue
 <script setup>
-import { CmFilters } from "glass-studio-ui-pro";
+import { CmFilters } from "glass-studio-ui";
 </script>
 
 <template>
   <div id="app">
     <router-view />
-    <CmFilters /> <!-- Required for distortions -->
+    <CmFilters />
+    <!-- Central Filter Engine -->
   </div>
 </template>
 ```
@@ -72,45 +69,50 @@ import { CmFilters } from "glass-studio-ui-pro";
 
 ```vue
 <script setup>
-import { CmCard, CmButton } from "glass-studio-ui-pro";
+import { CmCard } from "glass-studio-ui";
 </script>
 
 <template>
   <CmCard type="heavy-frost" shadow="mist">
     <h3>Liquid Glass Title</h3>
     <p>This card features deep blur and high-fidelity frost texture.</p>
-    
-    <CmButton variant="primary" glow>
-      Action Button
-    </CmButton>
   </CmCard>
 </template>
 ```
 
----
+### Advanced Presets
 
-## 🔐 License & Security
+| Preset        | Description                                      |
+| :------------ | :----------------------------------------------- |
+| `glass-frost` | Crystal clear glass with subtle distortion.      |
+| `light-frost` | Clean, subtle frozen texture.                    |
+| `heavy-frost` | Deep 24px blur with intense frosted deformation. |
+| `grain-frost` | High-frequency sand-blasted grain texture.       |
+| `fine-frost`  | Elegant light refraction and mist.               |
+| `soft-mist`   | Luminous glowing fog with deep mist shadows.     |
 
-This is a **Pro** version of the library. If a valid license is not detected, components will enter a "Secure Lock" state:
-- Visuals will revert to a simplified dark aesthetic.
-- A descriptive error message (e.g., **"LICENSE HAS EXPIRED"**) will be displayed.
+---
 
-```typescript
-import { getLicenseStatus } from "glass-studio-ui-pro";
+## 📖 API Reference
 
-const status = getLicenseStatus();
-console.log(status.isValid); // boolean
-console.log(status.message); // Info from API
-```
+### CmCard Props
+
+| Prop         | Type                                 | Default  | Description                             |
+| :----------- | :----------------------------------- | :------- | :-------------------------------------- |
+| `type`       | `string`                             | `'none'` | Preset glass style (see table above).   |
+| `blur`       | `number`                             | `12`     | Backdrop blur radius in pixels.         |
+| `opacity`    | `number`                             | `0.12`   | Background transparency (0-1).          |
+| `distortion` | `'none'\|'mist'\|'grain'\|'frosted'` | `'none'` | Custom surface distortion texture.      |
+| `shadow`     | `'mist'\|'reflex'\|boolean`          | `false`  | Apply specialized glass shadow effects. |
 
 ---
 
 ## 🌍 Localization (Việt Nam)
 
-Hệ thống được tối ưu mang lại trải nghiệm thị giác cao cấp với hiệu ứng bề mặt kính mờ, kính nhám và cơ chế bảo mật bản quyền chuyên nghiệp.
+Sản phẩm được tối ưu giao diện kính lỏng (Liquid Glass) mang lại trải nghiệm thị giác cao cấp. Hệ thống hỗ trợ đầy đủ các hiệu ứng bề mặt kính mờ, kính nhám và phản xạ ánh sáng đa tầng.
 
 ---
 
 ## 📄 License
 
-(C) 2026 Glass Studio & CM Team. All Rights Reserved.
+MIT © 2026 Glass Studio & CM Team

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "glass-studio-ui-pro",
-  "version": "0.1.26",
+  "version": "0.1.28",
+  "description": "Premium Liquid Glass UI Library for Vue 3",
   "type": "module",
   "files": [
     "dist",