resonare 0.1.4 → 0.1.5

package/README.md

@@ -13,7 +13,7 @@
 - Framework-agnostic
 - Prevent flicker on page load
 - Honor system preferences
-- Create sections with independent theming
+- Support sections with independent theming
 - Sync theme selection across tabs and windows
 - Flexible client-side persistence options, defaulting to localStorage
 - Support server-side persistence
@@ -53,16 +53,14 @@ const CONFIG = {
   },
 } as const satisfies ThemeStoreConfig
 
-export const themeScript = createInlineThemeScript([
-  {
-    config: CONFIG,
-    handler: ({ resolvedThemes }) => {
-      Object.entries(resolvedThemes).forEach(([key, value]) => {
-        document.documentElement.dataset[key] = value
-      })
-    },
+export const themeScript = createInlineThemeScript({
+  config: CONFIG,
+  handler: ({ resolvedThemes }) => {
+    Object.entries(resolvedThemes).forEach(([key, value]) => {
+      document.documentElement.dataset[key] = value
+    })
   },
-])
+})
 ```
 
 ### 2. Inject inline script
@@ -197,16 +195,14 @@ const CONFIG = {
   },
 } as const satisfies ThemeStoreConfig
 
-const script = createInlineThemeScript([
-  {
-    config: CONFIG,
-    handler: ({ resolvedThemes }) => {
-      Object.entries(resolvedThemes).forEach(([key, value]) => {
-        document.documentElement.dataset[key] = value
-      })
-    },
+const script = createInlineThemeScript({
+  config: CONFIG,
+  handler: ({ resolvedThemes }) => {
+    Object.entries(resolvedThemes).forEach(([key, value]) => {
+      document.documentElement.dataset[key] = value
+    })
   },
-])
+})
 ```
 
 ## Framework Integration
@@ -259,7 +255,7 @@ const PARAM = {
   },
 } as const satisfies ThemeScriptParameter
 
-export const themeScript = createInlineThemeScript([PARAM])
+export const themeScript = createInlineThemeScript(PARAM)
 
 const themeStore = createThemeStore(PARAM.config)
 

package/dist/index.js

@@ -1,2 +1,285 @@
-var e=`resonare`;const t=({key:e,type:t=`localStorage`})=>({abortController:n})=>({get:()=>JSON.parse(window[t].getItem(e)||`null`),set:n=>{window[t].setItem(e,JSON.stringify(n))},watch:r=>{let i=new AbortController;return window.addEventListener(`storage`,n=>{n.storageArea===window[t]&&n.key===e&&r(JSON.parse(n.newValue))},{signal:AbortSignal.any([n.signal,i.signal])}),()=>{i.abort()}}}),n=({key:t})=>({abortController:n})=>{let r=new Map,i=new BroadcastChannel(e);return{get:()=>r.get(t)||null,set:e=>{r.set(t,e)},broadcast:e=>{i.postMessage({key:t,value:e})},watch:e=>{let r=new AbortController;return i.addEventListener(`message`,n=>{n.data.key===t&&e(n.data.value)},{signal:AbortSignal.any([n.signal,r.signal])}),()=>{r.abort()}}}};function r(e){return Object.entries(e).map(([e,t])=>[e,(t.options||[]).map(e=>typeof e==`object`?e.value:e)])}function i(e){return Object.fromEntries(Object.entries(e).map(([e,t])=>[e,t.initialValue??(typeof t.options[0]==`object`?t.options[0].value:t.options[0])]))}var a=class{#e;#t;#n;#r;#i;#a={};#o=new Set;#s=new AbortController;constructor(n,{initialState:r={},storage:a=t({key:e})}={}){let o={};this.#e=i(n),this.#t={...this.#e,...r.themes},this.#n=Object.fromEntries(Object.entries(n).map(([e,t])=>{let n=(t.options||[]).map(t=>typeof t==`object`?(t.media&&(o[e]=[t.media[1],t.media[2]]),[String(t.value),t]):[String(t),{value:t}]);return[e,Object.fromEntries(n)]})),this.#r={...o,...r.systemOptions},this.#i=a?.({abortController:this.#s})??null}getThemes=()=>this.#t;getResolvedThemes=()=>Object.fromEntries(Object.entries(this.#t).map(([e,t])=>{let n=this.#n[e]?.[t];return[e,n?this.#l({themeKey:e,option:n}):t]}));setThemes=e=>{let t=typeof e==`function`?e(this.#t):e;this.#c({...this.#t,...t});let n=this.toPersist();this.#i&&(this.#i.set(n),this.#i.broadcast?.(n))};updateSystemOption=(e,[t,n])=>{this.#r[e]=[t,n],this.setThemes({...this.#t})};toPersist=()=>({themes:this.#t,systemOptions:this.#r});restore=()=>{let e=this.#i?.get();if(!e){this.#c({...this.#e});return}this.#r={...this.#r,...e.systemOptions},this.#c({...this.#e,...e.themes})};subscribe=e=>(this.#o.add(e),()=>{this.#o.delete(e)});sync=()=>{if(this.#i?.watch)return this.#i.watch(e=>{this.#r=e.systemOptions,this.#c(e.themes)})};destroy=()=>{this.#o.clear(),this.#s.abort()};#c=e=>{this.#t=e;for(let e of this.#o)e({themes:this.#t,resolvedThemes:this.getResolvedThemes()})};#l=({themeKey:t,option:n})=>{if(!n.media)return n.value;if(!(typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0))return process.env.NODE_ENV!==`production`&&console.warn(`[${e}] Option with key "media" cannot be resolved in server environment.`),n.value;let r=this.#a,[i]=n.media;if(!r[i]){let e=window.matchMedia(i);r[i]=e,e.addEventListener(`change`,()=>{this.#t[t]===n.value&&this.#c({...this.#t})},{signal:this.#s.signal})}let[a,o]=this.#r[t];return r[i].matches?a:o}};function o(e,t={}){return new a(e,t)}const s=e=>{e.forEach(([e,t,n])=>{let r=JSON.parse(localStorage.getItem(e)||`{}`).themes??{};n(t.reduce((e,[t,n,i,a,o,s])=>{let c=r[t]??n;return e.resolvedThemes[t]=e.themes[t]=c,c===i&&(e.resolvedThemes[t]=matchMedia(a).matches?o:s),e},{themes:{},resolvedThemes:{}}))})};function c(t){return`(${s})([${(Array.isArray(t)?t:[t]).map(({key:t=e,config:n,handler:r})=>{let i=Object.entries(n).map(([e,{options:t,initialValue:n}])=>{let r=t?.[0],i=n??(typeof r==`object`?r.value:r),a=t?.find(e=>typeof e==`object`&&!!e.media);if(a){let{value:t,media:[n,r,o]}=a;return[e,i,t,n,r,o]}return[e,i]});return`['${t}', ${JSON.stringify(i)}, ${r}]`})}])`}export{c as createInlineThemeScript,o as createThemeStore,i as getDefaultThemes,r as getThemesAndOptions,t as localStorageAdapter,n as memoryStorageAdapter};
+//#region package.json
+var name = "resonare";
+//#endregion
+//#region src/storage.ts
+/**
+* Persists theme store in `localStorage` or `sessionStorage`.
+* @example
+* ```ts
+* import { createThemeStore, localStorageAdapter } from 'resonare'
+*
+* const store = createThemeStore(
+*   { colorMode: { options: ['light', 'dark'] },
+*   { storage: localStorageAdapter({ key: 'app', type: 'localStorage' }) },
+* )
+* ```
+*/
+const localStorageAdapter = ({ key, type = "localStorage" }) => {
+	return ({ abortController }) => {
+		return {
+			get: () => {
+				return JSON.parse(window[type].getItem(key) || "null");
+			},
+			set: (value) => {
+				window[type].setItem(key, JSON.stringify(value));
+			},
+			watch: (cb) => {
+				const controller = new AbortController();
+				window.addEventListener("storage", (e) => {
+					if (e.storageArea !== window[type]) return;
+					if (e.key !== key) return;
+					cb(JSON.parse(e.newValue));
+				}, { signal: AbortSignal.any([abortController.signal, controller.signal]) });
+				return () => {
+					controller.abort();
+				};
+			}
+		};
+	};
+};
+/**
+* In-memory persistence and sync via `BroadcastChannel`.
+* Useful with server-side persistence.
+* @example
+* ```ts
+* import { createThemeStore, memoryStorageAdapter } from 'resonare'
+*
+* const store = createThemeStore(
+*   { colorMode: { options: ['light', 'dark'] },
+*   { storage: memoryStorageAdapter({ key: 'app' }) },
+* )
+* ```
+*/
+const memoryStorageAdapter = ({ key }) => {
+	return ({ abortController }) => {
+		const storage = /* @__PURE__ */ new Map();
+		const channel = new BroadcastChannel(name);
+		return {
+			get: () => {
+				return storage.get(key) || null;
+			},
+			set: (value) => {
+				storage.set(key, value);
+			},
+			broadcast: (value) => {
+				channel.postMessage({
+					key,
+					value
+				});
+			},
+			watch: (cb) => {
+				const controller = new AbortController();
+				channel.addEventListener("message", (e) => {
+					if (e.data.key !== key) return;
+					cb(e.data.value);
+				}, { signal: AbortSignal.any([abortController.signal, controller.signal]) });
+				return () => {
+					controller.abort();
+				};
+			}
+		};
+	};
+};
+//#endregion
+//#region src/index.ts
+function getThemesAndOptions(config) {
+	return Object.entries(config).map(([themeKey, themeConfig]) => {
+		return [themeKey, (themeConfig.options || []).map((option) => typeof option === "object" ? option.value : option)];
+	});
+}
+function getDefaultThemes(config) {
+	return Object.fromEntries(Object.entries(config).map(([themeKey, themeConfig]) => {
+		return [themeKey, themeConfig.initialValue ?? (typeof themeConfig.options[0] === "object" ? themeConfig.options[0].value : themeConfig.options[0])];
+	}));
+}
+var ThemeStore = class {
+	#defaultThemes;
+	#currentThemes;
+	#keyedConfig;
+	#systemOptions;
+	#storage;
+	#mediaQueryCache = {};
+	#listeners = /* @__PURE__ */ new Set();
+	#abortController = new AbortController();
+	constructor(config, { initialState = {}, storage = localStorageAdapter({ key: name }) } = {}) {
+		const systemOptions = {};
+		this.#defaultThemes = getDefaultThemes(config);
+		this.#currentThemes = {
+			...this.#defaultThemes,
+			...initialState.themes
+		};
+		this.#keyedConfig = Object.fromEntries(Object.entries(config).map(([themeKey, themeConfig]) => {
+			const entries = (themeConfig.options || []).map((option) => {
+				if (typeof option === "object") {
+					if (option.media) systemOptions[themeKey] = [option.media[1], option.media[2]];
+					return [String(option.value), option];
+				}
+				return [String(option), { value: option }];
+			});
+			return [themeKey, Object.fromEntries(entries)];
+		}));
+		this.#systemOptions = {
+			...systemOptions,
+			...initialState.systemOptions
+		};
+		this.#storage = storage?.({ abortController: this.#abortController }) ?? null;
+	}
+	getThemes = () => {
+		return this.#currentThemes;
+	};
+	getResolvedThemes = () => {
+		return Object.fromEntries(Object.entries(this.#currentThemes).map(([themeKey, optionKey]) => {
+			const option = this.#keyedConfig[themeKey]?.[optionKey];
+			return [themeKey, option ? this.#resolveThemeOption({
+				themeKey,
+				option
+			}) : optionKey];
+		}));
+	};
+	setThemes = (themes) => {
+		const updatedThemes = typeof themes === "function" ? themes(this.#currentThemes) : themes;
+		this.#setThemesAndNotify({
+			...this.#currentThemes,
+			...updatedThemes
+		});
+		const stateToPersist = this.toPersist();
+		if (this.#storage) {
+			this.#storage.set(stateToPersist);
+			this.#storage.broadcast?.(stateToPersist);
+		}
+	};
+	updateSystemOption = (themeKey, [ifMatch, ifNotMatch]) => {
+		this.#systemOptions[themeKey] = [ifMatch, ifNotMatch];
+		this.setThemes({ ...this.#currentThemes });
+	};
+	toPersist = () => {
+		return {
+			themes: this.#currentThemes,
+			systemOptions: this.#systemOptions
+		};
+	};
+	restore = () => {
+		const persistedState = this.#storage?.get();
+		if (!persistedState) {
+			this.#setThemesAndNotify({ ...this.#defaultThemes });
+			return;
+		}
+		this.#systemOptions = {
+			...this.#systemOptions,
+			...persistedState.systemOptions
+		};
+		this.#setThemesAndNotify({
+			...this.#defaultThemes,
+			...persistedState.themes
+		});
+	};
+	subscribe = (callback) => {
+		this.#listeners.add(callback);
+		return () => {
+			this.#listeners.delete(callback);
+		};
+	};
+	sync = () => {
+		if (!this.#storage?.watch) return;
+		return this.#storage.watch((persistedState) => {
+			this.#systemOptions = persistedState.systemOptions;
+			this.#setThemesAndNotify(persistedState.themes);
+		});
+	};
+	/** Clears subscribers and aborts media-query listeners tied to this store instance. */
+	destroy = () => {
+		this.#listeners.clear();
+		this.#abortController.abort();
+	};
+	#setThemesAndNotify = (themes) => {
+		this.#currentThemes = themes;
+		for (const listener of this.#listeners) listener({
+			themes: this.#currentThemes,
+			resolvedThemes: this.getResolvedThemes()
+		});
+	};
+	#resolveThemeOption = ({ themeKey, option }) => {
+		if (!option.media) return option.value;
+		if (!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined")) {
+			if (!(process.env.NODE_ENV === "production")) console.warn(`[${name}] Option with key "media" cannot be resolved in server environment.`);
+			return option.value;
+		}
+		const cache = this.#mediaQueryCache;
+		const [mediaQuery] = option.media;
+		if (!cache[mediaQuery]) {
+			const mediaQueryList = window.matchMedia(mediaQuery);
+			cache[mediaQuery] = mediaQueryList;
+			mediaQueryList.addEventListener("change", () => {
+				if (this.#currentThemes[themeKey] === option.value) this.#setThemesAndNotify({ ...this.#currentThemes });
+			}, { signal: this.#abortController.signal });
+		}
+		const [ifMatch, ifNotMatch] = this.#systemOptions[themeKey];
+		return cache[mediaQuery].matches ? ifMatch : ifNotMatch;
+	};
+};
+function createThemeStore(config, options = {}) {
+	return new ThemeStore(config, options);
+}
+const restoreScript = (params) => {
+	params.forEach(([key, flattenedConfig, handler]) => {
+		const persistedThemes = JSON.parse(localStorage.getItem(key) || "{}").themes ?? {};
+		handler(flattenedConfig.reduce((acc, [themeKey, initial, systemOptionValue, mediaQuery, ifMatch, ifNotMatch]) => {
+			const currentValue = persistedThemes[themeKey] ?? initial;
+			acc.resolvedThemes[themeKey] = acc.themes[themeKey] = currentValue;
+			if (currentValue === systemOptionValue) acc.resolvedThemes[themeKey] = matchMedia(mediaQuery).matches ? ifMatch : ifNotMatch;
+			return acc;
+		}, {
+			themes: {},
+			resolvedThemes: {}
+		}));
+	});
+};
+/**
+* Creates an IIFE script string that reads persisted themes from `localStorage` and runs your handlers immediately.
+*
+* Useful for avoiding flash of incorrect styles.
+* @example
+* ```tsx
+* import { createInlineThemeScript } from 'resonare'
+*
+* const inlineScript = createInlineThemeScript([
+*   {
+*     key: 'my-app',
+*     config: {
+*       colorMode: { options: ['light', 'dark'] },
+*     },
+*     handler: ({ resolvedThemes }) => {
+*       document.documentElement.dataset.colorMode = String(
+*         resolvedThemes.colorMode,
+*       )
+*     },
+*   },
+* ])
+* ```
+*/
+function createInlineThemeScript(themeScriptParameters) {
+	return `(${restoreScript})([${(Array.isArray(themeScriptParameters) ? themeScriptParameters : [themeScriptParameters]).map(({ key = name, config, handler }) => {
+		const flattenedConfig = Object.entries(config).map(([themeKey, { options, initialValue }]) => {
+			const firstOption = options?.[0];
+			const resolvedInitialValue = initialValue ?? (typeof firstOption === "object" ? firstOption.value : firstOption);
+			const systemOption = options?.find((option) => typeof option === "object" && !!option.media);
+			if (systemOption) {
+				const { value, media: [mediaQuery, ifMatch, ifNotMatch] } = systemOption;
+				return [
+					themeKey,
+					resolvedInitialValue,
+					value,
+					mediaQuery,
+					ifMatch,
+					ifNotMatch
+				];
+			}
+			return [themeKey, resolvedInitialValue];
+		});
+		return `['${key}', ${JSON.stringify(flattenedConfig)}, ${handler}]`;
+	})}])`;
+}
+//#endregion
+export { createInlineThemeScript, createThemeStore, getDefaultThemes, getThemesAndOptions, localStorageAdapter, memoryStorageAdapter };
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["name","PACKAGE_NAME","type","StorageAdapter","get","set","value","broadcast","watch","cb","StorageAdapterCreate","abortController","AbortController","StorageAdapterCreator","options","Options","localStorageAdapter","key","JSON","parse","window","getItem","setItem","stringify","controller","addEventListener","e","storageArea","newValue","signal","AbortSignal","any","abort","memoryStorageAdapter","storage","Map","channel","BroadcastChannel","postMessage","data","name","PACKAGE_NAME","type","localStorageAdapter","StorageAdapter","StorageAdapterCreate","ThemeValue","ThemeOption","value","T","media","ThemeConfig","options","ReadonlyArray","initialValue","ThemeStoreConfig","Record","KeyedThemeStoreConfig","Themes","K","U","Listener","themes","resolvedThemes","ThemeKeysWithSystemOption","NonSystemOptionValues","SystemOptions","PersistedState","Partial","systemOptions","ThemeStoreOptions","initialState","storage","ThemeAndOptions","Array","getThemesAndOptions","config","Object","entries","map","themeKey","themeConfig","option","getDefaultThemes","fromEntries","ThemeStore","defaultThemes","currentThemes","keyedConfig","mediaQueryCache","MediaQueryList","listeners","Set","abortController","AbortController","constructor","key","String","getThemes","getResolvedThemes","optionKey","resolveThemeOption","setThemes","updatedThemes","setThemesAndNotify","stateToPersist","toPersist","set","broadcast","updateSystemOption","ifMatch","ifNotMatch","restore","persistedState","get","subscribe","callback","add","delete","sync","watch","destroy","clear","abort","#setThemesAndNotify","listener","#resolveThemeOption","window","document","createElement","PROD","console","warn","cache","mediaQuery","mediaQueryList","matchMedia","addEventListener","signal","matches","createThemeStore","restoreScript","params","forEach","flattenedConfig","handler","persistedThemes","JSON","parse","localStorage","getItem","reduce","acc","initial","systemOptionValue","currentValue","ThemeScriptParameter","createInlineThemeScript","themeScriptParameters","serializedArgs","isArray","firstOption","resolvedInitialValue","systemOption","find","Required","stringify"],"sources":["../package.json","../src/storage.ts","../src/index.ts"],"sourcesContent":["","import { name as PACKAGE_NAME } from '../package.json' with { type: 'json' }\n\n/**\n * Pluggable persistence for `createThemeStore`.\n */\nexport type StorageAdapter = {\n\tget: () => object | null\n\tset: (value: object) => void\n\t/** Optional: notify other tabs/contexts after local `set` operation. */\n\tbroadcast?: (value: object) => void\n\t/** Optional: subscribes to other tabs/contexts' updates, returns `unsubscribe` function. */\n\twatch?: (cb: (value: object) => void) => () => void\n}\n\nexport type StorageAdapterCreate = ({\n\tabortController,\n}: {\n\tabortController: AbortController\n}) => StorageAdapter\n\nexport type StorageAdapterCreator<Options> = (\n\toptions: Options,\n) => StorageAdapterCreate\n\n/**\n * Persists theme store in `localStorage` or `sessionStorage`.\n * @example\n * ```ts\n * import { createThemeStore, localStorageAdapter } from 'resonare'\n *\n * const store = createThemeStore(\n *   { colorMode: { options: ['light', 'dark'] },\n *   { storage: localStorageAdapter({ key: 'app', type: 'localStorage' }) },\n * )\n * ```\n */\nexport const localStorageAdapter: StorageAdapterCreator<{\n\tkey: string\n\ttype?: 'localStorage' | 'sessionStorage'\n}> = ({ key, type = 'localStorage' }) => {\n\treturn ({ abortController }) => {\n\t\treturn {\n\t\t\tget: () => {\n\t\t\t\treturn JSON.parse(window[type].getItem(key) || 'null')\n\t\t\t},\n\n\t\t\tset: (value: object) => {\n\t\t\t\twindow[type].setItem(key, JSON.stringify(value))\n\t\t\t},\n\n\t\t\twatch: (cb) => {\n\t\t\t\tconst controller = new AbortController()\n\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'storage',\n\t\t\t\t\t(e) => {\n\t\t\t\t\t\tif (e.storageArea !== window[type]) return\n\n\t\t\t\t\t\tif (e.key !== key) return\n\n\t\t\t\t\t\tcb(JSON.parse(e.newValue!))\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsignal: AbortSignal.any([\n\t\t\t\t\t\t\tabortController.signal,\n\t\t\t\t\t\t\tcontroller.signal,\n\t\t\t\t\t\t]),\n\t\t\t\t\t},\n\t\t\t\t)\n\n\t\t\t\treturn () => {\n\t\t\t\t\tcontroller.abort()\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t}\n}\n\n/**\n * In-memory persistence and sync via `BroadcastChannel`.\n * Useful with server-side persistence.\n * @example\n * ```ts\n * import { createThemeStore, memoryStorageAdapter } from 'resonare'\n *\n * const store = createThemeStore(\n *   { colorMode: { options: ['light', 'dark'] },\n *   { storage: memoryStorageAdapter({ key: 'app' }) },\n * )\n * ```\n */\nexport const memoryStorageAdapter: StorageAdapterCreator<{\n\tkey: string\n}> = ({ key }) => {\n\treturn ({ abortController }) => {\n\t\tconst storage = new Map<string, object>()\n\t\tconst channel = new BroadcastChannel(PACKAGE_NAME)\n\n\t\treturn {\n\t\t\tget: () => {\n\t\t\t\treturn storage.get(key) || null\n\t\t\t},\n\n\t\t\tset: (value: object) => {\n\t\t\t\tstorage.set(key, value)\n\t\t\t},\n\n\t\t\tbroadcast: (value: object) => {\n\t\t\t\tchannel.postMessage({ key, value })\n\t\t\t},\n\n\t\t\twatch: (cb) => {\n\t\t\t\tconst controller = new AbortController()\n\n\t\t\t\tchannel.addEventListener(\n\t\t\t\t\t'message',\n\t\t\t\t\t(e) => {\n\t\t\t\t\t\tif (e.data.key !== key) return\n\n\t\t\t\t\t\tcb(e.data.value)\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsignal: AbortSignal.any([\n\t\t\t\t\t\t\tabortController.signal,\n\t\t\t\t\t\t\tcontroller.signal,\n\t\t\t\t\t\t]),\n\t\t\t\t\t},\n\t\t\t\t)\n\n\t\t\t\treturn () => {\n\t\t\t\t\tcontroller.abort()\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t}\n}\n","import { name as PACKAGE_NAME } from '../package.json' with { type: 'json' }\nimport {\n\tlocalStorageAdapter,\n\ttype StorageAdapter,\n\ttype StorageAdapterCreate,\n} from './storage'\n\nexport * from './storage'\n\ntype ThemeValue = string | number | boolean\n\ntype ThemeOption<T extends ThemeValue = string> = {\n\tvalue: T\n\tmedia?: [string, T, T]\n}\n\ntype ThemeConfig<T extends ThemeValue = string> =\n\t| {\n\t\t\toptions: ReadonlyArray<T | ThemeOption<T>>\n\t\t\tinitialValue?: T\n\t  }\n\t| { initialValue: T; options?: never }\n\nexport type ThemeStoreConfig = Record<\n\tstring,\n\tThemeConfig<string> | ThemeConfig<number> | ThemeConfig<boolean>\n>\n\n// { [themeKey]: { [optionKey]: ThemeOption } }\ntype KeyedThemeStoreConfig<T extends ThemeStoreConfig> = {\n\t[K in keyof T]: Record<string, ThemeOption>\n}\n\nexport type Themes<T extends ThemeStoreConfig> = {\n\t[K in keyof T]: T[K] extends { options: ReadonlyArray<infer U> }\n\t\t? U extends ThemeOption\n\t\t\t? U['value']\n\t\t\t: U\n\t\t: T[K] extends { initialValue: infer U }\n\t\t\t? U extends string\n\t\t\t\t? string\n\t\t\t\t: U extends number\n\t\t\t\t\t? number\n\t\t\t\t\t: boolean\n\t\t\t: never\n}\n\ntype Listener<T extends ThemeStoreConfig> = (value: {\n\tthemes: Themes<T>\n\tresolvedThemes: Themes<T>\n}) => void\n\ntype ThemeKeysWithSystemOption<T extends ThemeStoreConfig> = {\n\t[K in keyof T]: T[K] extends { options: ReadonlyArray<infer U> }\n\t\t? U extends { media: ReadonlyArray<unknown> }\n\t\t\t? K\n\t\t\t: never\n\t\t: never\n}[keyof T]\n\ntype NonSystemOptionValues<\n\tT extends ThemeStoreConfig,\n\tK extends keyof T,\n> = T[K] extends { options: ReadonlyArray<infer U> }\n\t? U extends ThemeValue\n\t\t? U\n\t\t: U extends ThemeOption\n\t\t\t? U extends { media: [string, string, string] }\n\t\t\t\t? never\n\t\t\t\t: U['value']\n\t\t\t: never\n\t: never\n\ntype SystemOptions<T extends ThemeStoreConfig> = {\n\t[K in ThemeKeysWithSystemOption<T>]?: [\n\t\tNonSystemOptionValues<T, K>,\n\t\tNonSystemOptionValues<T, K>,\n\t]\n}\n\ntype PersistedState<T extends ThemeStoreConfig> = {\n\tthemes: Partial<Themes<T>>\n\tsystemOptions: SystemOptions<T>\n}\n\ntype ThemeStoreOptions<T extends ThemeStoreConfig> = {\n\tinitialState?: Partial<PersistedState<T>>\n\tstorage?: StorageAdapterCreate | null\n}\n\ntype ThemeAndOptions<T extends ThemeStoreConfig> = Array<\n\t{\n\t\t[K in keyof T]: [\n\t\t\tK,\n\t\t\tArray<\n\t\t\t\tT[K] extends { options: ReadonlyArray<infer U> }\n\t\t\t\t\t? U extends ThemeOption\n\t\t\t\t\t\t? U['value']\n\t\t\t\t\t\t: U\n\t\t\t\t\t: never\n\t\t\t>,\n\t\t]\n\t}[keyof T]\n>\n\nexport function getThemesAndOptions<T extends ThemeStoreConfig>(config: T) {\n\treturn Object.entries(config).map(([themeKey, themeConfig]) => {\n\t\treturn [\n\t\t\tthemeKey,\n\t\t\t(themeConfig.options || []).map((option) =>\n\t\t\t\ttypeof option === 'object' ? option.value : option,\n\t\t\t),\n\t\t]\n\t}) as ThemeAndOptions<T>\n}\n\nexport function getDefaultThemes<T extends ThemeStoreConfig>(config: T) {\n\treturn Object.fromEntries(\n\t\tObject.entries(config).map(([themeKey, themeConfig]) => {\n\t\t\treturn [\n\t\t\t\tthemeKey,\n\t\t\t\tthemeConfig.initialValue ??\n\t\t\t\t\t(typeof themeConfig.options[0] === 'object'\n\t\t\t\t\t\t? themeConfig.options[0].value\n\t\t\t\t\t\t: themeConfig.options[0]),\n\t\t\t]\n\t\t}),\n\t) as Themes<T>\n}\n\nclass ThemeStore<T extends ThemeStoreConfig> {\n\t#defaultThemes: Themes<T>\n\n\t#currentThemes: Themes<T>\n\n\t#keyedConfig: KeyedThemeStoreConfig<T>\n\n\t#systemOptions: SystemOptions<T>\n\n\t#storage: StorageAdapter | null\n\n\t#mediaQueryCache: Record<string, MediaQueryList> = {}\n\n\t#listeners: Set<Listener<T>> = new Set<Listener<T>>()\n\n\t#abortController = new AbortController()\n\n\tconstructor(\n\t\tconfig: T,\n\t\t{\n\t\t\tinitialState = {},\n\t\t\tstorage = localStorageAdapter({ key: PACKAGE_NAME }),\n\t\t}: ThemeStoreOptions<T> = {},\n\t) {\n\t\tconst systemOptions: Record<string, [ThemeValue, ThemeValue]> = {}\n\n\t\tthis.#defaultThemes = getDefaultThemes(config)\n\n\t\tthis.#currentThemes = { ...this.#defaultThemes, ...initialState.themes }\n\n\t\tthis.#keyedConfig = Object.fromEntries(\n\t\t\tObject.entries(config).map(([themeKey, themeConfig]) => {\n\t\t\t\tconst entries = (themeConfig.options || []).map((option) => {\n\t\t\t\t\tif (typeof option === 'object') {\n\t\t\t\t\t\tif (option.media) {\n\t\t\t\t\t\t\tsystemOptions[themeKey] = [option.media[1], option.media[2]]\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn [String(option.value), option]\n\t\t\t\t\t}\n\n\t\t\t\t\treturn [String(option), { value: option }]\n\t\t\t\t})\n\n\t\t\t\treturn [themeKey, Object.fromEntries(entries)]\n\t\t\t}),\n\t\t) as KeyedThemeStoreConfig<T>\n\n\t\tthis.#systemOptions = { ...systemOptions, ...initialState.systemOptions }\n\n\t\tthis.#storage =\n\t\t\tstorage?.({\n\t\t\t\tabortController: this.#abortController,\n\t\t\t}) ?? null\n\t}\n\n\tgetThemes = (): Themes<T> => {\n\t\treturn this.#currentThemes\n\t}\n\n\tgetResolvedThemes = (): Themes<T> => {\n\t\treturn Object.fromEntries(\n\t\t\tObject.entries(this.#currentThemes).map(([themeKey, optionKey]) => {\n\t\t\t\tconst option = this.#keyedConfig[themeKey]?.[optionKey]\n\n\t\t\t\treturn [\n\t\t\t\t\tthemeKey,\n\t\t\t\t\toption ? this.#resolveThemeOption({ themeKey, option }) : optionKey,\n\t\t\t\t]\n\t\t\t}),\n\t\t) as Themes<T>\n\t}\n\n\tsetThemes = (\n\t\tthemes:\n\t\t\t| Partial<Themes<T>>\n\t\t\t| ((currentThemes: Themes<T>) => Partial<Themes<T>>),\n\t): void => {\n\t\tconst updatedThemes =\n\t\t\ttypeof themes === 'function' ? themes(this.#currentThemes) : themes\n\n\t\tthis.#setThemesAndNotify({ ...this.#currentThemes, ...updatedThemes })\n\n\t\tconst stateToPersist = this.toPersist()\n\n\t\tif (this.#storage) {\n\t\t\tthis.#storage.set(stateToPersist)\n\t\t\tthis.#storage.broadcast?.(stateToPersist)\n\t\t}\n\t}\n\n\tupdateSystemOption = <K extends ThemeKeysWithSystemOption<T>>(\n\t\tthemeKey: K,\n\t\t[ifMatch, ifNotMatch]: [\n\t\t\tNonSystemOptionValues<T, K>,\n\t\t\tNonSystemOptionValues<T, K>,\n\t\t],\n\t): void => {\n\t\tthis.#systemOptions[themeKey] = [ifMatch, ifNotMatch]\n\n\t\tthis.setThemes({ ...this.#currentThemes })\n\t}\n\n\ttoPersist = (): PersistedState<T> => {\n\t\treturn {\n\t\t\tthemes: this.#currentThemes,\n\t\t\tsystemOptions: this.#systemOptions,\n\t\t}\n\t}\n\n\trestore = (): void => {\n\t\tconst persistedState = this.#storage?.get()\n\n\t\tif (!persistedState) {\n\t\t\tthis.#setThemesAndNotify({ ...this.#defaultThemes })\n\t\t\treturn\n\t\t}\n\n\t\tthis.#systemOptions = {\n\t\t\t...this.#systemOptions,\n\t\t\t...persistedState.systemOptions,\n\t\t}\n\n\t\tthis.#setThemesAndNotify({\n\t\t\t...this.#defaultThemes,\n\t\t\t...persistedState.themes,\n\t\t})\n\t}\n\n\tsubscribe = (callback: Listener<T>): (() => void) => {\n\t\tthis.#listeners.add(callback)\n\n\t\treturn () => {\n\t\t\tthis.#listeners.delete(callback)\n\t\t}\n\t}\n\n\tsync = (): (() => void) | undefined => {\n\t\tif (!this.#storage?.watch) return\n\n\t\treturn this.#storage.watch((persistedState) => {\n\t\t\tthis.#systemOptions = (persistedState as PersistedState<T>).systemOptions\n\n\t\t\tthis.#setThemesAndNotify((persistedState as PersistedState<T>).themes)\n\t\t})\n\t}\n\n\t/** Clears subscribers and aborts media-query listeners tied to this store instance. */\n\tdestroy = (): void => {\n\t\tthis.#listeners.clear()\n\t\tthis.#abortController.abort()\n\t}\n\n\t#setThemesAndNotify = (themes: Themes<T>): void => {\n\t\tthis.#currentThemes = themes\n\n\t\tfor (const listener of this.#listeners) {\n\t\t\tlistener({\n\t\t\t\tthemes: this.#currentThemes,\n\t\t\t\tresolvedThemes: this.getResolvedThemes(),\n\t\t\t})\n\t\t}\n\t}\n\n\t#resolveThemeOption = ({\n\t\tthemeKey,\n\t\toption,\n\t}: {\n\t\tthemeKey: string\n\t\toption: ThemeOption\n\t}): string => {\n\t\tif (!option.media) return option.value\n\n\t\tif (\n\t\t\t!(\n\t\t\t\ttypeof window !== 'undefined' &&\n\t\t\t\ttypeof window.document !== 'undefined' &&\n\t\t\t\ttypeof window.document.createElement !== 'undefined'\n\t\t\t)\n\t\t) {\n\t\t\tif (!PROD) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[${PACKAGE_NAME}] Option with key \"media\" cannot be resolved in server environment.`,\n\t\t\t\t)\n\t\t\t}\n\n\t\t\treturn option.value\n\t\t}\n\n\t\tconst cache = this.#mediaQueryCache\n\n\t\tconst [mediaQuery] = option.media\n\n\t\tif (!cache[mediaQuery]) {\n\t\t\tconst mediaQueryList = window.matchMedia(mediaQuery)\n\n\t\t\tcache[mediaQuery] = mediaQueryList\n\n\t\t\tmediaQueryList.addEventListener(\n\t\t\t\t'change',\n\t\t\t\t() => {\n\t\t\t\t\tif (this.#currentThemes[themeKey] === option.value) {\n\t\t\t\t\t\tthis.#setThemesAndNotify({ ...this.#currentThemes })\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ signal: this.#abortController.signal },\n\t\t\t)\n\t\t}\n\n\t\tconst [ifMatch, ifNotMatch] = this.#systemOptions[themeKey]!\n\n\t\treturn cache[mediaQuery].matches ? ifMatch : ifNotMatch\n\t}\n}\n\nexport type { ThemeStore }\n\nexport function createThemeStore<T extends ThemeStoreConfig>(\n\tconfig: T,\n\toptions: ThemeStoreOptions<T> = {},\n): ThemeStore<T> {\n\treturn new ThemeStore<T>(config, options)\n}\n\nconst restoreScript = <T extends ThemeValue>(\n\tparams: Array<\n\t\t[string, Array<[string, T] | [string, T, T, string, T, T]>, Listener<any>]\n\t>,\n) => {\n\tparams.forEach(([key, flattenedConfig, handler]) => {\n\t\tconst persistedThemes =\n\t\t\tJSON.parse(localStorage.getItem(key) || '{}').themes ?? {}\n\n\t\thandler(\n\t\t\tflattenedConfig.reduce<{\n\t\t\t\tthemes: Record<string, ThemeValue>\n\t\t\t\tresolvedThemes: Record<string, ThemeValue>\n\t\t\t}>(\n\t\t\t\t(\n\t\t\t\t\tacc,\n\t\t\t\t\t[\n\t\t\t\t\t\tthemeKey,\n\t\t\t\t\t\tinitial,\n\t\t\t\t\t\tsystemOptionValue,\n\t\t\t\t\t\tmediaQuery,\n\t\t\t\t\t\tifMatch,\n\t\t\t\t\t\tifNotMatch,\n\t\t\t\t\t],\n\t\t\t\t) => {\n\t\t\t\t\tconst currentValue = persistedThemes[themeKey] ?? initial\n\n\t\t\t\t\tacc.resolvedThemes[themeKey] = acc.themes[themeKey] = currentValue\n\n\t\t\t\t\tif (currentValue === systemOptionValue) {\n\t\t\t\t\t\tacc.resolvedThemes[themeKey] = matchMedia(mediaQuery!).matches\n\t\t\t\t\t\t\t? ifMatch!\n\t\t\t\t\t\t\t: ifNotMatch!\n\t\t\t\t\t}\n\n\t\t\t\t\treturn acc\n\t\t\t\t},\n\t\t\t\t{ themes: {}, resolvedThemes: {} },\n\t\t\t),\n\t\t)\n\t})\n}\n\nexport type ThemeScriptParameter = {\n\t/** `localStorage` key; defaults to the 'resonare'. */\n\tkey?: string\n\tconfig: ThemeStoreConfig\n\thandler: Listener<any>\n}\n\n/**\n * Creates an IIFE script string that reads persisted themes from `localStorage` and runs your handlers immediately.\n *\n * Useful for avoiding flash of incorrect styles.\n * @example\n * ```tsx\n * import { createInlineThemeScript } from 'resonare'\n *\n * const inlineScript = createInlineThemeScript([\n *   {\n *     key: 'my-app',\n *     config: {\n *       colorMode: { options: ['light', 'dark'] },\n *     },\n *     handler: ({ resolvedThemes }) => {\n *       document.documentElement.dataset.colorMode = String(\n *         resolvedThemes.colorMode,\n *       )\n *     },\n *   },\n * ])\n * ```\n */\nexport function createInlineThemeScript(\n\tthemeScriptParameters: ThemeScriptParameter | Array<ThemeScriptParameter>,\n) {\n\tconst serializedArgs = (\n\t\tArray.isArray(themeScriptParameters)\n\t\t\t? themeScriptParameters\n\t\t\t: [themeScriptParameters]\n\t).map(({ key = PACKAGE_NAME, config, handler }) => {\n\t\tconst flattenedConfig = Object.entries(config).map(\n\t\t\t([themeKey, { options, initialValue }]) => {\n\t\t\t\tconst firstOption = options?.[0]\n\n\t\t\t\tconst resolvedInitialValue =\n\t\t\t\t\tinitialValue ??\n\t\t\t\t\t(typeof firstOption === 'object' ? firstOption.value : firstOption!)\n\n\t\t\t\tconst systemOption = options?.find(\n\t\t\t\t\t(option): option is Required<ThemeOption> =>\n\t\t\t\t\t\ttypeof option === 'object' && !!option.media,\n\t\t\t\t)\n\n\t\t\t\tif (systemOption) {\n\t\t\t\t\tconst {\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tmedia: [mediaQuery, ifMatch, ifNotMatch],\n\t\t\t\t\t} = systemOption\n\n\t\t\t\t\treturn [\n\t\t\t\t\t\tthemeKey,\n\t\t\t\t\t\tresolvedInitialValue,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tmediaQuery,\n\t\t\t\t\t\tifMatch,\n\t\t\t\t\t\tifNotMatch,\n\t\t\t\t\t]\n\t\t\t\t}\n\n\t\t\t\treturn [themeKey, resolvedInitialValue]\n\t\t\t},\n\t\t)\n\n\t\treturn `['${key}', ${JSON.stringify(flattenedConfig)}, ${handler}]`\n\t})\n\n\treturn `(${restoreScript})([${serializedArgs}])`\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["name","PACKAGE_NAME","type","StorageAdapter","get","set","value","broadcast","watch","cb","StorageAdapterCreate","abortController","AbortController","StorageAdapterCreator","options","Options","localStorageAdapter","key","JSON","parse","window","getItem","setItem","stringify","controller","addEventListener","e","storageArea","newValue","signal","AbortSignal","any","abort","memoryStorageAdapter","storage","Map","channel","BroadcastChannel","postMessage","data","name","PACKAGE_NAME","type","localStorageAdapter","StorageAdapter","StorageAdapterCreate","ThemeValue","ThemeOption","value","T","media","ThemeConfig","options","ReadonlyArray","initialValue","ThemeStoreConfig","Record","KeyedThemeStoreConfig","Themes","K","U","Listener","themes","resolvedThemes","ThemeKeysWithSystemOption","NonSystemOptionValues","SystemOptions","PersistedState","Partial","systemOptions","ThemeStoreOptions","initialState","storage","ThemeAndOptions","Array","getThemesAndOptions","config","Object","entries","map","themeKey","themeConfig","option","getDefaultThemes","fromEntries","ThemeStore","defaultThemes","currentThemes","keyedConfig","mediaQueryCache","MediaQueryList","listeners","Set","abortController","AbortController","constructor","key","String","getThemes","getResolvedThemes","optionKey","resolveThemeOption","setThemes","updatedThemes","setThemesAndNotify","stateToPersist","toPersist","set","broadcast","updateSystemOption","ifMatch","ifNotMatch","restore","persistedState","get","subscribe","callback","add","delete","sync","watch","destroy","clear","abort","#setThemesAndNotify","listener","#resolveThemeOption","window","document","createElement","PROD","console","warn","cache","mediaQuery","mediaQueryList","matchMedia","addEventListener","signal","matches","createThemeStore","restoreScript","params","forEach","flattenedConfig","handler","persistedThemes","JSON","parse","localStorage","getItem","reduce","acc","initial","systemOptionValue","currentValue","ThemeScriptParameter","createInlineThemeScript","themeScriptParameters","serializedArgs","isArray","firstOption","resolvedInitialValue","systemOption","find","Required","stringify"],"sources":["../package.json","../src/storage.ts","../src/index.ts"],"sourcesContent":["","import { name as PACKAGE_NAME } from '../package.json' with { type: 'json' }\n\n/**\n * Pluggable persistence for `createThemeStore`.\n */\nexport type StorageAdapter = {\n\tget: () => object | null\n\tset: (value: object) => void\n\t/** Optional: notify other tabs/contexts after local `set` operation. */\n\tbroadcast?: (value: object) => void\n\t/** Optional: subscribes to other tabs/contexts' updates, returns `unsubscribe` function. */\n\twatch?: (cb: (value: object) => void) => () => void\n}\n\nexport type StorageAdapterCreate = ({\n\tabortController,\n}: {\n\tabortController: AbortController\n}) => StorageAdapter\n\nexport type StorageAdapterCreator<Options> = (\n\toptions: Options,\n) => StorageAdapterCreate\n\n/**\n * Persists theme store in `localStorage` or `sessionStorage`.\n * @example\n * ```ts\n * import { createThemeStore, localStorageAdapter } from 'resonare'\n *\n * const store = createThemeStore(\n *   { colorMode: { options: ['light', 'dark'] },\n *   { storage: localStorageAdapter({ key: 'app', type: 'localStorage' }) },\n * )\n * ```\n */\nexport const localStorageAdapter: StorageAdapterCreator<{\n\tkey: string\n\ttype?: 'localStorage' | 'sessionStorage'\n}> = ({ key, type = 'localStorage' }) => {\n\treturn ({ abortController }) => {\n\t\treturn {\n\t\t\tget: () => {\n\t\t\t\treturn JSON.parse(window[type].getItem(key) || 'null')\n\t\t\t},\n\n\t\t\tset: (value: object) => {\n\t\t\t\twindow[type].setItem(key, JSON.stringify(value))\n\t\t\t},\n\n\t\t\twatch: (cb) => {\n\t\t\t\tconst controller = new AbortController()\n\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'storage',\n\t\t\t\t\t(e) => {\n\t\t\t\t\t\tif (e.storageArea !== window[type]) return\n\n\t\t\t\t\t\tif (e.key !== key) return\n\n\t\t\t\t\t\tcb(JSON.parse(e.newValue!))\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsignal: AbortSignal.any([\n\t\t\t\t\t\t\tabortController.signal,\n\t\t\t\t\t\t\tcontroller.signal,\n\t\t\t\t\t\t]),\n\t\t\t\t\t},\n\t\t\t\t)\n\n\t\t\t\treturn () => {\n\t\t\t\t\tcontroller.abort()\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t}\n}\n\n/**\n * In-memory persistence and sync via `BroadcastChannel`.\n * Useful with server-side persistence.\n * @example\n * ```ts\n * import { createThemeStore, memoryStorageAdapter } from 'resonare'\n *\n * const store = createThemeStore(\n *   { colorMode: { options: ['light', 'dark'] },\n *   { storage: memoryStorageAdapter({ key: 'app' }) },\n * )\n * ```\n */\nexport const memoryStorageAdapter: StorageAdapterCreator<{\n\tkey: string\n}> = ({ key }) => {\n\treturn ({ abortController }) => {\n\t\tconst storage = new Map<string, object>()\n\t\tconst channel = new BroadcastChannel(PACKAGE_NAME)\n\n\t\treturn {\n\t\t\tget: () => {\n\t\t\t\treturn storage.get(key) || null\n\t\t\t},\n\n\t\t\tset: (value: object) => {\n\t\t\t\tstorage.set(key, value)\n\t\t\t},\n\n\t\t\tbroadcast: (value: object) => {\n\t\t\t\tchannel.postMessage({ key, value })\n\t\t\t},\n\n\t\t\twatch: (cb) => {\n\t\t\t\tconst controller = new AbortController()\n\n\t\t\t\tchannel.addEventListener(\n\t\t\t\t\t'message',\n\t\t\t\t\t(e) => {\n\t\t\t\t\t\tif (e.data.key !== key) return\n\n\t\t\t\t\t\tcb(e.data.value)\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsignal: AbortSignal.any([\n\t\t\t\t\t\t\tabortController.signal,\n\t\t\t\t\t\t\tcontroller.signal,\n\t\t\t\t\t\t]),\n\t\t\t\t\t},\n\t\t\t\t)\n\n\t\t\t\treturn () => {\n\t\t\t\t\tcontroller.abort()\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t}\n}\n","import { name as PACKAGE_NAME } from '../package.json' with { type: 'json' }\nimport {\n\tlocalStorageAdapter,\n\ttype StorageAdapter,\n\ttype StorageAdapterCreate,\n} from './storage'\n\nexport * from './storage'\n\ntype ThemeValue = string | number | boolean\n\ntype ThemeOption<T extends ThemeValue = string> = {\n\tvalue: T\n\tmedia?: [string, T, T]\n}\n\ntype ThemeConfig<T extends ThemeValue = string> =\n\t| {\n\t\t\toptions: ReadonlyArray<T | ThemeOption<T>>\n\t\t\tinitialValue?: T\n\t  }\n\t| { initialValue: T; options?: never }\n\nexport type ThemeStoreConfig = Record<\n\tstring,\n\tThemeConfig<string> | ThemeConfig<number> | ThemeConfig<boolean>\n>\n\n// { [themeKey]: { [optionKey]: ThemeOption } }\ntype KeyedThemeStoreConfig<T extends ThemeStoreConfig> = {\n\t[K in keyof T]: Record<string, ThemeOption>\n}\n\nexport type Themes<T extends ThemeStoreConfig> = {\n\t[K in keyof T]: T[K] extends { options: ReadonlyArray<infer U> }\n\t\t? U extends ThemeOption\n\t\t\t? U['value']\n\t\t\t: U\n\t\t: T[K] extends { initialValue: infer U }\n\t\t\t? U extends string\n\t\t\t\t? string\n\t\t\t\t: U extends number\n\t\t\t\t\t? number\n\t\t\t\t\t: boolean\n\t\t\t: never\n}\n\ntype Listener<T extends ThemeStoreConfig> = (value: {\n\tthemes: Themes<T>\n\tresolvedThemes: Themes<T>\n}) => void\n\ntype ThemeKeysWithSystemOption<T extends ThemeStoreConfig> = {\n\t[K in keyof T]: T[K] extends { options: ReadonlyArray<infer U> }\n\t\t? U extends { media: ReadonlyArray<unknown> }\n\t\t\t? K\n\t\t\t: never\n\t\t: never\n}[keyof T]\n\ntype NonSystemOptionValues<\n\tT extends ThemeStoreConfig,\n\tK extends keyof T,\n> = T[K] extends { options: ReadonlyArray<infer U> }\n\t? U extends ThemeValue\n\t\t? U\n\t\t: U extends ThemeOption\n\t\t\t? U extends { media: [string, string, string] }\n\t\t\t\t? never\n\t\t\t\t: U['value']\n\t\t\t: never\n\t: never\n\ntype SystemOptions<T extends ThemeStoreConfig> = {\n\t[K in ThemeKeysWithSystemOption<T>]?: [\n\t\tNonSystemOptionValues<T, K>,\n\t\tNonSystemOptionValues<T, K>,\n\t]\n}\n\ntype PersistedState<T extends ThemeStoreConfig> = {\n\tthemes: Partial<Themes<T>>\n\tsystemOptions: SystemOptions<T>\n}\n\ntype ThemeStoreOptions<T extends ThemeStoreConfig> = {\n\tinitialState?: Partial<PersistedState<T>>\n\tstorage?: StorageAdapterCreate | null\n}\n\ntype ThemeAndOptions<T extends ThemeStoreConfig> = Array<\n\t{\n\t\t[K in keyof T]: [\n\t\t\tK,\n\t\t\tArray<\n\t\t\t\tT[K] extends { options: ReadonlyArray<infer U> }\n\t\t\t\t\t? U extends ThemeOption\n\t\t\t\t\t\t? U['value']\n\t\t\t\t\t\t: U\n\t\t\t\t\t: never\n\t\t\t>,\n\t\t]\n\t}[keyof T]\n>\n\nexport function getThemesAndOptions<T extends ThemeStoreConfig>(config: T) {\n\treturn Object.entries(config).map(([themeKey, themeConfig]) => {\n\t\treturn [\n\t\t\tthemeKey,\n\t\t\t(themeConfig.options || []).map((option) =>\n\t\t\t\ttypeof option === 'object' ? option.value : option,\n\t\t\t),\n\t\t]\n\t}) as ThemeAndOptions<T>\n}\n\nexport function getDefaultThemes<T extends ThemeStoreConfig>(config: T) {\n\treturn Object.fromEntries(\n\t\tObject.entries(config).map(([themeKey, themeConfig]) => {\n\t\t\treturn [\n\t\t\t\tthemeKey,\n\t\t\t\tthemeConfig.initialValue ??\n\t\t\t\t\t(typeof themeConfig.options[0] === 'object'\n\t\t\t\t\t\t? themeConfig.options[0].value\n\t\t\t\t\t\t: themeConfig.options[0]),\n\t\t\t]\n\t\t}),\n\t) as Themes<T>\n}\n\nclass ThemeStore<T extends ThemeStoreConfig> {\n\t#defaultThemes: Themes<T>\n\n\t#currentThemes: Themes<T>\n\n\t#keyedConfig: KeyedThemeStoreConfig<T>\n\n\t#systemOptions: SystemOptions<T>\n\n\t#storage: StorageAdapter | null\n\n\t#mediaQueryCache: Record<string, MediaQueryList> = {}\n\n\t#listeners: Set<Listener<T>> = new Set<Listener<T>>()\n\n\t#abortController = new AbortController()\n\n\tconstructor(\n\t\tconfig: T,\n\t\t{\n\t\t\tinitialState = {},\n\t\t\tstorage = localStorageAdapter({ key: PACKAGE_NAME }),\n\t\t}: ThemeStoreOptions<T> = {},\n\t) {\n\t\tconst systemOptions: Record<string, [ThemeValue, ThemeValue]> = {}\n\n\t\tthis.#defaultThemes = getDefaultThemes(config)\n\n\t\tthis.#currentThemes = { ...this.#defaultThemes, ...initialState.themes }\n\n\t\tthis.#keyedConfig = Object.fromEntries(\n\t\t\tObject.entries(config).map(([themeKey, themeConfig]) => {\n\t\t\t\tconst entries = (themeConfig.options || []).map((option) => {\n\t\t\t\t\tif (typeof option === 'object') {\n\t\t\t\t\t\tif (option.media) {\n\t\t\t\t\t\t\tsystemOptions[themeKey] = [option.media[1], option.media[2]]\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn [String(option.value), option]\n\t\t\t\t\t}\n\n\t\t\t\t\treturn [String(option), { value: option }]\n\t\t\t\t})\n\n\t\t\t\treturn [themeKey, Object.fromEntries(entries)]\n\t\t\t}),\n\t\t) as KeyedThemeStoreConfig<T>\n\n\t\tthis.#systemOptions = { ...systemOptions, ...initialState.systemOptions }\n\n\t\tthis.#storage =\n\t\t\tstorage?.({\n\t\t\t\tabortController: this.#abortController,\n\t\t\t}) ?? null\n\t}\n\n\tgetThemes = (): Themes<T> => {\n\t\treturn this.#currentThemes\n\t}\n\n\tgetResolvedThemes = (): Themes<T> => {\n\t\treturn Object.fromEntries(\n\t\t\tObject.entries(this.#currentThemes).map(([themeKey, optionKey]) => {\n\t\t\t\tconst option = this.#keyedConfig[themeKey]?.[optionKey]\n\n\t\t\t\treturn [\n\t\t\t\t\tthemeKey,\n\t\t\t\t\toption ? this.#resolveThemeOption({ themeKey, option }) : optionKey,\n\t\t\t\t]\n\t\t\t}),\n\t\t) as Themes<T>\n\t}\n\n\tsetThemes = (\n\t\tthemes:\n\t\t\t| Partial<Themes<T>>\n\t\t\t| ((currentThemes: Themes<T>) => Partial<Themes<T>>),\n\t): void => {\n\t\tconst updatedThemes =\n\t\t\ttypeof themes === 'function' ? themes(this.#currentThemes) : themes\n\n\t\tthis.#setThemesAndNotify({ ...this.#currentThemes, ...updatedThemes })\n\n\t\tconst stateToPersist = this.toPersist()\n\n\t\tif (this.#storage) {\n\t\t\tthis.#storage.set(stateToPersist)\n\t\t\tthis.#storage.broadcast?.(stateToPersist)\n\t\t}\n\t}\n\n\tupdateSystemOption = <K extends ThemeKeysWithSystemOption<T>>(\n\t\tthemeKey: K,\n\t\t[ifMatch, ifNotMatch]: [\n\t\t\tNonSystemOptionValues<T, K>,\n\t\t\tNonSystemOptionValues<T, K>,\n\t\t],\n\t): void => {\n\t\tthis.#systemOptions[themeKey] = [ifMatch, ifNotMatch]\n\n\t\tthis.setThemes({ ...this.#currentThemes })\n\t}\n\n\ttoPersist = (): PersistedState<T> => {\n\t\treturn {\n\t\t\tthemes: this.#currentThemes,\n\t\t\tsystemOptions: this.#systemOptions,\n\t\t}\n\t}\n\n\trestore = (): void => {\n\t\tconst persistedState = this.#storage?.get()\n\n\t\tif (!persistedState) {\n\t\t\tthis.#setThemesAndNotify({ ...this.#defaultThemes })\n\t\t\treturn\n\t\t}\n\n\t\tthis.#systemOptions = {\n\t\t\t...this.#systemOptions,\n\t\t\t...persistedState.systemOptions,\n\t\t}\n\n\t\tthis.#setThemesAndNotify({\n\t\t\t...this.#defaultThemes,\n\t\t\t...persistedState.themes,\n\t\t})\n\t}\n\n\tsubscribe = (callback: Listener<T>): (() => void) => {\n\t\tthis.#listeners.add(callback)\n\n\t\treturn () => {\n\t\t\tthis.#listeners.delete(callback)\n\t\t}\n\t}\n\n\tsync = (): (() => void) | undefined => {\n\t\tif (!this.#storage?.watch) return\n\n\t\treturn this.#storage.watch((persistedState) => {\n\t\t\tthis.#systemOptions = (persistedState as PersistedState<T>).systemOptions\n\n\t\t\tthis.#setThemesAndNotify((persistedState as PersistedState<T>).themes)\n\t\t})\n\t}\n\n\t/** Clears subscribers and aborts media-query listeners tied to this store instance. */\n\tdestroy = (): void => {\n\t\tthis.#listeners.clear()\n\t\tthis.#abortController.abort()\n\t}\n\n\t#setThemesAndNotify = (themes: Themes<T>): void => {\n\t\tthis.#currentThemes = themes\n\n\t\tfor (const listener of this.#listeners) {\n\t\t\tlistener({\n\t\t\t\tthemes: this.#currentThemes,\n\t\t\t\tresolvedThemes: this.getResolvedThemes(),\n\t\t\t})\n\t\t}\n\t}\n\n\t#resolveThemeOption = ({\n\t\tthemeKey,\n\t\toption,\n\t}: {\n\t\tthemeKey: string\n\t\toption: ThemeOption\n\t}): string => {\n\t\tif (!option.media) return option.value\n\n\t\tif (\n\t\t\t!(\n\t\t\t\ttypeof window !== 'undefined' &&\n\t\t\t\ttypeof window.document !== 'undefined' &&\n\t\t\t\ttypeof window.document.createElement !== 'undefined'\n\t\t\t)\n\t\t) {\n\t\t\tif (!PROD) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[${PACKAGE_NAME}] Option with key \"media\" cannot be resolved in server environment.`,\n\t\t\t\t)\n\t\t\t}\n\n\t\t\treturn option.value\n\t\t}\n\n\t\tconst cache = this.#mediaQueryCache\n\n\t\tconst [mediaQuery] = option.media\n\n\t\tif (!cache[mediaQuery]) {\n\t\t\tconst mediaQueryList = window.matchMedia(mediaQuery)\n\n\t\t\tcache[mediaQuery] = mediaQueryList\n\n\t\t\tmediaQueryList.addEventListener(\n\t\t\t\t'change',\n\t\t\t\t() => {\n\t\t\t\t\tif (this.#currentThemes[themeKey] === option.value) {\n\t\t\t\t\t\tthis.#setThemesAndNotify({ ...this.#currentThemes })\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ signal: this.#abortController.signal },\n\t\t\t)\n\t\t}\n\n\t\tconst [ifMatch, ifNotMatch] = this.#systemOptions[themeKey]!\n\n\t\treturn cache[mediaQuery].matches ? ifMatch : ifNotMatch\n\t}\n}\n\nexport type { ThemeStore }\n\nexport function createThemeStore<T extends ThemeStoreConfig>(\n\tconfig: T,\n\toptions: ThemeStoreOptions<T> = {},\n): ThemeStore<T> {\n\treturn new ThemeStore<T>(config, options)\n}\n\nconst restoreScript = <T extends ThemeValue>(\n\tparams: Array<\n\t\t[string, Array<[string, T] | [string, T, T, string, T, T]>, Listener<any>]\n\t>,\n) => {\n\tparams.forEach(([key, flattenedConfig, handler]) => {\n\t\tconst persistedThemes =\n\t\t\tJSON.parse(localStorage.getItem(key) || '{}').themes ?? {}\n\n\t\thandler(\n\t\t\tflattenedConfig.reduce<{\n\t\t\t\tthemes: Record<string, ThemeValue>\n\t\t\t\tresolvedThemes: Record<string, ThemeValue>\n\t\t\t}>(\n\t\t\t\t(\n\t\t\t\t\tacc,\n\t\t\t\t\t[\n\t\t\t\t\t\tthemeKey,\n\t\t\t\t\t\tinitial,\n\t\t\t\t\t\tsystemOptionValue,\n\t\t\t\t\t\tmediaQuery,\n\t\t\t\t\t\tifMatch,\n\t\t\t\t\t\tifNotMatch,\n\t\t\t\t\t],\n\t\t\t\t) => {\n\t\t\t\t\tconst currentValue = persistedThemes[themeKey] ?? initial\n\n\t\t\t\t\tacc.resolvedThemes[themeKey] = acc.themes[themeKey] = currentValue\n\n\t\t\t\t\tif (currentValue === systemOptionValue) {\n\t\t\t\t\t\tacc.resolvedThemes[themeKey] = matchMedia(mediaQuery!).matches\n\t\t\t\t\t\t\t? ifMatch!\n\t\t\t\t\t\t\t: ifNotMatch!\n\t\t\t\t\t}\n\n\t\t\t\t\treturn acc\n\t\t\t\t},\n\t\t\t\t{ themes: {}, resolvedThemes: {} },\n\t\t\t),\n\t\t)\n\t})\n}\n\nexport type ThemeScriptParameter = {\n\t/** `localStorage` key; defaults to the 'resonare'. */\n\tkey?: string\n\tconfig: ThemeStoreConfig\n\thandler: Listener<any>\n}\n\n/**\n * Creates an IIFE script string that reads persisted themes from `localStorage` and runs your handlers immediately.\n *\n * Useful for avoiding flash of incorrect styles.\n * @example\n * ```tsx\n * import { createInlineThemeScript } from 'resonare'\n *\n * const inlineScript = createInlineThemeScript([\n *   {\n *     key: 'my-app',\n *     config: {\n *       colorMode: { options: ['light', 'dark'] },\n *     },\n *     handler: ({ resolvedThemes }) => {\n *       document.documentElement.dataset.colorMode = String(\n *         resolvedThemes.colorMode,\n *       )\n *     },\n *   },\n * ])\n * ```\n */\nexport function createInlineThemeScript(\n\tthemeScriptParameters: ThemeScriptParameter | Array<ThemeScriptParameter>,\n) {\n\tconst serializedArgs = (\n\t\tArray.isArray(themeScriptParameters)\n\t\t\t? themeScriptParameters\n\t\t\t: [themeScriptParameters]\n\t).map(({ key = PACKAGE_NAME, config, handler }) => {\n\t\tconst flattenedConfig = Object.entries(config).map(\n\t\t\t([themeKey, { options, initialValue }]) => {\n\t\t\t\tconst firstOption = options?.[0]\n\n\t\t\t\tconst resolvedInitialValue =\n\t\t\t\t\tinitialValue ??\n\t\t\t\t\t(typeof firstOption === 'object' ? firstOption.value : firstOption!)\n\n\t\t\t\tconst systemOption = options?.find(\n\t\t\t\t\t(option): option is Required<ThemeOption> =>\n\t\t\t\t\t\ttypeof option === 'object' && !!option.media,\n\t\t\t\t)\n\n\t\t\t\tif (systemOption) {\n\t\t\t\t\tconst {\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tmedia: [mediaQuery, ifMatch, ifNotMatch],\n\t\t\t\t\t} = systemOption\n\n\t\t\t\t\treturn [\n\t\t\t\t\t\tthemeKey,\n\t\t\t\t\t\tresolvedInitialValue,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tmediaQuery,\n\t\t\t\t\t\tifMatch,\n\t\t\t\t\t\tifNotMatch,\n\t\t\t\t\t]\n\t\t\t\t}\n\n\t\t\t\treturn [themeKey, resolvedInitialValue]\n\t\t\t},\n\t\t)\n\n\t\treturn `['${key}', ${JSON.stringify(flattenedConfig)}, ${handler}]`\n\t})\n\n\treturn `(${restoreScript})([${serializedArgs}])`\n}\n"],"mappings":"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"}

package/dist/react.js

@@ -1,2 +1,55 @@
-import{c as e}from"react-compiler-runtime";import*as t from"react";function n(n){let r=e(12),{destroy:i,getResolvedThemes:a,getThemes:o,restore:s,setThemes:c,subscribe:l,sync:u,toPersist:d,updateSystemOption:f}=n,p=t.useSyncExternalStore(l,o,o),m;r[0]===a?m=r[1]:(m=a(),r[0]=a,r[1]=m);let h;return r[2]!==i||r[3]!==s||r[4]!==c||r[5]!==l||r[6]!==u||r[7]!==m||r[8]!==p||r[9]!==d||r[10]!==f?(h={themes:p,resolvedThemes:m,destroy:i,restore:s,setThemes:c,subscribe:l,sync:u,toPersist:d,updateSystemOption:f},r[2]=i,r[3]=s,r[4]=c,r[5]=l,r[6]=u,r[7]=m,r[8]=p,r[9]=d,r[10]=f,r[11]=h):h=r[11],h}export{n as useResonare};
+import { c } from "react-compiler-runtime";
+import * as React from "react";
+//#region src/react.ts
+/**
+* Subscribes a React component to a theme store.
+* @example
+* ```tsx
+* export function ThemeToggle() {
+*   const { themes, resolvedThemes, setThemes } = useResonare(store)
+*
+*   // ...
+* }
+* ```
+*/
+function useResonare(store) {
+	const $ = c(13);
+	const { destroy, getResolvedThemes, getThemes, restore, setThemes, subscribe, sync, toPersist, updateSystemOption } = store;
+	const themes = React.useSyncExternalStore(subscribe, getThemes, getThemes);
+	let t0;
+	if ($[0] !== getResolvedThemes || $[1] !== themes) {
+		t0 = getResolvedThemes(themes);
+		$[0] = getResolvedThemes;
+		$[1] = themes;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== destroy || $[4] !== restore || $[5] !== setThemes || $[6] !== subscribe || $[7] !== sync || $[8] !== t0 || $[9] !== themes || $[10] !== toPersist || $[11] !== updateSystemOption) {
+		t1 = {
+			themes,
+			resolvedThemes: t0,
+			destroy,
+			restore,
+			setThemes,
+			subscribe,
+			sync,
+			toPersist,
+			updateSystemOption
+		};
+		$[3] = destroy;
+		$[4] = restore;
+		$[5] = setThemes;
+		$[6] = subscribe;
+		$[7] = sync;
+		$[8] = t0;
+		$[9] = themes;
+		$[10] = toPersist;
+		$[11] = updateSystemOption;
+		$[12] = t1;
+	} else t1 = $[12];
+	return t1;
+}
+//#endregion
+export { useResonare };
+
 //# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","names":["React","ThemeStore","ThemeStoreConfig","useResonare","store","$","_c","destroy","getResolvedThemes","getThemes","restore","setThemes","subscribe","sync","toPersist","updateSystemOption","themes","useSyncExternalStore","t0","t1","resolvedThemes"],"sources":["../src/react.ts"],"sourcesContent":["import * as React from 'react'\nimport type { ThemeStore, ThemeStoreConfig } from '.'\n\n/**\n * Subscribes a React component to a theme store.\n * @example\n * ```tsx\n * export function ThemeToggle() {\n *   const { themes, resolvedThemes, setThemes } = useResonare(store)\n *\n *   // ...\n * }\n * ```\n */\nexport function useResonare<T extends ThemeStoreConfig>(store: ThemeStore<T>) {\n\tconst {\n\t\tdestroy,\n\t\tgetResolvedThemes,\n\t\tgetThemes,\n\t\trestore,\n\t\tsetThemes,\n\t\tsubscribe,\n\t\tsync,\n\t\ttoPersist,\n\t\tupdateSystemOption,\n\t} = store\n\n\tconst themes = React.useSyncExternalStore(subscribe, getThemes, getThemes)\n\n\treturn {\n\t\tthemes,\n\t\tresolvedThemes: getResolvedThemes(),\n\t\tdestroy,\n\t\trestore,\n\t\tsetThemes,\n\t\tsubscribe,\n\t\tsync,\n\t\ttoPersist,\n\t\tupdateSystemOption,\n\t}\n}\n"],"mappings":"mEAcA,SAAOG,EAAAC,EAAA,CAAA,IAAAC,EAAAC,EAAA,GAAA,CACN,CAAAC,UAAAC,oBAAAC,YAAAC,UAAAC,YAAAC,YAAAC,OAAAC,YAAAC,sBAUIX,EAEJY,EAAehB,EAAKiB,qBAAsBL,EAAWH,EAAWA,EAAU,CAAAS,EAAAb,EAAA,KAAAG,EAItCU,EAAAb,EAAA,IAAnBa,EAAAV,GAAmB,CAAAH,EAAA,GAAAG,EAAAH,EAAA,GAAAa,GAAA,IAAAC,EAQnC,OARmCd,EAAA,KAAAE,GAAAF,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAa,GAAAb,EAAA,KAAAW,GAAAX,EAAA,KAAAS,GAAAT,EAAA,MAAAU,GAF7BI,EAAA,CAAAH,SAAAI,eAEUF,EAAmBX,UAAAG,UAAAC,YAAAC,YAAAC,OAAAC,YAAAC,qBAQnC,CAAAV,EAAA,GAAAE,EAAAF,EAAA,GAAAK,EAAAL,EAAA,GAAAM,EAAAN,EAAA,GAAAO,EAAAP,EAAA,GAAAQ,EAAAR,EAAA,GAAAa,EAAAb,EAAA,GAAAW,EAAAX,EAAA,GAAAS,EAAAT,EAAA,IAAAU,EAAAV,EAAA,IAAAc,GAAAA,EAAAd,EAAA,IAVMc"}
+{"version":3,"file":"react.js","names":["React","ThemeStore","ThemeStoreConfig","useResonare","store","$","_c","destroy","getResolvedThemes","getThemes","restore","setThemes","subscribe","sync","toPersist","updateSystemOption","themes","useSyncExternalStore","t0","t1","resolvedThemes"],"sources":["../src/react.ts"],"sourcesContent":["import * as React from 'react'\nimport type { ThemeStore, ThemeStoreConfig } from '.'\n\n/**\n * Subscribes a React component to a theme store.\n * @example\n * ```tsx\n * export function ThemeToggle() {\n *   const { themes, resolvedThemes, setThemes } = useResonare(store)\n *\n *   // ...\n * }\n * ```\n */\nexport function useResonare<T extends ThemeStoreConfig>(store: ThemeStore<T>) {\n\tconst {\n\t\tdestroy,\n\t\tgetResolvedThemes,\n\t\tgetThemes,\n\t\trestore,\n\t\tsetThemes,\n\t\tsubscribe,\n\t\tsync,\n\t\ttoPersist,\n\t\tupdateSystemOption,\n\t} = store\n\n\tconst themes = React.useSyncExternalStore(subscribe, getThemes, getThemes)\n\n\treturn {\n\t\tthemes,\n\t\t// @ts-expect-error - workaround for React compiler as getResolvedThemes is not called again without 'themes' dependency\n\t\tresolvedThemes: getResolvedThemes(themes),\n\t\tdestroy,\n\t\trestore,\n\t\tsetThemes,\n\t\tsubscribe,\n\t\tsync,\n\t\ttoPersist,\n\t\tupdateSystemOption,\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;AAcA,SAAOG,YAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACN,MAAA,EAAAC,SAAAC,mBAAAC,WAAAC,SAAAC,WAAAC,WAAAC,MAAAC,WAAAC,uBAUIX;CAEJ,MAAAY,SAAehB,MAAKiB,qBAAsBL,WAAWH,WAAWA,UAAU;CAAA,IAAAS;AAAA,KAAAb,EAAA,OAAAG,qBAAAH,EAAA,OAAAW,QAAA;AAKzDE,OAAAV,kBAAkBQ,OAAO;AAAAX,IAAA,KAAAG;AAAAH,IAAA,KAAAW;AAAAX,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAE,WAAAF,EAAA,OAAAK,WAAAL,EAAA,OAAAM,aAAAN,EAAA,OAAAO,aAAAP,EAAA,OAAAQ,QAAAR,EAAA,OAAAa,MAAAb,EAAA,OAAAW,UAAAX,EAAA,QAAAS,aAAAT,EAAA,QAAAU,oBAAA;AAHnCI,OAAA;GAAAH;GAAAI,gBAGUF;GAAyBX;GAAAG;GAAAC;GAAAC;GAAAC;GAAAC;GAAAC;GAQzC;AAAAV,IAAA,KAAAE;AAAAF,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAAa;AAAAb,IAAA,KAAAW;AAAAX,IAAA,MAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAXMc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "resonare",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Resonare",
   "keywords": [
     "theming",