@just-web/toolkits 1.0.0

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.cjs

@@ -0,0 +1,67 @@
+const require_theme_entry = require('../../theme-entry.cjs');
+const require_dummy_theme_store = require('../../../testing/theme/dummy-theme-store.cjs');
+const require_parse_stored_theme = require('../../_utils/parse-stored-theme.cjs');
+
+//#region src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.ts
+/**
+* Creates a theme store backed by localStorage.
+*
+* Persists across sessions; cross-tab sync via StorageEvent.
+* Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+*
+* @param themes - Record mapping theme keys to values (for validation)
+* @param options.storageKey - localStorage key
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+* const store = localStorageThemeStore(themes, { storageKey: 'theme' })
+* store.read() // returns themeResult from localStorage
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function localStorageThemeStore(themes, options) {
+	const { storageKey } = options;
+	if (typeof window === "undefined" || !window.localStorage) return require_dummy_theme_store.dummyThemeStore;
+	const handlers = /* @__PURE__ */ new Set();
+	let lastNotifiedKey = read()?.theme ?? void 0;
+	function read() {
+		const theme = require_parse_stored_theme.parseStoredTheme(themes, window.localStorage.getItem(storageKey));
+		if (theme === void 0) return void 0;
+		return require_theme_entry.themeEntry(themes, theme);
+	}
+	function notify() {
+		const result = read();
+		const key = result?.theme ?? void 0;
+		if (key === lastNotifiedKey) return;
+		lastNotifiedKey = key;
+		for (const h of handlers) h(result);
+	}
+	return {
+		read,
+		write(entry) {
+			try {
+				if (entry === void 0) window.localStorage.removeItem(storageKey);
+				else window.localStorage.setItem(storageKey, JSON.stringify(entry));
+				notify();
+			} catch {}
+		},
+		subscribe(handler) {
+			handlers.add(handler);
+			const onStorage = (e) => {
+				if (e.key === storageKey && e.storageArea === window.localStorage) notify();
+			};
+			window.addEventListener("storage", onStorage);
+			return () => {
+				handlers.delete(handler);
+				window.removeEventListener("storage", onStorage);
+			};
+		}
+	};
+}
+
+//#endregion
+exports.localStorageThemeStore = localStorageThemeStore;
+//# sourceMappingURL=local-storage-theme-store.cjs.map

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-theme-store.cjs","names":["dummyThemeStore","lastNotifiedKey: keyof Themes | undefined","parseStoredTheme","themeEntry"],"sources":["../../../../src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.ts"],"sourcesContent":["import { dummyThemeStore } from '../../../testing/theme/dummy-theme-store.ts'\nimport { parseStoredTheme } from '../../_utils/parse-stored-theme.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeEntry } from '../../theme-entry.types.ts'\nimport type { ThemeMap } from '../../theme-map.types.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\n/**\n * Creates a theme store backed by localStorage.\n *\n * Persists across sessions; cross-tab sync via StorageEvent.\n * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).\n *\n * @param themes - Record mapping theme keys to values (for validation)\n * @param options.storageKey - localStorage key\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }\n * const store = localStorageThemeStore(themes, { storageKey: 'theme' })\n * store.read() // returns themeResult from localStorage\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function localStorageThemeStore<Themes extends ThemeMap>(\n\tthemes: Themes,\n\toptions: { storageKey: string }\n) {\n\tconst { storageKey } = options\n\n\tif (typeof window === 'undefined' || !window.localStorage) {\n\t\treturn dummyThemeStore satisfies ThemeStore<Themes>\n\t}\n\n\tconst handlers = new Set<(theme: ThemeEntry<Themes> | undefined) => void>()\n\tlet lastNotifiedKey: keyof Themes | undefined = read()?.theme ?? undefined\n\n\tfunction read() {\n\t\tconst stored = window.localStorage.getItem(storageKey)\n\t\tconst theme = parseStoredTheme(themes, stored)\n\t\tif (theme === undefined) return undefined\n\t\treturn themeEntry(themes, theme)\n\t}\n\n\tfunction notify() {\n\t\tconst result = read()\n\t\tconst key = result?.theme ?? undefined\n\t\tif (key === lastNotifiedKey) return\n\t\tlastNotifiedKey = key\n\t\tfor (const h of handlers) h(result)\n\t}\n\n\treturn {\n\t\tread,\n\t\twrite(entry) {\n\t\t\ttry {\n\t\t\t\tif (entry === undefined) {\n\t\t\t\t\twindow.localStorage.removeItem(storageKey)\n\t\t\t\t} else {\n\t\t\t\t\twindow.localStorage.setItem(storageKey, JSON.stringify(entry))\n\t\t\t\t}\n\t\t\t\tnotify()\n\t\t\t} catch {\n\t\t\t\t// Ignore quota or other errors\n\t\t\t}\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\thandlers.add(handler)\n\n\t\t\tconst onStorage = (e: StorageEvent) => {\n\t\t\t\tif (e.key === storageKey && e.storageArea === window.localStorage) notify()\n\t\t\t}\n\t\t\twindow.addEventListener('storage', onStorage)\n\n\t\t\treturn () => {\n\t\t\t\thandlers.delete(handler)\n\t\t\t\twindow.removeEventListener('storage', onStorage)\n\t\t\t}\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,uBACf,QACA,SACC;CACD,MAAM,EAAE,eAAe;AAEvB,KAAI,OAAO,WAAW,eAAe,CAAC,OAAO,aAC5C,QAAOA;CAGR,MAAM,2BAAW,IAAI,KAAsD;CAC3E,IAAIC,kBAA4C,MAAM,EAAE,SAAS;CAEjE,SAAS,OAAO;EAEf,MAAM,QAAQC,4CAAiB,QADhB,OAAO,aAAa,QAAQ,WAAW,CACR;AAC9C,MAAI,UAAU,OAAW,QAAO;AAChC,SAAOC,+BAAW,QAAQ,MAAM;;CAGjC,SAAS,SAAS;EACjB,MAAM,SAAS,MAAM;EACrB,MAAM,MAAM,QAAQ,SAAS;AAC7B,MAAI,QAAQ,gBAAiB;AAC7B,oBAAkB;AAClB,OAAK,MAAM,KAAK,SAAU,GAAE,OAAO;;AAGpC,QAAO;EACN;EACA,MAAM,OAAO;AACZ,OAAI;AACH,QAAI,UAAU,OACb,QAAO,aAAa,WAAW,WAAW;QAE1C,QAAO,aAAa,QAAQ,YAAY,KAAK,UAAU,MAAM,CAAC;AAE/D,YAAQ;WACD;;EAIT,UAAU,SAAS;AAClB,YAAS,IAAI,QAAQ;GAErB,MAAM,aAAa,MAAoB;AACtC,QAAI,EAAE,QAAQ,cAAc,EAAE,gBAAgB,OAAO,aAAc,SAAQ;;AAE5E,UAAO,iBAAiB,WAAW,UAAU;AAE7C,gBAAa;AACZ,aAAS,OAAO,QAAQ;AACxB,WAAO,oBAAoB,WAAW,UAAU;;;EAGlD"}

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.d.cts

@@ -0,0 +1,34 @@
+import { ThemeMap } from "../../theme-map.types.cjs";
+import { ThemeEntry } from "../../theme-entry.types.cjs";
+
+//#region src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.d.ts
+
+/**
+ * Creates a theme store backed by localStorage.
+ *
+ * Persists across sessions; cross-tab sync via StorageEvent.
+ * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+ *
+ * @param themes - Record mapping theme keys to values (for validation)
+ * @param options.storageKey - localStorage key
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+ * const store = localStorageThemeStore(themes, { storageKey: 'theme' })
+ * store.read() // returns themeResult from localStorage
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function localStorageThemeStore<Themes extends ThemeMap>(themes: Themes, options: {
+  storageKey: string;
+}): {
+  read: () => ThemeEntry<Themes> | undefined;
+  write(entry: ThemeEntry<Themes> | undefined): void;
+  subscribe(handler: (theme: ThemeEntry<Themes> | null | undefined) => void): () => void;
+};
+//#endregion
+export { localStorageThemeStore };
+//# sourceMappingURL=local-storage-theme-store.d.cts.map

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-theme-store.d.cts","names":[],"sources":["../../../../src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;AA0BA;;;;;;;;;;;;;;;;;iBAAgB,sCAAsC,kBAC7C"}

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.d.mts

@@ -0,0 +1,34 @@
+import { ThemeMap } from "../../theme-map.types.mjs";
+import { ThemeEntry } from "../../theme-entry.types.mjs";
+
+//#region src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.d.ts
+
+/**
+ * Creates a theme store backed by localStorage.
+ *
+ * Persists across sessions; cross-tab sync via StorageEvent.
+ * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+ *
+ * @param themes - Record mapping theme keys to values (for validation)
+ * @param options.storageKey - localStorage key
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+ * const store = localStorageThemeStore(themes, { storageKey: 'theme' })
+ * store.read() // returns themeResult from localStorage
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function localStorageThemeStore<Themes extends ThemeMap>(themes: Themes, options: {
+  storageKey: string;
+}): {
+  read: () => ThemeEntry<Themes> | undefined;
+  write(entry: ThemeEntry<Themes> | undefined): void;
+  subscribe(handler: (theme: ThemeEntry<Themes> | null | undefined) => void): () => void;
+};
+//#endregion
+export { localStorageThemeStore };
+//# sourceMappingURL=local-storage-theme-store.d.mts.map

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-theme-store.d.mts","names":[],"sources":["../../../../src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;AA0BA;;;;;;;;;;;;;;;;;iBAAgB,sCAAsC,kBAC7C"}

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.mjs

@@ -0,0 +1,67 @@
+import { themeEntry } from "../../theme-entry.mjs";
+import { dummyThemeStore } from "../../../testing/theme/dummy-theme-store.mjs";
+import { parseStoredTheme } from "../../_utils/parse-stored-theme.mjs";
+
+//#region src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.ts
+/**
+* Creates a theme store backed by localStorage.
+*
+* Persists across sessions; cross-tab sync via StorageEvent.
+* Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+*
+* @param themes - Record mapping theme keys to values (for validation)
+* @param options.storageKey - localStorage key
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+* const store = localStorageThemeStore(themes, { storageKey: 'theme' })
+* store.read() // returns themeResult from localStorage
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function localStorageThemeStore(themes, options) {
+	const { storageKey } = options;
+	if (typeof window === "undefined" || !window.localStorage) return dummyThemeStore;
+	const handlers = /* @__PURE__ */ new Set();
+	let lastNotifiedKey = read()?.theme ?? void 0;
+	function read() {
+		const theme = parseStoredTheme(themes, window.localStorage.getItem(storageKey));
+		if (theme === void 0) return void 0;
+		return themeEntry(themes, theme);
+	}
+	function notify() {
+		const result = read();
+		const key = result?.theme ?? void 0;
+		if (key === lastNotifiedKey) return;
+		lastNotifiedKey = key;
+		for (const h of handlers) h(result);
+	}
+	return {
+		read,
+		write(entry) {
+			try {
+				if (entry === void 0) window.localStorage.removeItem(storageKey);
+				else window.localStorage.setItem(storageKey, JSON.stringify(entry));
+				notify();
+			} catch {}
+		},
+		subscribe(handler) {
+			handlers.add(handler);
+			const onStorage = (e) => {
+				if (e.key === storageKey && e.storageArea === window.localStorage) notify();
+			};
+			window.addEventListener("storage", onStorage);
+			return () => {
+				handlers.delete(handler);
+				window.removeEventListener("storage", onStorage);
+			};
+		}
+	};
+}
+
+//#endregion
+export { localStorageThemeStore };
+//# sourceMappingURL=local-storage-theme-store.mjs.map

package/dist/theme/theme-store/local-storage-theme-store/local-storage-theme-store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-theme-store.mjs","names":["lastNotifiedKey: keyof Themes | undefined"],"sources":["../../../../src/theme/theme-store/local-storage-theme-store/local-storage-theme-store.ts"],"sourcesContent":["import { dummyThemeStore } from '../../../testing/theme/dummy-theme-store.ts'\nimport { parseStoredTheme } from '../../_utils/parse-stored-theme.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeEntry } from '../../theme-entry.types.ts'\nimport type { ThemeMap } from '../../theme-map.types.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\n/**\n * Creates a theme store backed by localStorage.\n *\n * Persists across sessions; cross-tab sync via StorageEvent.\n * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).\n *\n * @param themes - Record mapping theme keys to values (for validation)\n * @param options.storageKey - localStorage key\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }\n * const store = localStorageThemeStore(themes, { storageKey: 'theme' })\n * store.read() // returns themeResult from localStorage\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function localStorageThemeStore<Themes extends ThemeMap>(\n\tthemes: Themes,\n\toptions: { storageKey: string }\n) {\n\tconst { storageKey } = options\n\n\tif (typeof window === 'undefined' || !window.localStorage) {\n\t\treturn dummyThemeStore satisfies ThemeStore<Themes>\n\t}\n\n\tconst handlers = new Set<(theme: ThemeEntry<Themes> | undefined) => void>()\n\tlet lastNotifiedKey: keyof Themes | undefined = read()?.theme ?? undefined\n\n\tfunction read() {\n\t\tconst stored = window.localStorage.getItem(storageKey)\n\t\tconst theme = parseStoredTheme(themes, stored)\n\t\tif (theme === undefined) return undefined\n\t\treturn themeEntry(themes, theme)\n\t}\n\n\tfunction notify() {\n\t\tconst result = read()\n\t\tconst key = result?.theme ?? undefined\n\t\tif (key === lastNotifiedKey) return\n\t\tlastNotifiedKey = key\n\t\tfor (const h of handlers) h(result)\n\t}\n\n\treturn {\n\t\tread,\n\t\twrite(entry) {\n\t\t\ttry {\n\t\t\t\tif (entry === undefined) {\n\t\t\t\t\twindow.localStorage.removeItem(storageKey)\n\t\t\t\t} else {\n\t\t\t\t\twindow.localStorage.setItem(storageKey, JSON.stringify(entry))\n\t\t\t\t}\n\t\t\t\tnotify()\n\t\t\t} catch {\n\t\t\t\t// Ignore quota or other errors\n\t\t\t}\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\thandlers.add(handler)\n\n\t\t\tconst onStorage = (e: StorageEvent) => {\n\t\t\t\tif (e.key === storageKey && e.storageArea === window.localStorage) notify()\n\t\t\t}\n\t\t\twindow.addEventListener('storage', onStorage)\n\n\t\t\treturn () => {\n\t\t\t\thandlers.delete(handler)\n\t\t\t\twindow.removeEventListener('storage', onStorage)\n\t\t\t}\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,uBACf,QACA,SACC;CACD,MAAM,EAAE,eAAe;AAEvB,KAAI,OAAO,WAAW,eAAe,CAAC,OAAO,aAC5C,QAAO;CAGR,MAAM,2BAAW,IAAI,KAAsD;CAC3E,IAAIA,kBAA4C,MAAM,EAAE,SAAS;CAEjE,SAAS,OAAO;EAEf,MAAM,QAAQ,iBAAiB,QADhB,OAAO,aAAa,QAAQ,WAAW,CACR;AAC9C,MAAI,UAAU,OAAW,QAAO;AAChC,SAAO,WAAW,QAAQ,MAAM;;CAGjC,SAAS,SAAS;EACjB,MAAM,SAAS,MAAM;EACrB,MAAM,MAAM,QAAQ,SAAS;AAC7B,MAAI,QAAQ,gBAAiB;AAC7B,oBAAkB;AAClB,OAAK,MAAM,KAAK,SAAU,GAAE,OAAO;;AAGpC,QAAO;EACN;EACA,MAAM,OAAO;AACZ,OAAI;AACH,QAAI,UAAU,OACb,QAAO,aAAa,WAAW,WAAW;QAE1C,QAAO,aAAa,QAAQ,YAAY,KAAK,UAAU,MAAM,CAAC;AAE/D,YAAQ;WACD;;EAIT,UAAU,SAAS;AAClB,YAAS,IAAI,QAAQ;GAErB,MAAM,aAAa,MAAoB;AACtC,QAAI,EAAE,QAAQ,cAAc,EAAE,gBAAgB,OAAO,aAAc,SAAQ;;AAE5E,UAAO,iBAAiB,WAAW,UAAU;AAE7C,gBAAa;AACZ,aAAS,OAAO,QAAQ;AACxB,WAAO,oBAAoB,WAAW,UAAU;;;EAGlD"}

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.cjs

@@ -0,0 +1,39 @@
+const require_get_prefers_color_scheme = require('../../../color-scheme/get-prefers-color-scheme.cjs');
+const require_observe_prefers_color_scheme = require('../../../color-scheme/observe-prefers-color-scheme.cjs');
+const require_theme_entry = require('../../theme-entry.cjs');
+
+//#region src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.ts
+/**
+* Creates a read-only theme store that reads from `prefers-color-scheme`.
+*
+* **Color-scheme specific:** Themes must only include `light` and `dark` keys—this store
+* mirrors the system preference which is always one of these.
+*
+* Returns `ThemeEntry` for `light` or `dark` based on system preference.
+* No write method—the value is controlled by the system.
+*
+* @param themes - Record with `light` and `dark` keys mapping to theme values
+* @returns ThemeStore with read and subscribe only
+*
+* @example
+* ```ts
+* const themes = { light: 'theme-light', dark: 'theme-dark' }
+* const store = prefersColorSchemeThemeStore(themes)
+* store.read() // ThemeEntry for current system preference
+* store.subscribe((entry) => {})
+* ```
+*/
+function prefersColorSchemeThemeStore(themes) {
+	return {
+		read() {
+			return require_theme_entry.themeEntry(themes, require_get_prefers_color_scheme.getPrefersColorScheme());
+		},
+		subscribe(handler) {
+			return require_observe_prefers_color_scheme.observePrefersColorScheme((scheme) => handler(require_theme_entry.themeEntry(themes, scheme)));
+		}
+	};
+}
+
+//#endregion
+exports.prefersColorSchemeThemeStore = prefersColorSchemeThemeStore;
+//# sourceMappingURL=prefers-color-scheme-theme-store.cjs.map

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefers-color-scheme-theme-store.cjs","names":["themeEntry","getPrefersColorScheme","observePrefersColorScheme"],"sources":["../../../../src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.ts"],"sourcesContent":["import type { RequiredPick } from 'type-plus'\nimport { getPrefersColorScheme } from '../../../color-scheme/get-prefers-color-scheme.ts'\nimport { observePrefersColorScheme } from '../../../color-scheme/observe-prefers-color-scheme.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\ntype PrefersColorSchemeThemes = {\n\tlight: string | readonly string[]\n\tdark: string | readonly string[]\n}\n\n/**\n * Creates a read-only theme store that reads from `prefers-color-scheme`.\n *\n * **Color-scheme specific:** Themes must only include `light` and `dark` keys—this store\n * mirrors the system preference which is always one of these.\n *\n * Returns `ThemeEntry` for `light` or `dark` based on system preference.\n * No write method—the value is controlled by the system.\n *\n * @param themes - Record with `light` and `dark` keys mapping to theme values\n * @returns ThemeStore with read and subscribe only\n *\n * @example\n * ```ts\n * const themes = { light: 'theme-light', dark: 'theme-dark' }\n * const store = prefersColorSchemeThemeStore(themes)\n * store.read() // ThemeEntry for current system preference\n * store.subscribe((entry) => {})\n * ```\n */\nexport function prefersColorSchemeThemeStore<Themes extends PrefersColorSchemeThemes>(\n\tthemes: Themes\n): RequiredPick<ThemeStore<Themes>, 'read' | 'subscribe'> {\n\treturn {\n\t\tread() {\n\t\t\treturn themeEntry(themes, getPrefersColorScheme())\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\treturn observePrefersColorScheme((scheme) => handler(themeEntry(themes, scheme)))\n\t\t}\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,6BACf,QACyD;AACzD,QAAO;EACN,OAAO;AACN,UAAOA,+BAAW,QAAQC,wDAAuB,CAAC;;EAEnD,UAAU,SAAS;AAClB,UAAOC,gEAA2B,WAAW,QAAQF,+BAAW,QAAQ,OAAO,CAAC,CAAC;;EAElF"}

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.d.cts

@@ -0,0 +1,32 @@
+import { ThemeStore } from "../theme-store.types.cjs";
+import { RequiredPick } from "type-plus";
+
+//#region src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.d.ts
+type PrefersColorSchemeThemes = {
+  light: string | readonly string[];
+  dark: string | readonly string[];
+};
+/**
+ * Creates a read-only theme store that reads from `prefers-color-scheme`.
+ *
+ * **Color-scheme specific:** Themes must only include `light` and `dark` keys—this store
+ * mirrors the system preference which is always one of these.
+ *
+ * Returns `ThemeEntry` for `light` or `dark` based on system preference.
+ * No write method—the value is controlled by the system.
+ *
+ * @param themes - Record with `light` and `dark` keys mapping to theme values
+ * @returns ThemeStore with read and subscribe only
+ *
+ * @example
+ * ```ts
+ * const themes = { light: 'theme-light', dark: 'theme-dark' }
+ * const store = prefersColorSchemeThemeStore(themes)
+ * store.read() // ThemeEntry for current system preference
+ * store.subscribe((entry) => {})
+ * ```
+ */
+declare function prefersColorSchemeThemeStore<Themes extends PrefersColorSchemeThemes>(themes: Themes): RequiredPick<ThemeStore<Themes>, 'read' | 'subscribe'>;
+//#endregion
+export { prefersColorSchemeThemeStore };
+//# sourceMappingURL=prefers-color-scheme-theme-store.d.cts.map

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefers-color-scheme-theme-store.d.cts","names":[],"sources":["../../../../src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.ts"],"sourcesContent":[],"mappings":";;;;KAMK,wBAAA;;EAAA,IAAA,EAAA,MAAA,GAAA,SAAA,MAAwB,EAAA;AAyB7B,CAAA;;;;;;;;;;;;;;;;;;;;;iBAAgB,4CAA4C,kCACnD,SACN,aAAa,WAAW"}

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.d.mts

@@ -0,0 +1,32 @@
+import { ThemeStore } from "../theme-store.types.mjs";
+import { RequiredPick } from "type-plus";
+
+//#region src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.d.ts
+type PrefersColorSchemeThemes = {
+  light: string | readonly string[];
+  dark: string | readonly string[];
+};
+/**
+ * Creates a read-only theme store that reads from `prefers-color-scheme`.
+ *
+ * **Color-scheme specific:** Themes must only include `light` and `dark` keys—this store
+ * mirrors the system preference which is always one of these.
+ *
+ * Returns `ThemeEntry` for `light` or `dark` based on system preference.
+ * No write method—the value is controlled by the system.
+ *
+ * @param themes - Record with `light` and `dark` keys mapping to theme values
+ * @returns ThemeStore with read and subscribe only
+ *
+ * @example
+ * ```ts
+ * const themes = { light: 'theme-light', dark: 'theme-dark' }
+ * const store = prefersColorSchemeThemeStore(themes)
+ * store.read() // ThemeEntry for current system preference
+ * store.subscribe((entry) => {})
+ * ```
+ */
+declare function prefersColorSchemeThemeStore<Themes extends PrefersColorSchemeThemes>(themes: Themes): RequiredPick<ThemeStore<Themes>, 'read' | 'subscribe'>;
+//#endregion
+export { prefersColorSchemeThemeStore };
+//# sourceMappingURL=prefers-color-scheme-theme-store.d.mts.map

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefers-color-scheme-theme-store.d.mts","names":[],"sources":["../../../../src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.ts"],"sourcesContent":[],"mappings":";;;;KAMK,wBAAA;;EAAA,IAAA,EAAA,MAAA,GAAA,SAAA,MAAwB,EAAA;AAyB7B,CAAA;;;;;;;;;;;;;;;;;;;;;iBAAgB,4CAA4C,kCACnD,SACN,aAAa,WAAW"}

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.mjs

@@ -0,0 +1,39 @@
+import { getPrefersColorScheme } from "../../../color-scheme/get-prefers-color-scheme.mjs";
+import { observePrefersColorScheme } from "../../../color-scheme/observe-prefers-color-scheme.mjs";
+import { themeEntry } from "../../theme-entry.mjs";
+
+//#region src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.ts
+/**
+* Creates a read-only theme store that reads from `prefers-color-scheme`.
+*
+* **Color-scheme specific:** Themes must only include `light` and `dark` keys—this store
+* mirrors the system preference which is always one of these.
+*
+* Returns `ThemeEntry` for `light` or `dark` based on system preference.
+* No write method—the value is controlled by the system.
+*
+* @param themes - Record with `light` and `dark` keys mapping to theme values
+* @returns ThemeStore with read and subscribe only
+*
+* @example
+* ```ts
+* const themes = { light: 'theme-light', dark: 'theme-dark' }
+* const store = prefersColorSchemeThemeStore(themes)
+* store.read() // ThemeEntry for current system preference
+* store.subscribe((entry) => {})
+* ```
+*/
+function prefersColorSchemeThemeStore(themes) {
+	return {
+		read() {
+			return themeEntry(themes, getPrefersColorScheme());
+		},
+		subscribe(handler) {
+			return observePrefersColorScheme((scheme) => handler(themeEntry(themes, scheme)));
+		}
+	};
+}
+
+//#endregion
+export { prefersColorSchemeThemeStore };
+//# sourceMappingURL=prefers-color-scheme-theme-store.mjs.map

package/dist/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefers-color-scheme-theme-store.mjs","names":[],"sources":["../../../../src/theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.ts"],"sourcesContent":["import type { RequiredPick } from 'type-plus'\nimport { getPrefersColorScheme } from '../../../color-scheme/get-prefers-color-scheme.ts'\nimport { observePrefersColorScheme } from '../../../color-scheme/observe-prefers-color-scheme.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\ntype PrefersColorSchemeThemes = {\n\tlight: string | readonly string[]\n\tdark: string | readonly string[]\n}\n\n/**\n * Creates a read-only theme store that reads from `prefers-color-scheme`.\n *\n * **Color-scheme specific:** Themes must only include `light` and `dark` keys—this store\n * mirrors the system preference which is always one of these.\n *\n * Returns `ThemeEntry` for `light` or `dark` based on system preference.\n * No write method—the value is controlled by the system.\n *\n * @param themes - Record with `light` and `dark` keys mapping to theme values\n * @returns ThemeStore with read and subscribe only\n *\n * @example\n * ```ts\n * const themes = { light: 'theme-light', dark: 'theme-dark' }\n * const store = prefersColorSchemeThemeStore(themes)\n * store.read() // ThemeEntry for current system preference\n * store.subscribe((entry) => {})\n * ```\n */\nexport function prefersColorSchemeThemeStore<Themes extends PrefersColorSchemeThemes>(\n\tthemes: Themes\n): RequiredPick<ThemeStore<Themes>, 'read' | 'subscribe'> {\n\treturn {\n\t\tread() {\n\t\t\treturn themeEntry(themes, getPrefersColorScheme())\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\treturn observePrefersColorScheme((scheme) => handler(themeEntry(themes, scheme)))\n\t\t}\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,6BACf,QACyD;AACzD,QAAO;EACN,OAAO;AACN,UAAO,WAAW,QAAQ,uBAAuB,CAAC;;EAEnD,UAAU,SAAS;AAClB,UAAO,2BAA2B,WAAW,QAAQ,WAAW,QAAQ,OAAO,CAAC,CAAC;;EAElF"}

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.cjs

@@ -0,0 +1,67 @@
+const require_theme_entry = require('../../theme-entry.cjs');
+const require_dummy_theme_store = require('../../../testing/theme/dummy-theme-store.cjs');
+const require_parse_stored_theme = require('../../_utils/parse-stored-theme.cjs');
+
+//#region src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.ts
+/**
+* Creates a theme store backed by sessionStorage.
+*
+* Persists per tab; cross-tab sync via StorageEvent when available.
+* Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+*
+* @param themes - Record mapping theme keys to values (for validation)
+* @param options.storageKey - sessionStorage key
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+* const store = sessionStorageThemeStore(themes, { storageKey: 'theme' })
+* store.read() // returns themeResult from sessionStorage
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function sessionStorageThemeStore(themes, options) {
+	const { storageKey } = options;
+	if (typeof window === "undefined" || !window.sessionStorage) return require_dummy_theme_store.dummyThemeStore;
+	const handlers = /* @__PURE__ */ new Set();
+	let lastNotifiedKey = read()?.theme ?? void 0;
+	function read() {
+		const theme = require_parse_stored_theme.parseStoredTheme(themes, window.sessionStorage.getItem(storageKey));
+		if (theme === void 0) return void 0;
+		return require_theme_entry.themeEntry(themes, theme);
+	}
+	function notify() {
+		const result = read();
+		const key = result?.theme ?? void 0;
+		if (key === lastNotifiedKey) return;
+		lastNotifiedKey = key;
+		for (const h of handlers) h(result);
+	}
+	return {
+		read,
+		write(entry) {
+			try {
+				if (entry === void 0) window.sessionStorage.removeItem(storageKey);
+				else window.sessionStorage.setItem(storageKey, JSON.stringify(entry));
+				notify();
+			} catch {}
+		},
+		subscribe(handler) {
+			handlers.add(handler);
+			const onStorage = (e) => {
+				if (e.key === storageKey && e.storageArea === window.sessionStorage) notify();
+			};
+			window.addEventListener("storage", onStorage);
+			return () => {
+				handlers.delete(handler);
+				window.removeEventListener("storage", onStorage);
+			};
+		}
+	};
+}
+
+//#endregion
+exports.sessionStorageThemeStore = sessionStorageThemeStore;
+//# sourceMappingURL=session-storage-theme-store.cjs.map

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-storage-theme-store.cjs","names":["dummyThemeStore","lastNotifiedKey: keyof Themes | undefined","parseStoredTheme","themeEntry"],"sources":["../../../../src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.ts"],"sourcesContent":["import { dummyThemeStore } from '../../../testing/theme/dummy-theme-store.ts'\nimport { parseStoredTheme } from '../../_utils/parse-stored-theme.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeEntry } from '../../theme-entry.types.ts'\nimport type { ThemeMap } from '../../theme-map.types.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\n/**\n * Creates a theme store backed by sessionStorage.\n *\n * Persists per tab; cross-tab sync via StorageEvent when available.\n * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).\n *\n * @param themes - Record mapping theme keys to values (for validation)\n * @param options.storageKey - sessionStorage key\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }\n * const store = sessionStorageThemeStore(themes, { storageKey: 'theme' })\n * store.read() // returns themeResult from sessionStorage\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function sessionStorageThemeStore<Themes extends ThemeMap>(\n\tthemes: Themes,\n\toptions: { storageKey: string }\n) {\n\tconst { storageKey } = options\n\n\tif (typeof window === 'undefined' || !window.sessionStorage) {\n\t\treturn dummyThemeStore satisfies ThemeStore<Themes>\n\t}\n\n\tconst handlers = new Set<(theme: ThemeEntry<Themes> | undefined) => void>()\n\tlet lastNotifiedKey: keyof Themes | undefined = read()?.theme ?? undefined\n\n\tfunction read() {\n\t\tconst stored = window.sessionStorage.getItem(storageKey)\n\t\tconst theme = parseStoredTheme(themes, stored)\n\t\tif (theme === undefined) return undefined\n\t\treturn themeEntry(themes, theme)\n\t}\n\n\tfunction notify() {\n\t\tconst result = read()\n\t\tconst key = result?.theme ?? undefined\n\t\tif (key === lastNotifiedKey) return\n\t\tlastNotifiedKey = key\n\t\tfor (const h of handlers) h(result)\n\t}\n\n\treturn {\n\t\tread,\n\t\twrite(entry) {\n\t\t\ttry {\n\t\t\t\tif (entry === undefined) {\n\t\t\t\t\twindow.sessionStorage.removeItem(storageKey)\n\t\t\t\t} else {\n\t\t\t\t\twindow.sessionStorage.setItem(storageKey, JSON.stringify(entry))\n\t\t\t\t}\n\t\t\t\tnotify()\n\t\t\t} catch {\n\t\t\t\t// Ignore quota or other errors\n\t\t\t}\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\thandlers.add(handler)\n\n\t\t\tconst onStorage = (e: StorageEvent) => {\n\t\t\t\tif (e.key === storageKey && e.storageArea === window.sessionStorage) notify()\n\t\t\t}\n\t\t\twindow.addEventListener('storage', onStorage)\n\n\t\t\treturn () => {\n\t\t\t\thandlers.delete(handler)\n\t\t\t\twindow.removeEventListener('storage', onStorage)\n\t\t\t}\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,yBACf,QACA,SACC;CACD,MAAM,EAAE,eAAe;AAEvB,KAAI,OAAO,WAAW,eAAe,CAAC,OAAO,eAC5C,QAAOA;CAGR,MAAM,2BAAW,IAAI,KAAsD;CAC3E,IAAIC,kBAA4C,MAAM,EAAE,SAAS;CAEjE,SAAS,OAAO;EAEf,MAAM,QAAQC,4CAAiB,QADhB,OAAO,eAAe,QAAQ,WAAW,CACV;AAC9C,MAAI,UAAU,OAAW,QAAO;AAChC,SAAOC,+BAAW,QAAQ,MAAM;;CAGjC,SAAS,SAAS;EACjB,MAAM,SAAS,MAAM;EACrB,MAAM,MAAM,QAAQ,SAAS;AAC7B,MAAI,QAAQ,gBAAiB;AAC7B,oBAAkB;AAClB,OAAK,MAAM,KAAK,SAAU,GAAE,OAAO;;AAGpC,QAAO;EACN;EACA,MAAM,OAAO;AACZ,OAAI;AACH,QAAI,UAAU,OACb,QAAO,eAAe,WAAW,WAAW;QAE5C,QAAO,eAAe,QAAQ,YAAY,KAAK,UAAU,MAAM,CAAC;AAEjE,YAAQ;WACD;;EAIT,UAAU,SAAS;AAClB,YAAS,IAAI,QAAQ;GAErB,MAAM,aAAa,MAAoB;AACtC,QAAI,EAAE,QAAQ,cAAc,EAAE,gBAAgB,OAAO,eAAgB,SAAQ;;AAE9E,UAAO,iBAAiB,WAAW,UAAU;AAE7C,gBAAa;AACZ,aAAS,OAAO,QAAQ;AACxB,WAAO,oBAAoB,WAAW,UAAU;;;EAGlD"}

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.d.cts

@@ -0,0 +1,34 @@
+import { ThemeMap } from "../../theme-map.types.cjs";
+import { ThemeEntry } from "../../theme-entry.types.cjs";
+
+//#region src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.d.ts
+
+/**
+ * Creates a theme store backed by sessionStorage.
+ *
+ * Persists per tab; cross-tab sync via StorageEvent when available.
+ * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+ *
+ * @param themes - Record mapping theme keys to values (for validation)
+ * @param options.storageKey - sessionStorage key
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+ * const store = sessionStorageThemeStore(themes, { storageKey: 'theme' })
+ * store.read() // returns themeResult from sessionStorage
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function sessionStorageThemeStore<Themes extends ThemeMap>(themes: Themes, options: {
+  storageKey: string;
+}): {
+  read: () => ThemeEntry<Themes> | undefined;
+  write(entry: ThemeEntry<Themes> | undefined): void;
+  subscribe(handler: (theme: ThemeEntry<Themes> | null | undefined) => void): () => void;
+};
+//#endregion
+export { sessionStorageThemeStore };
+//# sourceMappingURL=session-storage-theme-store.d.cts.map

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-storage-theme-store.d.cts","names":[],"sources":["../../../../src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;AA0BA;;;;;;;;;;;;;;;;;iBAAgB,wCAAwC,kBAC/C"}

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.d.mts

@@ -0,0 +1,34 @@
+import { ThemeMap } from "../../theme-map.types.mjs";
+import { ThemeEntry } from "../../theme-entry.types.mjs";
+
+//#region src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.d.ts
+
+/**
+ * Creates a theme store backed by sessionStorage.
+ *
+ * Persists per tab; cross-tab sync via StorageEvent when available.
+ * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+ *
+ * @param themes - Record mapping theme keys to values (for validation)
+ * @param options.storageKey - sessionStorage key
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+ * const store = sessionStorageThemeStore(themes, { storageKey: 'theme' })
+ * store.read() // returns themeResult from sessionStorage
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function sessionStorageThemeStore<Themes extends ThemeMap>(themes: Themes, options: {
+  storageKey: string;
+}): {
+  read: () => ThemeEntry<Themes> | undefined;
+  write(entry: ThemeEntry<Themes> | undefined): void;
+  subscribe(handler: (theme: ThemeEntry<Themes> | null | undefined) => void): () => void;
+};
+//#endregion
+export { sessionStorageThemeStore };
+//# sourceMappingURL=session-storage-theme-store.d.mts.map

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-storage-theme-store.d.mts","names":[],"sources":["../../../../src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;AA0BA;;;;;;;;;;;;;;;;;iBAAgB,wCAAwC,kBAC/C"}

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.mjs

@@ -0,0 +1,67 @@
+import { themeEntry } from "../../theme-entry.mjs";
+import { dummyThemeStore } from "../../../testing/theme/dummy-theme-store.mjs";
+import { parseStoredTheme } from "../../_utils/parse-stored-theme.mjs";
+
+//#region src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.ts
+/**
+* Creates a theme store backed by sessionStorage.
+*
+* Persists per tab; cross-tab sync via StorageEvent when available.
+* Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).
+*
+* @param themes - Record mapping theme keys to values (for validation)
+* @param options.storageKey - sessionStorage key
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+* const store = sessionStorageThemeStore(themes, { storageKey: 'theme' })
+* store.read() // returns themeResult from sessionStorage
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function sessionStorageThemeStore(themes, options) {
+	const { storageKey } = options;
+	if (typeof window === "undefined" || !window.sessionStorage) return dummyThemeStore;
+	const handlers = /* @__PURE__ */ new Set();
+	let lastNotifiedKey = read()?.theme ?? void 0;
+	function read() {
+		const theme = parseStoredTheme(themes, window.sessionStorage.getItem(storageKey));
+		if (theme === void 0) return void 0;
+		return themeEntry(themes, theme);
+	}
+	function notify() {
+		const result = read();
+		const key = result?.theme ?? void 0;
+		if (key === lastNotifiedKey) return;
+		lastNotifiedKey = key;
+		for (const h of handlers) h(result);
+	}
+	return {
+		read,
+		write(entry) {
+			try {
+				if (entry === void 0) window.sessionStorage.removeItem(storageKey);
+				else window.sessionStorage.setItem(storageKey, JSON.stringify(entry));
+				notify();
+			} catch {}
+		},
+		subscribe(handler) {
+			handlers.add(handler);
+			const onStorage = (e) => {
+				if (e.key === storageKey && e.storageArea === window.sessionStorage) notify();
+			};
+			window.addEventListener("storage", onStorage);
+			return () => {
+				handlers.delete(handler);
+				window.removeEventListener("storage", onStorage);
+			};
+		}
+	};
+}
+
+//#endregion
+export { sessionStorageThemeStore };
+//# sourceMappingURL=session-storage-theme-store.mjs.map

package/dist/theme/theme-store/session-storage-theme-store/session-storage-theme-store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-storage-theme-store.mjs","names":["lastNotifiedKey: keyof Themes | undefined"],"sources":["../../../../src/theme/theme-store/session-storage-theme-store/session-storage-theme-store.ts"],"sourcesContent":["import { dummyThemeStore } from '../../../testing/theme/dummy-theme-store.ts'\nimport { parseStoredTheme } from '../../_utils/parse-stored-theme.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeEntry } from '../../theme-entry.types.ts'\nimport type { ThemeMap } from '../../theme-map.types.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\n/**\n * Creates a theme store backed by sessionStorage.\n *\n * Persists per tab; cross-tab sync via StorageEvent when available.\n * Same-tab writes trigger manual notify (StorageEvent does not fire for same tab).\n *\n * @param themes - Record mapping theme keys to values (for validation)\n * @param options.storageKey - sessionStorage key\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }\n * const store = sessionStorageThemeStore(themes, { storageKey: 'theme' })\n * store.read() // returns themeResult from sessionStorage\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function sessionStorageThemeStore<Themes extends ThemeMap>(\n\tthemes: Themes,\n\toptions: { storageKey: string }\n) {\n\tconst { storageKey } = options\n\n\tif (typeof window === 'undefined' || !window.sessionStorage) {\n\t\treturn dummyThemeStore satisfies ThemeStore<Themes>\n\t}\n\n\tconst handlers = new Set<(theme: ThemeEntry<Themes> | undefined) => void>()\n\tlet lastNotifiedKey: keyof Themes | undefined = read()?.theme ?? undefined\n\n\tfunction read() {\n\t\tconst stored = window.sessionStorage.getItem(storageKey)\n\t\tconst theme = parseStoredTheme(themes, stored)\n\t\tif (theme === undefined) return undefined\n\t\treturn themeEntry(themes, theme)\n\t}\n\n\tfunction notify() {\n\t\tconst result = read()\n\t\tconst key = result?.theme ?? undefined\n\t\tif (key === lastNotifiedKey) return\n\t\tlastNotifiedKey = key\n\t\tfor (const h of handlers) h(result)\n\t}\n\n\treturn {\n\t\tread,\n\t\twrite(entry) {\n\t\t\ttry {\n\t\t\t\tif (entry === undefined) {\n\t\t\t\t\twindow.sessionStorage.removeItem(storageKey)\n\t\t\t\t} else {\n\t\t\t\t\twindow.sessionStorage.setItem(storageKey, JSON.stringify(entry))\n\t\t\t\t}\n\t\t\t\tnotify()\n\t\t\t} catch {\n\t\t\t\t// Ignore quota or other errors\n\t\t\t}\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\thandlers.add(handler)\n\n\t\t\tconst onStorage = (e: StorageEvent) => {\n\t\t\t\tif (e.key === storageKey && e.storageArea === window.sessionStorage) notify()\n\t\t\t}\n\t\t\twindow.addEventListener('storage', onStorage)\n\n\t\t\treturn () => {\n\t\t\t\thandlers.delete(handler)\n\t\t\t\twindow.removeEventListener('storage', onStorage)\n\t\t\t}\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,yBACf,QACA,SACC;CACD,MAAM,EAAE,eAAe;AAEvB,KAAI,OAAO,WAAW,eAAe,CAAC,OAAO,eAC5C,QAAO;CAGR,MAAM,2BAAW,IAAI,KAAsD;CAC3E,IAAIA,kBAA4C,MAAM,EAAE,SAAS;CAEjE,SAAS,OAAO;EAEf,MAAM,QAAQ,iBAAiB,QADhB,OAAO,eAAe,QAAQ,WAAW,CACV;AAC9C,MAAI,UAAU,OAAW,QAAO;AAChC,SAAO,WAAW,QAAQ,MAAM;;CAGjC,SAAS,SAAS;EACjB,MAAM,SAAS,MAAM;EACrB,MAAM,MAAM,QAAQ,SAAS;AAC7B,MAAI,QAAQ,gBAAiB;AAC7B,oBAAkB;AAClB,OAAK,MAAM,KAAK,SAAU,GAAE,OAAO;;AAGpC,QAAO;EACN;EACA,MAAM,OAAO;AACZ,OAAI;AACH,QAAI,UAAU,OACb,QAAO,eAAe,WAAW,WAAW;QAE5C,QAAO,eAAe,QAAQ,YAAY,KAAK,UAAU,MAAM,CAAC;AAEjE,YAAQ;WACD;;EAIT,UAAU,SAAS;AAClB,YAAS,IAAI,QAAQ;GAErB,MAAM,aAAa,MAAoB;AACtC,QAAI,EAAE,QAAQ,cAAc,EAAE,gBAAgB,OAAO,eAAgB,SAAQ;;AAE9E,UAAO,iBAAiB,WAAW,UAAU;AAE7C,gBAAa;AACZ,aAAS,OAAO,QAAQ;AACxB,WAAO,oBAAoB,WAAW,UAAU;;;EAGlD"}