docs(demo): Add live demo link

Author: immohammadjaved

README.md

@@ -208,6 +208,8 @@ The main service that manages theme state using Angular signals.
 - `theme()` - Readonly signal for current theme setting
 - `systemTheme()` - Readonly signal for system theme preference
 - `resolvedTheme()` - Computed signal for the actual applied theme
+- `initialized` - Boolean property indicating if service is initialized
+- `isForced` - Boolean property indicating if forced theme is active
 
 #### Methods
 
@@ -216,8 +218,8 @@ The main service that manages theme state using Angular signals.
 - `isDark()` - Check if current theme is dark
 - `isLight()` - Check if current theme is light
 - `isSystem()` - Check if using system theme
-- `isForced()` - Check if forced theme is active
-- `initialized` - Check if service is initialized
+- `getConfig()` - Get current configuration
+- `cleanup()` - Manual cleanup (automatically called on destroy)
 
 ### Example Usage
 
@@ -252,6 +254,38 @@ export class ExampleComponent {
 }
 ```
 
+## 🔄 Lifecycle Management
+
+The ThemeService automatically handles cleanup when the application is destroyed. However, you can also manually manage the lifecycle:
+
+### Manual Cleanup
+
+```typescript
+import { Component, inject, OnDestroy } from '@angular/core';
+import { ThemeService } from '@angularui/theme';
+
+@Component({
+  selector: 'app-example',
+  template: `...`
+})
+export class ExampleComponent implements OnDestroy {
+  private themeService = inject(ThemeService);
+
+  ngOnDestroy() {
+    // Manual cleanup (optional - automatic cleanup is handled)
+    this.themeService.cleanup();
+  }
+}
+```
+
+### Configuration Access
+
+```typescript
+// Get current configuration
+const config = this.themeService.getConfig();
+console.log('Current config:', config);
+```
+
 ## 🎨 Theming Strategies
 
 ### Class Strategy (Recommended for Tailwind)
@@ -365,8 +399,8 @@ effect(() => {
 
 ## 📦 Bundle Size
 
-- **Core package**: ~3KB (gzipped)
-- **Zero dependencies** - Only Angular core
+- **Core package**: ~13KB (raw) / ~3KB (gzipped)
+- **Zero external dependencies** - Only Angular core and common
 - **Tree-shakeable** - Unused features are removed
 
 ## 🤝 Contributing

projects/theme/README.md

@@ -6,6 +6,8 @@
 
 > **Modern Theme Management for Angular** - A lightweight, feature-rich theme library with automatic dark mode detection, SSR support, and zero configuration required.
 
+**🌐 [Live Demo](https://angularcafe.github.io/angularui-theme/)**
+
 ## 🌟 Features
 
 - **🎨 Automatic Theme Detection** - Supports light, dark, and system themes with OS preference detection
@@ -206,6 +208,8 @@ The main service that manages theme state using Angular signals.
 - `theme()` - Readonly signal for current theme setting
 - `systemTheme()` - Readonly signal for system theme preference
 - `resolvedTheme()` - Computed signal for the actual applied theme
+- `initialized` - Boolean property indicating if service is initialized
+- `isForced` - Boolean property indicating if forced theme is active
 
 #### Methods
 
@@ -214,8 +218,8 @@ The main service that manages theme state using Angular signals.
 - `isDark()` - Check if current theme is dark
 - `isLight()` - Check if current theme is light
 - `isSystem()` - Check if using system theme
-- `isForced()` - Check if forced theme is active
-- `initialized` - Check if service is initialized
+- `getConfig()` - Get current configuration
+- `cleanup()` - Manual cleanup (automatically called on destroy)
 
 ### Example Usage
 
@@ -250,6 +254,38 @@ export class ExampleComponent {
 }
 ```
 
+## 🔄 Lifecycle Management
+
+The ThemeService automatically handles cleanup when the application is destroyed. However, you can also manually manage the lifecycle:
+
+### Manual Cleanup
+
+```typescript
+import { Component, inject, OnDestroy } from '@angular/core';
+import { ThemeService } from '@angularui/theme';
+
+@Component({
+  selector: 'app-example',
+  template: `...`
+})
+export class ExampleComponent implements OnDestroy {
+  private themeService = inject(ThemeService);
+
+  ngOnDestroy() {
+    // Manual cleanup (optional - automatic cleanup is handled)
+    this.themeService.cleanup();
+  }
+}
+```
+
+### Configuration Access
+
+```typescript
+// Get current configuration
+const config = this.themeService.getConfig();
+console.log('Current config:', config);
+```
+
 ## 🎨 Theming Strategies
 
 ### Class Strategy (Recommended for Tailwind)
@@ -363,8 +399,8 @@ effect(() => {
 
 ## 📦 Bundle Size
 
-- **Core package**: ~3KB (gzipped)
-- **Zero dependencies** - Only Angular core
+- **Core package**: ~13KB (raw) / ~3KB (gzipped)
+- **Zero external dependencies** - Only Angular core and common
 - **Tree-shakeable** - Unused features are removed
 
 ## 🤝 Contributing

projects/theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angularui/theme",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Modern Theme Management for Angular - A lightweight, feature-rich theme library with automatic dark mode detection, SSR support, and zero configuration required.",
   "keywords": [
     "angular",