@molecule/app-svelte 1.0.0

package/dist/stores/state.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Svelte stores for state management.
+ *
+ * @module
+ */
+import { type Readable } from 'svelte/store';
+import type { Store as MoleculeStore } from '@molecule/app-state';
+/**
+ * Create a readable Svelte store from a molecule store.
+ *
+ * @param store - The molecule store
+ * @returns Readable Svelte store
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createStoreReadable } from '@molecule/app-svelte'
+ *   import { counterStore } from './stores/counter'
+ *
+ *   const count = createStoreReadable(counterStore)
+ * </script>
+ *
+ * <p>Count: {$count}</p>
+ * ```
+ */
+export declare function createStoreReadable<T>(store: MoleculeStore<T>): Readable<T>;
+/**
+ * Create a derived Svelte store with a selector.
+ *
+ * @param store - The molecule store
+ * @param selector - Selector function
+ * @returns Derived Svelte store
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createStoreSelector } from '@molecule/app-svelte'
+ *   import { userStore } from './stores/user'
+ *
+ *   const userName = createStoreSelector(userStore, s => s.name)
+ * </script>
+ *
+ * <p>Hello, {$userName}!</p>
+ * ```
+ */
+export declare function createStoreSelector<T, S>(store: MoleculeStore<T>, selector: (state: T) => S): Readable<S>;
+/**
+ * Get the setState function from a molecule store.
+ *
+ * @param store - The molecule store
+ * @returns setState function
+ */
+export declare function getSetStore<T>(store: MoleculeStore<T>): MoleculeStore<T>['setState'];
+/**
+ * Create a bound action for a store.
+ *
+ * @param store - The store
+ * @param action - Action creator function
+ * @returns Bound action
+ */
+export declare function createStoreAction<T, Args extends unknown[], R>(store: MoleculeStore<T>, action: (setState: MoleculeStore<T>['setState'], getState: MoleculeStore<T>['getState']) => (...args: Args) => R): (...args: Args) => R;
+//# sourceMappingURL=state.d.ts.map

package/dist/stores/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/stores/state.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAW,KAAK,QAAQ,EAAY,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEjE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAM3E;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,CAAC,EACtC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GACxB,QAAQ,CAAC,CAAC,CAAC,CAGb;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAEpF;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,SAAS,OAAO,EAAE,EAAE,CAAC,EAC5D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EACvB,MAAM,EAAE,CACN,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EACtC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KACnC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,GACxB,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,CAEtB"}

package/dist/stores/state.js

@@ -0,0 +1,74 @@
+/**
+ * Svelte stores for state management.
+ *
+ * @module
+ */
+import { derived, readable } from 'svelte/store';
+/**
+ * Create a readable Svelte store from a molecule store.
+ *
+ * @param store - The molecule store
+ * @returns Readable Svelte store
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createStoreReadable } from '@molecule/app-svelte'
+ *   import { counterStore } from './stores/counter'
+ *
+ *   const count = createStoreReadable(counterStore)
+ * </script>
+ *
+ * <p>Count: {$count}</p>
+ * ```
+ */
+export function createStoreReadable(store) {
+    return readable(store.getState(), (set) => {
+        return store.subscribe(() => {
+            set(store.getState());
+        });
+    });
+}
+/**
+ * Create a derived Svelte store with a selector.
+ *
+ * @param store - The molecule store
+ * @param selector - Selector function
+ * @returns Derived Svelte store
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createStoreSelector } from '@molecule/app-svelte'
+ *   import { userStore } from './stores/user'
+ *
+ *   const userName = createStoreSelector(userStore, s => s.name)
+ * </script>
+ *
+ * <p>Hello, {$userName}!</p>
+ * ```
+ */
+export function createStoreSelector(store, selector) {
+    const storeReadable = createStoreReadable(store);
+    return derived(storeReadable, selector);
+}
+/**
+ * Get the setState function from a molecule store.
+ *
+ * @param store - The molecule store
+ * @returns setState function
+ */
+export function getSetStore(store) {
+    return store.setState;
+}
+/**
+ * Create a bound action for a store.
+ *
+ * @param store - The store
+ * @param action - Action creator function
+ * @returns Bound action
+ */
+export function createStoreAction(store, action) {
+    return (...args) => action(store.setState, store.getState)(...args);
+}
+//# sourceMappingURL=state.js.map

package/dist/stores/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/stores/state.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAA;AAI/D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,mBAAmB,CAAI,KAAuB;IAC5D,OAAO,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAuB,EAAE,EAAE;QAC5D,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAC1B,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;QACvB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAAuB,EACvB,QAAyB;IAEzB,MAAM,aAAa,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA;IAChD,OAAO,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AACzC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAI,KAAuB;IACpD,OAAO,KAAK,CAAC,QAAQ,CAAA;AACvB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAC/B,KAAuB,EACvB,MAGyB;IAEzB,OAAO,CAAC,GAAG,IAAU,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;AAC3E,CAAC"}

package/dist/stores/storage.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Svelte stores for storage.
+ *
+ * @module
+ */
+import { type Subscriber, type Unsubscriber } from 'svelte/store';
+import type { StorageProvider } from '@molecule/app-storage';
+import type { StorageValueState } from '../types.js';
+/**
+ * A storage value store with subscribe, load, set, and remove.
+ */
+interface StorageStore<T> {
+    subscribe: (run: Subscriber<StorageValueState<T>>, invalidate?: () => void) => Unsubscriber;
+    load: () => Promise<T | undefined>;
+    set: (value: T) => Promise<void>;
+    remove: () => Promise<void>;
+}
+/**
+ * Storage helper functions.
+ */
+interface StorageHelpers {
+    get: <T>(key: string) => Promise<T | null>;
+    set: <T>(key: string, value: T) => Promise<void>;
+    remove: (key: string) => Promise<void>;
+    clear: () => Promise<void>;
+    keys: () => Promise<string[]>;
+}
+/**
+ * Create a storage value store.
+ *
+ * @param key - Storage key
+ * @param defaultValue - Default value if not found
+ * @returns Store with value and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createStorageStore } from '@molecule/app-svelte'
+ *
+ *   const theme = createStorageStore('theme', 'light')
+ *
+ *   // Load on mount
+ *   onMount(() => theme.load())
+ * </script>
+ *
+ * {#if $theme.loading}
+ *   <p>Loading...</p>
+ * {:else}
+ *   <select
+ *     value={$theme.value}
+ *     on:change={(e) => theme.set(e.target.value)}
+ *   >
+ *     <option value="light">Light</option>
+ *     <option value="dark">Dark</option>
+ *   </select>
+ * {/if}
+ * ```
+ */
+export declare function createStorageStore<T>(key: string, defaultValue?: T): StorageStore<T>;
+/**
+ * Create storage helper functions from context.
+ *
+ * @returns Storage functions
+ */
+export declare function createStorageHelpers(): StorageHelpers;
+/**
+ * Create storage store from a specific provider.
+ *
+ * @param storage - Storage provider
+ * @param key - Storage key
+ * @param defaultValue - Default value
+ * @returns Store with value and actions
+ */
+export declare function createStorageStoreFromProvider<T>(storage: StorageProvider, key: string, defaultValue?: T): StorageStore<T>;
+export {};
+//# sourceMappingURL=storage.d.ts.map

package/dist/stores/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/stores/storage.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAY,MAAM,cAAc,CAAA;AAE3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEpD;;GAEG;AACH,UAAU,YAAY,CAAC,CAAC;IACtB,SAAS,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,IAAI,KAAK,YAAY,CAAA;IAC3F,IAAI,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAClC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B;AAED;;GAEG;AACH,UAAU,cAAc;IACtB,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IAC1C,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,IAAI,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CA2DpF;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,cAAc,CAUrD;AAED;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,EAC9C,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,MAAM,EACX,YAAY,CAAC,EAAE,CAAC,GACf,YAAY,CAAC,CAAC,CAAC,CAwCjB"}

package/dist/stores/storage.js

@@ -0,0 +1,159 @@
+/**
+ * Svelte stores for storage.
+ *
+ * @module
+ */
+import { writable } from 'svelte/store';
+import { getStorageProvider } from '../context.js';
+/**
+ * Create a storage value store.
+ *
+ * @param key - Storage key
+ * @param defaultValue - Default value if not found
+ * @returns Store with value and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createStorageStore } from '@molecule/app-svelte'
+ *
+ *   const theme = createStorageStore('theme', 'light')
+ *
+ *   // Load on mount
+ *   onMount(() => theme.load())
+ * </script>
+ *
+ * {#if $theme.loading}
+ *   <p>Loading...</p>
+ * {:else}
+ *   <select
+ *     value={$theme.value}
+ *     on:change={(e) => theme.set(e.target.value)}
+ *   >
+ *     <option value="light">Light</option>
+ *     <option value="dark">Dark</option>
+ *   </select>
+ * {/if}
+ * ```
+ */
+export function createStorageStore(key, defaultValue) {
+    const storage = getStorageProvider();
+    const store = writable({
+        value: defaultValue,
+        loading: true,
+        error: null,
+    });
+    const load = async () => {
+        store.update((s) => ({ ...s, loading: true, error: null }));
+        try {
+            const value = await storage.get(key);
+            store.set({
+                value: value ?? defaultValue,
+                loading: false,
+                error: null,
+            });
+            return value ?? defaultValue;
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error(String(error));
+            store.set({
+                value: defaultValue,
+                loading: false,
+                error: err,
+            });
+            return defaultValue;
+        }
+    };
+    const set = async (value) => {
+        try {
+            await storage.set(key, value);
+            store.update((s) => ({ ...s, value, error: null }));
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error(String(error));
+            store.update((s) => ({ ...s, error: err }));
+            throw err;
+        }
+    };
+    const remove = async () => {
+        try {
+            await storage.remove(key);
+            store.update((s) => ({ ...s, value: defaultValue, error: null }));
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error(String(error));
+            store.update((s) => ({ ...s, error: err }));
+            throw err;
+        }
+    };
+    return {
+        subscribe: store.subscribe,
+        load,
+        set,
+        remove,
+    };
+}
+/**
+ * Create storage helper functions from context.
+ *
+ * @returns Storage functions
+ */
+export function createStorageHelpers() {
+    const storage = getStorageProvider();
+    return {
+        get: (key) => storage.get(key),
+        set: (key, value) => storage.set(key, value),
+        remove: (key) => storage.remove(key),
+        clear: () => storage.clear(),
+        keys: () => storage.keys(),
+    };
+}
+/**
+ * Create storage store from a specific provider.
+ *
+ * @param storage - Storage provider
+ * @param key - Storage key
+ * @param defaultValue - Default value
+ * @returns Store with value and actions
+ */
+export function createStorageStoreFromProvider(storage, key, defaultValue) {
+    const store = writable({
+        value: defaultValue,
+        loading: true,
+        error: null,
+    });
+    const load = async () => {
+        store.update((s) => ({ ...s, loading: true, error: null }));
+        try {
+            const value = await storage.get(key);
+            store.set({ value: value ?? defaultValue, loading: false, error: null });
+            return value ?? defaultValue;
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error(String(error));
+            store.set({ value: defaultValue, loading: false, error: err });
+            return defaultValue;
+        }
+    };
+    const set = async (value) => {
+        try {
+            await storage.set(key, value);
+            store.update((s) => ({ ...s, value, error: null }));
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error(String(error));
+            store.update((s) => ({ ...s, error: err }));
+            throw err;
+        }
+    };
+    return {
+        subscribe: store.subscribe,
+        load,
+        set,
+        remove: async () => {
+            await storage.remove(key);
+            store.update((s) => ({ ...s, value: defaultValue, error: null }));
+        },
+    };
+}
+//# sourceMappingURL=storage.js.map

package/dist/stores/storage.js.map

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

package/dist/stores/theme.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Svelte stores for theming.
+ *
+ * @module
+ */
+import { type Readable } from 'svelte/store';
+import type { Theme, ThemeProvider } from '@molecule/app-theme';
+/**
+ * Theme stores and actions.
+ */
+interface ThemeStores {
+    theme: Readable<Theme>;
+    themeName: Readable<string>;
+    mode: Readable<Theme['mode']>;
+    themes: Theme[];
+    setTheme: (name: string) => void;
+    toggleTheme: () => void;
+}
+/**
+ * Create theme stores from the theme provider in context.
+ *
+ * @returns Theme stores and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createThemeStores } from '@molecule/app-svelte'
+ *
+ *   const { theme, themeName, mode, setTheme, toggleTheme } = createThemeStores()
+ * </script>
+ *
+ * <div style:background={$theme.colors.background}>
+ *   <p>Theme: {$themeName}</p>
+ *   <button on:click={toggleTheme}>Toggle ({$mode})</button>
+ * </div>
+ * ```
+ */
+export declare function createThemeStores(): ThemeStores & {
+    colors: Readable<Theme['colors']>;
+};
+/**
+ * Create a derived store that returns just the theme colors.
+ *
+ * @param theme - A readable theme store (from createThemeStores or createThemeStoresFromProvider)
+ * @returns Readable store of theme colors
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createThemeStores, createThemeColorsStore } from '@molecule/app-svelte'
+ *
+ *   const { theme } = createThemeStores()
+ *   const colors = createThemeColorsStore(theme)
+ * </script>
+ *
+ * <div style:color={$colors.text.primary}>Hello</div>
+ * ```
+ */
+export declare function createThemeColorsStore(theme: Readable<Theme>): Readable<Theme['colors']>;
+/**
+ * Create theme stores from a specific theme provider.
+ *
+ * @param provider - Theme provider
+ * @returns Theme stores and actions
+ */
+export declare function createThemeStoresFromProvider(provider: ThemeProvider): ThemeStores;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dist/stores/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/stores/theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAW,KAAK,QAAQ,EAAY,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAI/D;;GAEG;AACH,UAAU,WAAW;IACnB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACtB,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC3B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAC7B,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,IAAI,WAAW,GAAG;IAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;CAAE,CAgDvF;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAExF;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,aAAa,GAAG,WAAW,CA+BlF"}

package/dist/stores/theme.js

@@ -0,0 +1,119 @@
+/**
+ * Svelte stores for theming.
+ *
+ * @module
+ */
+import { derived, readable } from 'svelte/store';
+import { getThemeProvider } from '../context.js';
+/**
+ * Create theme stores from the theme provider in context.
+ *
+ * @returns Theme stores and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createThemeStores } from '@molecule/app-svelte'
+ *
+ *   const { theme, themeName, mode, setTheme, toggleTheme } = createThemeStores()
+ * </script>
+ *
+ * <div style:background={$theme.colors.background}>
+ *   <p>Theme: {$themeName}</p>
+ *   <button on:click={toggleTheme}>Toggle ({$mode})</button>
+ * </div>
+ * ```
+ */
+export function createThemeStores() {
+    const provider = getThemeProvider();
+    // Main theme store
+    const theme = readable(provider.getTheme(), (set) => {
+        return provider.subscribe(() => {
+            set(provider.getTheme());
+        });
+    });
+    // Theme name store
+    const themeName = readable(provider.getTheme().name, (set) => {
+        return provider.subscribe(() => {
+            set(provider.getTheme().name);
+        });
+    });
+    // Derived stores
+    const mode = derived(theme, ($theme) => $theme.mode);
+    const colors = derived(theme, ($theme) => $theme.colors);
+    // Get available themes
+    const themes = provider.getThemes?.() ?? [];
+    // Actions
+    const setTheme = (name) => {
+        provider.setTheme(name);
+    };
+    const toggleTheme = () => {
+        const currentName = provider.getTheme().name;
+        const currentIndex = themes.findIndex((t) => t.name === currentName);
+        const nextIndex = (currentIndex + 1) % themes.length;
+        provider.setTheme(themes[nextIndex]);
+    };
+    return {
+        theme,
+        themeName,
+        mode,
+        colors,
+        themes,
+        setTheme,
+        toggleTheme,
+    };
+}
+/**
+ * Create a derived store that returns just the theme colors.
+ *
+ * @param theme - A readable theme store (from createThemeStores or createThemeStoresFromProvider)
+ * @returns Readable store of theme colors
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createThemeStores, createThemeColorsStore } from '@molecule/app-svelte'
+ *
+ *   const { theme } = createThemeStores()
+ *   const colors = createThemeColorsStore(theme)
+ * </script>
+ *
+ * <div style:color={$colors.text.primary}>Hello</div>
+ * ```
+ */
+export function createThemeColorsStore(theme) {
+    return derived(theme, ($theme) => $theme.colors);
+}
+/**
+ * Create theme stores from a specific theme provider.
+ *
+ * @param provider - Theme provider
+ * @returns Theme stores and actions
+ */
+export function createThemeStoresFromProvider(provider) {
+    const theme = readable(provider.getTheme(), (set) => {
+        return provider.subscribe(() => {
+            set(provider.getTheme());
+        });
+    });
+    const themeName = readable(provider.getTheme().name, (set) => {
+        return provider.subscribe(() => {
+            set(provider.getTheme().name);
+        });
+    });
+    const mode = derived(theme, ($theme) => $theme.mode);
+    const themes = provider.getThemes?.() ?? [];
+    return {
+        theme,
+        themeName,
+        mode,
+        themes,
+        setTheme: (name) => provider.setTheme(name),
+        toggleTheme: () => {
+            const currentName = provider.getTheme().name;
+            const idx = themes.findIndex((t) => t.name === currentName);
+            provider.setTheme(themes[(idx + 1) % themes.length]);
+        },
+    };
+}
+//# sourceMappingURL=theme.js.map

package/dist/stores/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/stores/theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAA;AAI/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAchD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAA;IAEnC,mBAAmB;IACnB,MAAM,KAAK,GAAoB,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAA2B,EAAE,EAAE;QAC3F,OAAO,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7B,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC1B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB;IACnB,MAAM,SAAS,GAAqB,QAAQ,CAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EACxB,CAAC,GAA4B,EAAE,EAAE;QAC/B,OAAO,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7B,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;QAC/B,CAAC,CAAC,CAAA;IACJ,CAAC,CACF,CAAA;IAED,iBAAiB;IACjB,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,MAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC3D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,MAAa,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAE/D,uBAAuB;IACvB,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAA;IAE3C,UAAU;IACV,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAQ,EAAE;QACtC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAA;QAC5C,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,CAAA;QAC3E,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAA;QACpD,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IACtC,CAAC,CAAA;IAED,OAAO;QACL,KAAK;QACL,SAAS;QACT,IAAI;QACJ,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;KACZ,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAsB;IAC3D,OAAO,OAAO,CAAC,KAAK,EAAE,CAAC,MAAa,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AACzD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,6BAA6B,CAAC,QAAuB;IACnE,MAAM,KAAK,GAAoB,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAA2B,EAAE,EAAE;QAC3F,OAAO,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7B,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC1B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,GAAqB,QAAQ,CAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EACxB,CAAC,GAA4B,EAAE,EAAE;QAC/B,OAAO,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7B,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;QAC/B,CAAC,CAAC,CAAA;IACJ,CAAC,CACF,CAAA;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,MAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC3D,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAA;IAE3C,OAAO;QACL,KAAK;QACL,SAAS;QACT,IAAI;QACJ,MAAM;QACN,QAAQ,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;QACnD,WAAW,EAAE,GAAG,EAAE;YAChB,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAA;YAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,CAAA;YAClE,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;QACtD,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/stores/version.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Svelte stores for version and update management.
+ *
+ * @module
+ */
+import { type Readable } from 'svelte/store';
+import type { UpdateCheckOptions, VersionState } from '@molecule/app-version';
+/**
+ * Create version stores from the module-level version provider.
+ *
+ * @returns Version stores and actions
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createVersionStores } from '@molecule/app-svelte'
+ *
+ *   const { state, isUpdateAvailable, applyUpdate, dismissUpdate } = createVersionStores()
+ * </script>
+ *
+ * {#if $isUpdateAvailable}
+ *   <div>
+ *     <p>New version available: {$newVersion}</p>
+ *     <button on:click={() => applyUpdate()}>Update</button>
+ *     <button on:click={dismissUpdate}>Dismiss</button>
+ *   </div>
+ * {/if}
+ * ```
+ */
+export declare function createVersionStores(): {
+    state: Readable<VersionState>;
+    isUpdateAvailable: Readable<boolean>;
+    isChecking: Readable<boolean>;
+    isServiceWorkerWaiting: Readable<boolean>;
+    newVersion: Readable<string | undefined>;
+    checkForUpdates: () => Promise<boolean>;
+    applyUpdate: (options?: {
+        force?: boolean;
+    }) => void;
+    dismissUpdate: () => void;
+    startPeriodicChecks: (options?: UpdateCheckOptions) => void;
+    stopPeriodicChecks: () => void;
+};
+//# sourceMappingURL=version.d.ts.map

package/dist/stores/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/stores/version.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAW,KAAK,QAAQ,EAAY,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAgB,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAG3F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,mBAAmB,IAAI;IACrC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC7B,iBAAiB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACpC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC7B,sBAAsB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACzC,UAAU,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACxC,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IACvC,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACpD,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,mBAAmB,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC3D,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAyDA"}