@molecule/app-angular 1.0.0

package/dist/services/state.service.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Angular service for state management.
+ *
+ * @module
+ */
+import { type OnDestroy } from '@angular/core';
+import { type Observable } from 'rxjs';
+import type { StateProvider, Store } from '@molecule/app-state';
+import * as i0 from "@angular/core";
+/**
+ * Angular service for state management.
+ *
+ * Wraps molecule state stores and exposes them as RxJS observables.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'app-counter',
+ *   template: `
+ *     <div>Count: {{ count$ | async }}</div>
+ *     <button (click)="increment()">Increment</button>
+ *   `
+ * })
+ * export class CounterComponent {
+ *   count$ = this.stateService.select(counterStore, s => s.count)
+ *
+ *   constructor(private stateService: MoleculeStateService) {}
+ *
+ *   increment() {
+ *     counterStore.setState(s => ({ count: s.count + 1 }))
+ *   }
+ * }
+ * ```
+ */
+export declare class MoleculeStateService implements OnDestroy {
+    private provider;
+    private subscriptions;
+    private subjects;
+    constructor(provider: StateProvider);
+    /**
+     * Get an observable of the full store state.
+     *
+     * @param store - The store to observe
+     * @returns Observable of the store state
+     */
+    observe<T>(store: Store<T>): Observable<T>;
+    /**
+     * Select a piece of state from a store.
+     *
+     * @param store - The store to select from
+     * @param selector - Selector function
+     * @returns Observable of the selected state
+     */
+    select<T, S>(store: Store<T>, selector: (state: T) => S): Observable<S>;
+    /**
+     * Get the current snapshot of a store's state.
+     *
+     * @param store - The store
+     * @returns The result.
+     */
+    snapshot<T>(store: Store<T>): T;
+    /**
+     * Update a store's state.
+     *
+     * @param store - The store to update
+     * @param partial - Partial state or updater function
+     */
+    update<T>(store: Store<T>, partial: Partial<T> | ((state: T) => Partial<T>)): void;
+    /**
+     * Gets or creates a BehaviorSubject for the given store.
+     * @param store - The data store to observe.
+     * @returns The BehaviorSubject tracking the store state.
+     */
+    private getOrCreateSubject;
+    /**
+     * Cleans up all store subscriptions and completes subjects on service destruction.
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MoleculeStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MoleculeStateService>;
+}
+//# sourceMappingURL=state.service.d.ts.map

package/dist/services/state.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.service.d.ts","sourceRoot":"","sources":["../../src/services/state.service.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAA8C,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAElF,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAMa,oBAAqB,YAAW,SAAS;IAIhB,OAAO,CAAC,QAAQ;IAHpD,OAAO,CAAC,aAAa,CAAwC;IAC7D,OAAO,CAAC,QAAQ,CAAsD;gBAE1B,QAAQ,EAAE,aAAa;IAEnE;;;;;OAKG;IACH,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IAI1C;;;;;;OAMG;IACH,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IAIvE;;;;;OAKG;IACH,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAI/B;;;;;OAKG;IACH,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAIlF;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAgB1B;;OAEG;IACH,WAAW,IAAI,IAAI;yCAvER,oBAAoB;6CAApB,oBAAoB;CAgFhC"}

package/dist/services/state.service.js

@@ -0,0 +1,122 @@
+/**
+ * Angular service for state management.
+ *
+ * @module
+ */
+import { Inject, Injectable } from '@angular/core';
+import { BehaviorSubject, distinctUntilChanged, map } from 'rxjs';
+import { STATE_PROVIDER } from '../tokens.js';
+import * as i0 from "@angular/core";
+/**
+ * Angular service for state management.
+ *
+ * Wraps molecule state stores and exposes them as RxJS observables.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'app-counter',
+ *   template: `
+ *     <div>Count: {{ count$ | async }}</div>
+ *     <button (click)="increment()">Increment</button>
+ *   `
+ * })
+ * export class CounterComponent {
+ *   count$ = this.stateService.select(counterStore, s => s.count)
+ *
+ *   constructor(private stateService: MoleculeStateService) {}
+ *
+ *   increment() {
+ *     counterStore.setState(s => ({ count: s.count + 1 }))
+ *   }
+ * }
+ * ```
+ */
+/**
+ * Molecule State Service class.
+ */
+export class MoleculeStateService {
+    constructor(provider) {
+        this.provider = provider;
+        this.subscriptions = new Map();
+        this.subjects = new Map();
+    }
+    /**
+     * Get an observable of the full store state.
+     *
+     * @param store - The store to observe
+     * @returns Observable of the store state
+     */
+    observe(store) {
+        return this.getOrCreateSubject(store).asObservable();
+    }
+    /**
+     * Select a piece of state from a store.
+     *
+     * @param store - The store to select from
+     * @param selector - Selector function
+     * @returns Observable of the selected state
+     */
+    select(store, selector) {
+        return this.observe(store).pipe(map(selector), distinctUntilChanged());
+    }
+    /**
+     * Get the current snapshot of a store's state.
+     *
+     * @param store - The store
+     * @returns The result.
+     */
+    snapshot(store) {
+        return store.getState();
+    }
+    /**
+     * Update a store's state.
+     *
+     * @param store - The store to update
+     * @param partial - Partial state or updater function
+     */
+    update(store, partial) {
+        store.setState(partial);
+    }
+    /**
+     * Gets or creates a BehaviorSubject for the given store.
+     * @param store - The data store to observe.
+     * @returns The BehaviorSubject tracking the store state.
+     */
+    getOrCreateSubject(store) {
+        let subject = this.subjects.get(store);
+        if (!subject) {
+            subject = new BehaviorSubject(store.getState());
+            this.subjects.set(store, subject);
+            const unsubscribe = store.subscribe(() => {
+                subject.next(store.getState());
+            });
+            this.subscriptions.set(store, unsubscribe);
+        }
+        return subject;
+    }
+    /**
+     * Cleans up all store subscriptions and completes subjects on service destruction.
+     */
+    ngOnDestroy() {
+        // Clean up all subscriptions
+        this.subscriptions.forEach((unsubscribe) => unsubscribe());
+        this.subscriptions.clear();
+        // Complete all subjects
+        this.subjects.forEach((subject) => subject.complete());
+        this.subjects.clear();
+    }
+    static { this.ɵfac = function MoleculeStateService_Factory(__ngFactoryType__) { /* @ts-ignore */
+    return new (__ngFactoryType__ || MoleculeStateService)(i0.ɵɵinject(STATE_PROVIDER)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MoleculeStateService, factory: MoleculeStateService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MoleculeStateService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: [STATE_PROVIDER]
+            }] }], null); })();
+//# sourceMappingURL=state.service.js.map

package/dist/services/state.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.service.js","sourceRoot":"","sources":["../../src/services/state.service.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,GAAG,EAAmB,MAAM,MAAM,CAAA;AAIlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH;;GAEG;AACH,MAAM,OAAO,oBAAoB;IAI/B,YAA4C,QAAuB;QAAvB,aAAQ,GAAR,QAAQ,CAAe;QAH3D,kBAAa,GAAG,IAAI,GAAG,EAA8B,CAAA;QACrD,aAAQ,GAAG,IAAI,GAAG,EAA4C,CAAA;IAEA,CAAC;IAEvE;;;;;OAKG;IACH,OAAO,CAAI,KAAe;QACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,YAAY,EAAmB,CAAA;IACvE,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAO,KAAe,EAAE,QAAyB;QACrD,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAA;IACxE,CAAC;IAED;;;;;OAKG;IACH,QAAQ,CAAI,KAAe;QACzB,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAA;IACzB,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAI,KAAe,EAAE,OAAgD;QACzE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACzB,CAAC;IAED;;;;OAIG;IACK,kBAAkB,CAAI,KAAe;QAC3C,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAuB,CAAmC,CAAA;QAE1F,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,IAAI,eAAe,CAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;YAClD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAuB,EAAE,OAAmC,CAAC,CAAA;YAE/E,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;gBACvC,OAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAuB,EAAE,WAAW,CAAC,CAAA;QAC9D,CAAC;QAED,OAAO,OAAO,CAAA;IAChB,CAAC;IAED;;OAEG;IACH,WAAW;QACT,6BAA6B;QAC7B,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAC1D,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAA;QAE1B,wBAAwB;QACxB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;QACtD,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;IACvB,CAAC;;qCA/EU,oBAAoB,cAIX,cAAc;uEAJvB,oBAAoB,WAApB,oBAAoB,mBALnB,MAAM;;iFAKP,oBAAoB;cANhC,UAAU;eAAC;gBACV,UAAU,EAAE,MAAM;aACnB;;sBAQc,MAAM;uBAAC,cAAc"}

package/dist/services/storage.service.d.ts

@@ -0,0 +1,111 @@
+import { BehaviorSubject, type Observable } from 'rxjs';
+import type { StorageProvider } from '@molecule/app-storage';
+import * as i0 from "@angular/core";
+/**
+ * State for a storage value.
+ */
+export interface StorageValueState<T> {
+    value: T | undefined;
+    loading: boolean;
+    error: Error | null;
+}
+/**
+ * Angular service for storage.
+ *
+ * Wraps molecule storage provider and returns RxJS observables.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'app-settings',
+ *   template: `
+ *     <div *ngIf="themeState$ | async as state">
+ *       <select
+ *         [value]="state.value"
+ *         (change)="setTheme($event.target.value)"
+ *         [disabled]="state.loading"
+ *       >
+ *         <option value="light">Light</option>
+ *         <option value="dark">Dark</option>
+ *       </select>
+ *     </div>
+ *   `
+ * })
+ * export class SettingsComponent implements OnInit {
+ *   themeState$ = new BehaviorSubject<StorageValueState<string>>({
+ *     value: 'light',
+ *     loading: true,
+ *     error: null
+ *   })
+ *
+ *   constructor(private storageService: MoleculeStorageService) {}
+ *
+ *   ngOnInit() {
+ *     this.storageService.get<string>('theme').subscribe(value => {
+ *       this.themeState$.next({ value: value ?? 'light', loading: false, error: null })
+ *     })
+ *   }
+ *
+ *   setTheme(theme: string) {
+ *     this.storageService.set('theme', theme).subscribe()
+ *   }
+ * }
+ * ```
+ */
+export declare class MoleculeStorageService {
+    private provider;
+    constructor(provider: StorageProvider);
+    /**
+     * Get a value from storage.
+     *
+     * @param key - Storage key
+     * @returns Observable of the value
+     */
+    get<T>(key: string): Observable<T | null>;
+    /**
+     * Set a value in storage.
+     *
+     * @param key - Storage key
+     * @param value - Value to store
+     * @returns Observable that completes when done
+     */
+    set<T>(key: string, value: T): Observable<void>;
+    /**
+     * Remove a value from storage.
+     *
+     * @param key - Storage key
+     * @returns Observable that completes when done
+     */
+    remove(key: string): Observable<void>;
+    /**
+     * Clear all values from storage.
+     *
+     * @returns Observable that completes when done
+     */
+    clear(): Observable<void>;
+    /**
+     * Get all keys in storage.
+     *
+     * @returns Observable of key array
+     */
+    keys(): Observable<string[]>;
+    /**
+     * Create a reactive storage value with auto-loading.
+     *
+     * @param key - Storage key
+     * @param defaultValue - Default value if not found
+     * @returns BehaviorSubject that syncs with storage
+     */
+    createValue<T>(key: string, defaultValue: T): BehaviorSubject<StorageValueState<T>>;
+    /**
+     * Update a reactive storage value.
+     *
+     * @param key - Storage key
+     * @param value - New value
+     * @param state - State subject to update
+     */
+    updateValue<T>(key: string, value: T, state: BehaviorSubject<StorageValueState<T>>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MoleculeStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MoleculeStorageService>;
+}
+//# sourceMappingURL=storage.service.d.ts.map

package/dist/services/storage.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.service.d.ts","sourceRoot":"","sources":["../../src/services/storage.service.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAE7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;;AAI5D;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAMa,sBAAsB;IACK,OAAO,CAAC,QAAQ;gBAAR,QAAQ,EAAE,eAAe;IAEvE;;;;;OAKG;IACH,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC;IAIzC;;;;;;OAMG;IACH,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC;IAI/C;;;;;OAKG;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;IAIrC;;;;OAIG;IACH,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC;IAIzB;;;;OAIG;IACH,IAAI,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;IAI5B;;;;;;OAMG;IACH,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IA4BnF;;;;;;OAMG;IACH,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;yCA9F9E,sBAAsB;6CAAtB,sBAAsB;CA0GlC"}

package/dist/services/storage.service.js

@@ -0,0 +1,167 @@
+/**
+ * Angular service for storage.
+ *
+ * @module
+ */
+import { Inject, Injectable } from '@angular/core';
+import { BehaviorSubject, from } from 'rxjs';
+import { STORAGE_PROVIDER } from '../tokens.js';
+import * as i0 from "@angular/core";
+/**
+ * Angular service for storage.
+ *
+ * Wraps molecule storage provider and returns RxJS observables.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'app-settings',
+ *   template: `
+ *     <div *ngIf="themeState$ | async as state">
+ *       <select
+ *         [value]="state.value"
+ *         (change)="setTheme($event.target.value)"
+ *         [disabled]="state.loading"
+ *       >
+ *         <option value="light">Light</option>
+ *         <option value="dark">Dark</option>
+ *       </select>
+ *     </div>
+ *   `
+ * })
+ * export class SettingsComponent implements OnInit {
+ *   themeState$ = new BehaviorSubject<StorageValueState<string>>({
+ *     value: 'light',
+ *     loading: true,
+ *     error: null
+ *   })
+ *
+ *   constructor(private storageService: MoleculeStorageService) {}
+ *
+ *   ngOnInit() {
+ *     this.storageService.get<string>('theme').subscribe(value => {
+ *       this.themeState$.next({ value: value ?? 'light', loading: false, error: null })
+ *     })
+ *   }
+ *
+ *   setTheme(theme: string) {
+ *     this.storageService.set('theme', theme).subscribe()
+ *   }
+ * }
+ * ```
+ */
+/**
+ * Molecule Storage Service class.
+ */
+export class MoleculeStorageService {
+    constructor(provider) {
+        this.provider = provider;
+    }
+    /**
+     * Get a value from storage.
+     *
+     * @param key - Storage key
+     * @returns Observable of the value
+     */
+    get(key) {
+        return from(this.provider.get(key));
+    }
+    /**
+     * Set a value in storage.
+     *
+     * @param key - Storage key
+     * @param value - Value to store
+     * @returns Observable that completes when done
+     */
+    set(key, value) {
+        return from(this.provider.set(key, value));
+    }
+    /**
+     * Remove a value from storage.
+     *
+     * @param key - Storage key
+     * @returns Observable that completes when done
+     */
+    remove(key) {
+        return from(this.provider.remove(key));
+    }
+    /**
+     * Clear all values from storage.
+     *
+     * @returns Observable that completes when done
+     */
+    clear() {
+        return from(this.provider.clear());
+    }
+    /**
+     * Get all keys in storage.
+     *
+     * @returns Observable of key array
+     */
+    keys() {
+        return from(this.provider.keys());
+    }
+    /**
+     * Create a reactive storage value with auto-loading.
+     *
+     * @param key - Storage key
+     * @param defaultValue - Default value if not found
+     * @returns BehaviorSubject that syncs with storage
+     */
+    createValue(key, defaultValue) {
+        const state = new BehaviorSubject({
+            value: defaultValue,
+            loading: true,
+            error: null,
+        });
+        // Load initial value
+        this.get(key).subscribe({
+            next: (value) => {
+                state.next({
+                    value: value ?? defaultValue,
+                    loading: false,
+                    error: null,
+                });
+            },
+            error: (error) => {
+                state.next({
+                    value: defaultValue,
+                    loading: false,
+                    error,
+                });
+            },
+        });
+        return state;
+    }
+    /**
+     * Update a reactive storage value.
+     *
+     * @param key - Storage key
+     * @param value - New value
+     * @param state - State subject to update
+     */
+    updateValue(key, value, state) {
+        state.next({ ...state.value, loading: true });
+        this.set(key, value).subscribe({
+            next: () => {
+                state.next({ value, loading: false, error: null });
+            },
+            error: (error) => {
+                state.next({ ...state.value, loading: false, error });
+            },
+        });
+    }
+    static { this.ɵfac = function MoleculeStorageService_Factory(__ngFactoryType__) { /* @ts-ignore */
+    return new (__ngFactoryType__ || MoleculeStorageService)(i0.ɵɵinject(STORAGE_PROVIDER)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MoleculeStorageService, factory: MoleculeStorageService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MoleculeStorageService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: [STORAGE_PROVIDER]
+            }] }], null); })();
+//# sourceMappingURL=storage.service.js.map

package/dist/services/storage.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.service.js","sourceRoot":"","sources":["../../src/services/storage.service.ts"],"names":[],"mappings":"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"}

package/dist/services/theme.service.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Angular service for theming.
+ *
+ * @module
+ */
+import { type OnDestroy } from '@angular/core';
+import { type Observable } from 'rxjs';
+import type { Theme, ThemeProvider } from '@molecule/app-theme';
+import * as i0 from "@angular/core";
+/**
+ * Angular service for theming.
+ *
+ * Wraps molecule theme provider and exposes state as RxJS observables.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'app-root',
+ *   template: `
+ *     <div [style.background]="(theme$ | async)?.colors.background">
+ *       <button (click)="toggleTheme()">
+ *         Theme: {{ themeName$ | async }}
+ *       </button>
+ *     </div>
+ *   `
+ * })
+ * export class AppComponent {
+ *   theme$ = this.themeService.theme$
+ *   themeName$ = this.themeService.themeName$
+ *
+ *   constructor(private themeService: MoleculeThemeService) {}
+ *
+ *   toggleTheme() {
+ *     this.themeService.toggleTheme()
+ *   }
+ * }
+ * ```
+ */
+export declare class MoleculeThemeService implements OnDestroy {
+    private provider;
+    private themeSubject;
+    private themeNameSubject;
+    private unsubscribe;
+    /**
+     * Observable of the current theme.
+     */
+    theme$: Observable<Theme>;
+    /**
+     * Observable of the current theme name.
+     */
+    themeName$: Observable<string>;
+    /**
+     * Observable of the theme mode (light/dark).
+     */
+    mode$: Observable<'light' | 'dark'>;
+    constructor(provider: ThemeProvider);
+    /**
+     * Get the current theme snapshot.
+     * @returns The result.
+     */
+    get theme(): Theme;
+    /**
+     * Get the current theme name snapshot.
+     * @returns The result.
+     */
+    get themeName(): string;
+    /**
+     * Get available themes.
+     * @returns The result.
+     */
+    get themes(): Theme[];
+    /**
+     * Set the current theme.
+     *
+     * @param name - Theme name
+     */
+    setTheme(name: string): void;
+    /**
+     * Toggle to the next theme.
+     */
+    toggleTheme(): void;
+    /**
+     * Cleans up subscriptions and completes subjects on service destruction.
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MoleculeThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MoleculeThemeService>;
+}
+//# sourceMappingURL=theme.service.d.ts.map

package/dist/services/theme.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.service.d.ts","sourceRoot":"","sources":["../../src/services/theme.service.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAA8C,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAElF,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAMa,oBAAqB,YAAW,SAAS;IAoBhB,OAAO,CAAC,QAAQ;IAnBpD,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,WAAW,CAA4B;IAE/C;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAA;IAEzB;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAE9B;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAA;gBAES,QAAQ,EAAE,aAAa;IAkBnE;;;OAGG;IACH,IAAI,KAAK,IAAI,KAAK,CAEjB;IAED;;;OAGG;IACH,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED;;;OAGG;IACH,IAAI,MAAM,IAAI,KAAK,EAAE,CAEpB;IAED;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI5B;;OAEG;IACH,WAAW,IAAI,IAAI;IAQnB;;OAEG;IACH,WAAW,IAAI,IAAI;yCArFR,oBAAoB;6CAApB,oBAAoB;CA0FhC"}