@just-web/toolkits 1.0.0

package/dist/theme/theme-store/cookie-theme-store/cookie-theme-store.d.mts

@@ -0,0 +1,65 @@
+import { ThemeMap } from "../../theme-map.types.mjs";
+import { ThemeEntry } from "../../theme-entry.types.mjs";
+import { ThemeStore } from "../theme-store.types.mjs";
+import { Required } from "type-plus";
+
+//#region src/theme/theme-store/cookie-theme-store/cookie-theme-store.d.ts
+interface CookieThemeStoreOptions {
+  cookieName: string;
+  path?: string | undefined;
+  maxAge?: number | undefined;
+  sameSite?: 'lax' | 'strict' | 'none' | undefined;
+  secure?: boolean | undefined;
+}
+/**
+ * Creates a theme store backed by cookies.
+ *
+ * Persists across sessions. Cookies are sent with every request, so the server can
+ * read the theme during SSR to avoid flash of wrong theme. Cross-tab sync is not
+ * supported (cookies have no StorageEvent).
+ *
+ * @param themes - Record mapping theme keys to values (for validation)
+ * @param options.cookieName - Cookie name for theme storage
+ * @param options.path - Cookie path (default: '/')
+ * @param options.maxAge - Cookie max-age in seconds
+ * @param options.sameSite - Cookie sameSite attribute
+ * @param options.secure - Cookie secure attribute
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+ * const store = cookieThemeStore(themes, { cookieName: 'theme' })
+ * store.read()
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function cookieThemeStore<Themes extends ThemeMap>(themes: Themes, options: CookieThemeStoreOptions): Required<ThemeStore<Themes>>;
+/**
+ * Reads the theme from cookies during SSR. Use with the request's Cookie header or
+ * a framework's cookie API (e.g. Next.js cookies()).
+ *
+ * @param cookieSource - Raw Cookie header string, or a getter (name) => value for framework APIs
+ * @param themes - Record mapping theme keys to values (for validation)
+ * @param options - Optional cookie name (default: 'theme')
+ * @returns ThemeEntry if valid cookie found, otherwise undefined
+ *
+ * @example
+ * ```ts
+ * // With raw Cookie header (Express, Remix, etc.)
+ * const theme = getThemeFromCookie(request.headers.get('Cookie') ?? '', themes)
+ *
+ * // With Next.js cookies()
+ * const theme = getThemeFromCookie(
+ *   (name) => cookies().get(name)?.value ?? undefined,
+ *   themes
+ * )
+ * ```
+ */
+declare function getThemeFromCookie<Themes extends ThemeMap>(cookieSource: string | null | undefined | ((name: string) => string | null | undefined), themes: Themes, options?: {
+  cookieName?: string | undefined;
+}): ThemeEntry<Themes> | undefined;
+//#endregion
+export { CookieThemeStoreOptions, cookieThemeStore, getThemeFromCookie };
+//# sourceMappingURL=cookie-theme-store.d.mts.map

package/dist/theme/theme-store/cookie-theme-store/cookie-theme-store.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-theme-store.d.mts","names":[],"sources":["../../../../src/theme/theme-store/cookie-theme-store/cookie-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;UAQiB,uBAAA;;EAAA,IAAA,CAAA,EAAA,MAAA,GAAA,SAAA;EA+DD,MAAA,CAAA,EAAA,MAAA,GAAA,SAAgB;EAAgB,QAAA,CAAA,EAAA,KAAA,GAAA,QAAA,GAAA,MAAA,GAAA,SAAA;EACvC,MAAA,CAAA,EAAA,OAAA,GAAA,SAAA;;;;;;AAsFT;;;;;;;;;;;;;;;;;;;;iBAvFgB,gCAAgC,kBACvC,iBACC,0BACP,SAAS,WAAW;;;;;;;;;;;;;;;;;;;;;;iBAoFP,kCAAkC,2GAEzC;;IAEN,WAAW"}

package/dist/theme/theme-store/cookie-theme-store/cookie-theme-store.mjs

@@ -0,0 +1,120 @@
+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/cookie-theme-store/cookie-theme-store.ts
+function getCookieValue(name) {
+	if (typeof document === "undefined" || !document.cookie) return null;
+	const value = document.cookie.match(/* @__PURE__ */ new RegExp(`(?:^|;\\s*)${name}=([^;]*)`))?.[1];
+	return value !== void 0 ? decodeURIComponent(value) : null;
+}
+function setCookie(name, value, options) {
+	const parts = [`${name}=${encodeURIComponent(value)}`];
+	parts.push(`path=${options.path ?? "/"}`);
+	if (options.maxAge !== void 0) parts.push(`max-age=${options.maxAge}`);
+	if (options.sameSite !== void 0) parts.push(`samesite=${options.sameSite}`);
+	if (options.secure) parts.push("secure");
+	document.cookie = parts.join("; ");
+}
+function deleteCookie(name, path = "/") {
+	document.cookie = `${name}=; path=${path}; max-age=0`;
+}
+/**
+* Creates a theme store backed by cookies.
+*
+* Persists across sessions. Cookies are sent with every request, so the server can
+* read the theme during SSR to avoid flash of wrong theme. Cross-tab sync is not
+* supported (cookies have no StorageEvent).
+*
+* @param themes - Record mapping theme keys to values (for validation)
+* @param options.cookieName - Cookie name for theme storage
+* @param options.path - Cookie path (default: '/')
+* @param options.maxAge - Cookie max-age in seconds
+* @param options.sameSite - Cookie sameSite attribute
+* @param options.secure - Cookie secure attribute
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }
+* const store = cookieThemeStore(themes, { cookieName: 'theme' })
+* store.read()
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function cookieThemeStore(themes, options) {
+	const { cookieName, path = "/", maxAge, sameSite, secure } = options;
+	if (document.cookie === void 0) return dummyThemeStore;
+	const handlers = /* @__PURE__ */ new Set();
+	let lastNotifiedKey = read()?.theme ?? void 0;
+	function read() {
+		const theme = parseStoredTheme(themes, getCookieValue(cookieName));
+		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) deleteCookie(cookieName, path);
+				else {
+					const opts = { path };
+					if (maxAge !== void 0) opts.maxAge = maxAge;
+					if (sameSite !== void 0) opts.sameSite = sameSite;
+					if (secure) opts.secure = true;
+					setCookie(cookieName, JSON.stringify(entry), opts);
+				}
+				notify();
+			} catch {}
+		},
+		subscribe(handler) {
+			handlers.add(handler);
+			return () => {
+				handlers.delete(handler);
+			};
+		}
+	};
+}
+function getCookieFromHeader(cookieHeader, name) {
+	const value = cookieHeader.match(/* @__PURE__ */ new RegExp(`(?:^|;\\s*)${name}=([^;]*)`))?.[1];
+	return value !== void 0 ? decodeURIComponent(value.trim()) : null;
+}
+/**
+* Reads the theme from cookies during SSR. Use with the request's Cookie header or
+* a framework's cookie API (e.g. Next.js cookies()).
+*
+* @param cookieSource - Raw Cookie header string, or a getter (name) => value for framework APIs
+* @param themes - Record mapping theme keys to values (for validation)
+* @param options - Optional cookie name (default: 'theme')
+* @returns ThemeEntry if valid cookie found, otherwise undefined
+*
+* @example
+* ```ts
+* // With raw Cookie header (Express, Remix, etc.)
+* const theme = getThemeFromCookie(request.headers.get('Cookie') ?? '', themes)
+*
+* // With Next.js cookies()
+* const theme = getThemeFromCookie(
+*   (name) => cookies().get(name)?.value ?? undefined,
+*   themes
+* )
+* ```
+*/
+function getThemeFromCookie(cookieSource, themes, options = {}) {
+	const cookieName = options.cookieName ?? "theme";
+	const theme = parseStoredTheme(themes, typeof cookieSource === "function" ? cookieSource(cookieName) ?? null : cookieSource ? getCookieFromHeader(cookieSource, cookieName) : null);
+	if (theme === void 0) return void 0;
+	return themeEntry(themes, theme);
+}
+
+//#endregion
+export { cookieThemeStore, getThemeFromCookie };
+//# sourceMappingURL=cookie-theme-store.mjs.map

package/dist/theme/theme-store/cookie-theme-store/cookie-theme-store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-theme-store.mjs","names":["lastNotifiedKey: keyof Themes | undefined","opts: {\n\t\t\t\t\t\tpath: string\n\t\t\t\t\t\tmaxAge?: number\n\t\t\t\t\t\tsameSite?: 'lax' | 'strict' | 'none'\n\t\t\t\t\t\tsecure?: boolean\n\t\t\t\t\t}"],"sources":["../../../../src/theme/theme-store/cookie-theme-store/cookie-theme-store.ts"],"sourcesContent":["import type { Required } from 'type-plus'\nimport { 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\nexport interface CookieThemeStoreOptions {\n\tcookieName: string\n\tpath?: string | undefined\n\tmaxAge?: number | undefined\n\tsameSite?: 'lax' | 'strict' | 'none' | undefined\n\tsecure?: boolean | undefined\n}\n\nfunction getCookieValue(name: string): string | null {\n\tif (typeof document === 'undefined' || !document.cookie) return null\n\tconst match = document.cookie.match(new RegExp(`(?:^|;\\\\s*)${name}=([^;]*)`))\n\tconst value = match?.[1]\n\treturn value !== undefined ? decodeURIComponent(value) : null\n}\n\nfunction setCookie(\n\tname: string,\n\tvalue: string,\n\toptions: {\n\t\tpath?: string | undefined\n\t\tmaxAge?: number | undefined\n\t\tsameSite?: 'lax' | 'strict' | 'none' | undefined\n\t\tsecure?: boolean | undefined\n\t}\n) {\n\tconst parts = [`${name}=${encodeURIComponent(value)}`]\n\tparts.push(`path=${options.path ?? '/'}`)\n\tif (options.maxAge !== undefined) parts.push(`max-age=${options.maxAge}`)\n\tif (options.sameSite !== undefined) parts.push(`samesite=${options.sameSite}`)\n\tif (options.secure) parts.push('secure')\n\t// biome-ignore lint/suspicious/noDocumentCookie: Cookie Store API has limited support; document.cookie is standard for theme persistence\n\tdocument.cookie = parts.join('; ')\n}\n\nfunction deleteCookie(name: string, path = '/') {\n\t// biome-ignore lint/suspicious/noDocumentCookie: Cookie Store API has limited support; document.cookie is standard for theme persistence\n\tdocument.cookie = `${name}=; path=${path}; max-age=0`\n}\n\n/**\n * Creates a theme store backed by cookies.\n *\n * Persists across sessions. Cookies are sent with every request, so the server can\n * read the theme during SSR to avoid flash of wrong theme. Cross-tab sync is not\n * supported (cookies have no StorageEvent).\n *\n * @param themes - Record mapping theme keys to values (for validation)\n * @param options.cookieName - Cookie name for theme storage\n * @param options.path - Cookie path (default: '/')\n * @param options.maxAge - Cookie max-age in seconds\n * @param options.sameSite - Cookie sameSite attribute\n * @param options.secure - Cookie secure attribute\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' }\n * const store = cookieThemeStore(themes, { cookieName: 'theme' })\n * store.read()\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function cookieThemeStore<Themes extends ThemeMap>(\n\tthemes: Themes,\n\toptions: CookieThemeStoreOptions\n): Required<ThemeStore<Themes>> {\n\tconst { cookieName, path = '/', maxAge, sameSite, secure } = options\n\n\tif (document.cookie === undefined) {\n\t\treturn dummyThemeStore\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 = getCookieValue(cookieName)\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\tdeleteCookie(cookieName, path)\n\t\t\t\t} else {\n\t\t\t\t\tconst opts: {\n\t\t\t\t\t\tpath: string\n\t\t\t\t\t\tmaxAge?: number\n\t\t\t\t\t\tsameSite?: 'lax' | 'strict' | 'none'\n\t\t\t\t\t\tsecure?: boolean\n\t\t\t\t\t} = { path }\n\t\t\t\t\tif (maxAge !== undefined) opts.maxAge = maxAge\n\t\t\t\t\tif (sameSite !== undefined) opts.sameSite = sameSite\n\t\t\t\t\tif (secure) opts.secure = true\n\t\t\t\t\tsetCookie(cookieName, JSON.stringify(entry), opts)\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\t\t\treturn () => {\n\t\t\t\thandlers.delete(handler)\n\t\t\t}\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n\nfunction getCookieFromHeader(cookieHeader: string, name: string): string | null {\n\tconst match = cookieHeader.match(new RegExp(`(?:^|;\\\\s*)${name}=([^;]*)`))\n\tconst value = match?.[1]\n\treturn value !== undefined ? decodeURIComponent(value.trim()) : null\n}\n\n/**\n * Reads the theme from cookies during SSR. Use with the request's Cookie header or\n * a framework's cookie API (e.g. Next.js cookies()).\n *\n * @param cookieSource - Raw Cookie header string, or a getter (name) => value for framework APIs\n * @param themes - Record mapping theme keys to values (for validation)\n * @param options - Optional cookie name (default: 'theme')\n * @returns ThemeEntry if valid cookie found, otherwise undefined\n *\n * @example\n * ```ts\n * // With raw Cookie header (Express, Remix, etc.)\n * const theme = getThemeFromCookie(request.headers.get('Cookie') ?? '', themes)\n *\n * // With Next.js cookies()\n * const theme = getThemeFromCookie(\n *   (name) => cookies().get(name)?.value ?? undefined,\n *   themes\n * )\n * ```\n */\nexport function getThemeFromCookie<Themes extends ThemeMap>(\n\tcookieSource: string | null | undefined | ((name: string) => string | null | undefined),\n\tthemes: Themes,\n\toptions: { cookieName?: string | undefined } = {}\n): ThemeEntry<Themes> | undefined {\n\tconst cookieName = options.cookieName ?? 'theme'\n\tconst stored =\n\t\ttypeof cookieSource === 'function'\n\t\t\t? (cookieSource(cookieName) ?? null)\n\t\t\t: cookieSource\n\t\t\t\t? getCookieFromHeader(cookieSource, cookieName)\n\t\t\t\t: null\n\tconst theme = parseStoredTheme(themes, stored)\n\tif (theme === undefined) return undefined\n\treturn themeEntry(themes, theme)\n}\n"],"mappings":";;;;;AAgBA,SAAS,eAAe,MAA6B;AACpD,KAAI,OAAO,aAAa,eAAe,CAAC,SAAS,OAAQ,QAAO;CAEhE,MAAM,QADQ,SAAS,OAAO,sBAAM,IAAI,OAAO,cAAc,KAAK,UAAU,CAAC,GACvD;AACtB,QAAO,UAAU,SAAY,mBAAmB,MAAM,GAAG;;AAG1D,SAAS,UACR,MACA,OACA,SAMC;CACD,MAAM,QAAQ,CAAC,GAAG,KAAK,GAAG,mBAAmB,MAAM,GAAG;AACtD,OAAM,KAAK,QAAQ,QAAQ,QAAQ,MAAM;AACzC,KAAI,QAAQ,WAAW,OAAW,OAAM,KAAK,WAAW,QAAQ,SAAS;AACzE,KAAI,QAAQ,aAAa,OAAW,OAAM,KAAK,YAAY,QAAQ,WAAW;AAC9E,KAAI,QAAQ,OAAQ,OAAM,KAAK,SAAS;AAExC,UAAS,SAAS,MAAM,KAAK,KAAK;;AAGnC,SAAS,aAAa,MAAc,OAAO,KAAK;AAE/C,UAAS,SAAS,GAAG,KAAK,UAAU,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;AA2B1C,SAAgB,iBACf,QACA,SAC+B;CAC/B,MAAM,EAAE,YAAY,OAAO,KAAK,QAAQ,UAAU,WAAW;AAE7D,KAAI,SAAS,WAAW,OACvB,QAAO;CAGR,MAAM,2BAAW,IAAI,KAAsD;CAC3E,IAAIA,kBAA4C,MAAM,EAAE,SAAS;CAEjE,SAAS,OAAO;EAEf,MAAM,QAAQ,iBAAiB,QADhB,eAAe,WAAW,CACK;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,cAAa,YAAY,KAAK;SACxB;KACN,MAAMC,OAKF,EAAE,MAAM;AACZ,SAAI,WAAW,OAAW,MAAK,SAAS;AACxC,SAAI,aAAa,OAAW,MAAK,WAAW;AAC5C,SAAI,OAAQ,MAAK,SAAS;AAC1B,eAAU,YAAY,KAAK,UAAU,MAAM,EAAE,KAAK;;AAEnD,YAAQ;WACD;;EAIT,UAAU,SAAS;AAClB,YAAS,IAAI,QAAQ;AACrB,gBAAa;AACZ,aAAS,OAAO,QAAQ;;;EAG1B;;AAGF,SAAS,oBAAoB,cAAsB,MAA6B;CAE/E,MAAM,QADQ,aAAa,sBAAM,IAAI,OAAO,cAAc,KAAK,UAAU,CAAC,GACpD;AACtB,QAAO,UAAU,SAAY,mBAAmB,MAAM,MAAM,CAAC,GAAG;;;;;;;;;;;;;;;;;;;;;;;AAwBjE,SAAgB,mBACf,cACA,QACA,UAA+C,EAAE,EAChB;CACjC,MAAM,aAAa,QAAQ,cAAc;CAOzC,MAAM,QAAQ,iBAAiB,QAL9B,OAAO,iBAAiB,aACpB,aAAa,WAAW,IAAI,OAC7B,eACC,oBAAoB,cAAc,WAAW,GAC7C,KACyC;AAC9C,KAAI,UAAU,OAAW,QAAO;AAChC,QAAO,WAAW,QAAQ,MAAM"}

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.cjs

@@ -0,0 +1,51 @@
+const require_get_data_attribute = require('../../../attributes/get-data-attribute.cjs');
+const require_observe_data_attribute = require('../../../attributes/observe-data-attribute.cjs');
+const require_theme_entry = require('../../theme-entry.cjs');
+const require_dummy_theme_store = require('../../../testing/theme/dummy-theme-store.cjs');
+const require_resolve_theme_from_data_attribute = require('../../data-attribute/resolve-theme-from-data-attribute.cjs');
+const require_apply_theme_to_data_attribute = require('../../data-attribute/apply-theme-to-data-attribute.cjs');
+
+//#region src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.ts
+/**
+* Creates a theme store that reads and writes via a data attribute.
+*
+* @param themes - Record mapping theme keys to attribute values
+* @param options.attributeName - Data attribute name (e.g. `data-theme`)
+* @param options.element - Element to operate on (defaults to document.documentElement)
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'current', grayscale: 'grayscale' }
+* const store = dataAttributeThemeStore(themes, { attributeName: 'data-theme' })
+* store.read() // returns themeResult from data attribute
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function dataAttributeThemeStore(themes, options) {
+	const element = options.element ?? document?.documentElement;
+	const { attributeName } = options;
+	if (!element) return require_dummy_theme_store.dummyThemeStore;
+	return {
+		read() {
+			const theme = require_resolve_theme_from_data_attribute.resolveThemeFromDataAttribute(themes, require_get_data_attribute.getDataAttribute(attributeName, element));
+			if (theme === void 0) return void 0;
+			return require_theme_entry.themeEntry(themes, theme);
+		},
+		write(entry) {
+			require_apply_theme_to_data_attribute.applyThemeToDataAttribute(element, attributeName, entry);
+		},
+		subscribe(handler) {
+			const observer = require_observe_data_attribute.observeDataAttributes({ [attributeName]: (value) => {
+				const theme = value ? require_resolve_theme_from_data_attribute.resolveThemeFromDataAttribute(themes, value) : void 0;
+				handler(theme ? require_theme_entry.themeEntry(themes, theme) : void 0);
+			} }, element);
+			return () => observer.disconnect();
+		}
+	};
+}
+
+//#endregion
+exports.dataAttributeThemeStore = dataAttributeThemeStore;
+//# sourceMappingURL=data-attribute-theme-store.cjs.map

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-attribute-theme-store.cjs","names":["dummyThemeStore","resolveThemeFromDataAttribute","getDataAttribute","themeEntry","observeDataAttributes"],"sources":["../../../../src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.ts"],"sourcesContent":["import type { Required } from 'type-plus'\nimport { getDataAttribute } from '../../../attributes/get-data-attribute.ts'\nimport { observeDataAttributes } from '../../../attributes/observe-data-attribute.ts'\nimport { dummyThemeStore } from '../../../testing/theme/dummy-theme-store.ts'\nimport { applyThemeToDataAttribute } from '../../data-attribute/apply-theme-to-data-attribute.ts'\nimport { resolveThemeFromDataAttribute } from '../../data-attribute/resolve-theme-from-data-attribute.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeMap } from '../../theme-map.types.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\n/**\n * Creates a theme store that reads and writes via a data attribute.\n *\n * @param themes - Record mapping theme keys to attribute values\n * @param options.attributeName - Data attribute name (e.g. `data-theme`)\n * @param options.element - Element to operate on (defaults to document.documentElement)\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'current', grayscale: 'grayscale' }\n * const store = dataAttributeThemeStore(themes, { attributeName: 'data-theme' })\n * store.read() // returns themeResult from data attribute\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function dataAttributeThemeStore<Themes extends ThemeMap>(\n\tthemes: Themes,\n\toptions: { attributeName: `data-${string}`; element?: Element | undefined }\n) {\n\tconst element = options.element ?? document?.documentElement\n\tconst { attributeName } = options\n\n\tif (!element) return dummyThemeStore as Required<ThemeStore<Themes>>\n\n\treturn {\n\t\tread() {\n\t\t\tconst value = getDataAttribute(attributeName, element)\n\t\t\tconst theme = resolveThemeFromDataAttribute(themes, value)\n\t\t\tif (theme === undefined) return undefined\n\t\t\treturn themeEntry(themes, theme)\n\t\t},\n\t\twrite(entry) {\n\t\t\tapplyThemeToDataAttribute(element, attributeName, entry)\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\tconst observer = observeDataAttributes<string, `data-${string}`>(\n\t\t\t\t{\n\t\t\t\t\t[attributeName]: (value) => {\n\t\t\t\t\t\tconst theme = value ? resolveThemeFromDataAttribute(themes, value) : undefined\n\t\t\t\t\t\thandler(theme ? themeEntry(themes, theme) : undefined)\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\telement\n\t\t\t)\n\t\t\treturn () => observer.disconnect()\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,wBACf,QACA,SACC;CACD,MAAM,UAAU,QAAQ,WAAW,UAAU;CAC7C,MAAM,EAAE,kBAAkB;AAE1B,KAAI,CAAC,QAAS,QAAOA;AAErB,QAAO;EACN,OAAO;GAEN,MAAM,QAAQC,wEAA8B,QAD9BC,4CAAiB,eAAe,QAAQ,CACI;AAC1D,OAAI,UAAU,OAAW,QAAO;AAChC,UAAOC,+BAAW,QAAQ,MAAM;;EAEjC,MAAM,OAAO;AACZ,mEAA0B,SAAS,eAAe,MAAM;;EAEzD,UAAU,SAAS;GAClB,MAAM,WAAWC,qDAChB,GACE,iBAAiB,UAAU;IAC3B,MAAM,QAAQ,QAAQH,wEAA8B,QAAQ,MAAM,GAAG;AACrE,YAAQ,QAAQE,+BAAW,QAAQ,MAAM,GAAG,OAAU;MAEvD,EACD,QACA;AACD,gBAAa,SAAS,YAAY;;EAEnC"}

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.d.cts

@@ -0,0 +1,30 @@
+import { ThemeMap } from "../../theme-map.types.cjs";
+import { ThemeStore } from "../theme-store.types.cjs";
+import { Required } from "type-plus";
+
+//#region src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.d.ts
+
+/**
+ * Creates a theme store that reads and writes via a data attribute.
+ *
+ * @param themes - Record mapping theme keys to attribute values
+ * @param options.attributeName - Data attribute name (e.g. `data-theme`)
+ * @param options.element - Element to operate on (defaults to document.documentElement)
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'current', grayscale: 'grayscale' }
+ * const store = dataAttributeThemeStore(themes, { attributeName: 'data-theme' })
+ * store.read() // returns themeResult from data attribute
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function dataAttributeThemeStore<Themes extends ThemeMap>(themes: Themes, options: {
+  attributeName: `data-${string}`;
+  element?: Element | undefined;
+}): Required<ThemeStore<Themes>>;
+//#endregion
+export { dataAttributeThemeStore };
+//# sourceMappingURL=data-attribute-theme-store.d.cts.map

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-attribute-theme-store.d.cts","names":[],"sources":["../../../../src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;;AA2BA;;;;;;;;;;;;;;;iBAAgB,uCAAuC,kBAC9C;;YAC8C;IAAqB,SAAA,WAAA"}

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.d.mts

@@ -0,0 +1,30 @@
+import { ThemeMap } from "../../theme-map.types.mjs";
+import { ThemeStore } from "../theme-store.types.mjs";
+import { Required } from "type-plus";
+
+//#region src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.d.ts
+
+/**
+ * Creates a theme store that reads and writes via a data attribute.
+ *
+ * @param themes - Record mapping theme keys to attribute values
+ * @param options.attributeName - Data attribute name (e.g. `data-theme`)
+ * @param options.element - Element to operate on (defaults to document.documentElement)
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'current', grayscale: 'grayscale' }
+ * const store = dataAttributeThemeStore(themes, { attributeName: 'data-theme' })
+ * store.read() // returns themeResult from data attribute
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function dataAttributeThemeStore<Themes extends ThemeMap>(themes: Themes, options: {
+  attributeName: `data-${string}`;
+  element?: Element | undefined;
+}): Required<ThemeStore<Themes>>;
+//#endregion
+export { dataAttributeThemeStore };
+//# sourceMappingURL=data-attribute-theme-store.d.mts.map

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-attribute-theme-store.d.mts","names":[],"sources":["../../../../src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;;AA2BA;;;;;;;;;;;;;;;iBAAgB,uCAAuC,kBAC9C;;YAC8C;IAAqB,SAAA,WAAA"}

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.mjs

@@ -0,0 +1,51 @@
+import { getDataAttribute } from "../../../attributes/get-data-attribute.mjs";
+import { observeDataAttributes } from "../../../attributes/observe-data-attribute.mjs";
+import { themeEntry } from "../../theme-entry.mjs";
+import { dummyThemeStore } from "../../../testing/theme/dummy-theme-store.mjs";
+import { resolveThemeFromDataAttribute } from "../../data-attribute/resolve-theme-from-data-attribute.mjs";
+import { applyThemeToDataAttribute } from "../../data-attribute/apply-theme-to-data-attribute.mjs";
+
+//#region src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.ts
+/**
+* Creates a theme store that reads and writes via a data attribute.
+*
+* @param themes - Record mapping theme keys to attribute values
+* @param options.attributeName - Data attribute name (e.g. `data-theme`)
+* @param options.element - Element to operate on (defaults to document.documentElement)
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'current', grayscale: 'grayscale' }
+* const store = dataAttributeThemeStore(themes, { attributeName: 'data-theme' })
+* store.read() // returns themeResult from data attribute
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function dataAttributeThemeStore(themes, options) {
+	const element = options.element ?? document?.documentElement;
+	const { attributeName } = options;
+	if (!element) return dummyThemeStore;
+	return {
+		read() {
+			const theme = resolveThemeFromDataAttribute(themes, getDataAttribute(attributeName, element));
+			if (theme === void 0) return void 0;
+			return themeEntry(themes, theme);
+		},
+		write(entry) {
+			applyThemeToDataAttribute(element, attributeName, entry);
+		},
+		subscribe(handler) {
+			const observer = observeDataAttributes({ [attributeName]: (value) => {
+				const theme = value ? resolveThemeFromDataAttribute(themes, value) : void 0;
+				handler(theme ? themeEntry(themes, theme) : void 0);
+			} }, element);
+			return () => observer.disconnect();
+		}
+	};
+}
+
+//#endregion
+export { dataAttributeThemeStore };
+//# sourceMappingURL=data-attribute-theme-store.mjs.map

package/dist/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-attribute-theme-store.mjs","names":[],"sources":["../../../../src/theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.ts"],"sourcesContent":["import type { Required } from 'type-plus'\nimport { getDataAttribute } from '../../../attributes/get-data-attribute.ts'\nimport { observeDataAttributes } from '../../../attributes/observe-data-attribute.ts'\nimport { dummyThemeStore } from '../../../testing/theme/dummy-theme-store.ts'\nimport { applyThemeToDataAttribute } from '../../data-attribute/apply-theme-to-data-attribute.ts'\nimport { resolveThemeFromDataAttribute } from '../../data-attribute/resolve-theme-from-data-attribute.ts'\nimport { themeEntry } from '../../theme-entry.ts'\nimport type { ThemeMap } from '../../theme-map.types.ts'\nimport type { ThemeStore } from '../theme-store.types.ts'\n\n/**\n * Creates a theme store that reads and writes via a data attribute.\n *\n * @param themes - Record mapping theme keys to attribute values\n * @param options.attributeName - Data attribute name (e.g. `data-theme`)\n * @param options.element - Element to operate on (defaults to document.documentElement)\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'current', grayscale: 'grayscale' }\n * const store = dataAttributeThemeStore(themes, { attributeName: 'data-theme' })\n * store.read() // returns themeResult from data attribute\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function dataAttributeThemeStore<Themes extends ThemeMap>(\n\tthemes: Themes,\n\toptions: { attributeName: `data-${string}`; element?: Element | undefined }\n) {\n\tconst element = options.element ?? document?.documentElement\n\tconst { attributeName } = options\n\n\tif (!element) return dummyThemeStore as Required<ThemeStore<Themes>>\n\n\treturn {\n\t\tread() {\n\t\t\tconst value = getDataAttribute(attributeName, element)\n\t\t\tconst theme = resolveThemeFromDataAttribute(themes, value)\n\t\t\tif (theme === undefined) return undefined\n\t\t\treturn themeEntry(themes, theme)\n\t\t},\n\t\twrite(entry) {\n\t\t\tapplyThemeToDataAttribute(element, attributeName, entry)\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\tconst observer = observeDataAttributes<string, `data-${string}`>(\n\t\t\t\t{\n\t\t\t\t\t[attributeName]: (value) => {\n\t\t\t\t\t\tconst theme = value ? resolveThemeFromDataAttribute(themes, value) : undefined\n\t\t\t\t\t\thandler(theme ? themeEntry(themes, theme) : undefined)\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\telement\n\t\t\t)\n\t\t\treturn () => observer.disconnect()\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,wBACf,QACA,SACC;CACD,MAAM,UAAU,QAAQ,WAAW,UAAU;CAC7C,MAAM,EAAE,kBAAkB;AAE1B,KAAI,CAAC,QAAS,QAAO;AAErB,QAAO;EACN,OAAO;GAEN,MAAM,QAAQ,8BAA8B,QAD9B,iBAAiB,eAAe,QAAQ,CACI;AAC1D,OAAI,UAAU,OAAW,QAAO;AAChC,UAAO,WAAW,QAAQ,MAAM;;EAEjC,MAAM,OAAO;AACZ,6BAA0B,SAAS,eAAe,MAAM;;EAEzD,UAAU,SAAS;GAClB,MAAM,WAAW,sBAChB,GACE,iBAAiB,UAAU;IAC3B,MAAM,QAAQ,QAAQ,8BAA8B,QAAQ,MAAM,GAAG;AACrE,YAAQ,QAAQ,WAAW,QAAQ,MAAM,GAAG,OAAU;MAEvD,EACD,QACA;AACD,gBAAa,SAAS,YAAY;;EAEnC"}

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.cjs

@@ -0,0 +1,54 @@
+const require_theme_entry = require('../../theme-entry.cjs');
+
+//#region src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.ts
+/**
+* In-memory theme store. Transient state; no persistence.
+*
+* Bakes themes at creation. Validates theme keys on write; read/write use theme keys
+* and build ThemeEntry from the themes map, consistent with other stores.
+*
+* @param themes - Record mapping theme keys to values (for validation and entry construction)
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'theme-current', grayscale: 'theme-grayscale' } as const
+* const store = inMemoryThemeStore(themes)
+* store.read() // undefined when empty
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function inMemoryThemeStore(themes) {
+	let value;
+	const listeners = /* @__PURE__ */ new Set();
+	function read() {
+		if (value === void 0 || value === null) return void 0;
+		return require_theme_entry.themeEntry(themes, value);
+	}
+	return {
+		read,
+		write(entry) {
+			if (entry === void 0) {
+				if (value === void 0 || value === null) return;
+				value = void 0;
+				for (const fn of listeners) fn(void 0);
+				return;
+			}
+			if (!(entry.theme in themes)) return;
+			if (value === entry.theme) return;
+			value = entry.theme;
+			for (const fn of listeners) fn(require_theme_entry.themeEntry(themes, entry.theme));
+		},
+		subscribe(handler) {
+			listeners.add(handler);
+			return () => {
+				listeners.delete(handler);
+			};
+		}
+	};
+}
+
+//#endregion
+exports.inMemoryThemeStore = inMemoryThemeStore;
+//# sourceMappingURL=in-memory-theme-store.cjs.map

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-memory-theme-store.cjs","names":["value: keyof Themes | undefined | null","themeEntry"],"sources":["../../../../src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.ts"],"sourcesContent":["import { 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 * In-memory theme store. Transient state; no persistence.\n *\n * Bakes themes at creation. Validates theme keys on write; read/write use theme keys\n * and build ThemeEntry from the themes map, consistent with other stores.\n *\n * @param themes - Record mapping theme keys to values (for validation and entry construction)\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' } as const\n * const store = inMemoryThemeStore(themes)\n * store.read() // undefined when empty\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function inMemoryThemeStore<Themes extends ThemeMap>(themes: Themes) {\n\tlet value: keyof Themes | undefined | null\n\tconst listeners = new Set<(v: ThemeEntry<Themes> | undefined) => void>()\n\n\tfunction read(): ThemeEntry<Themes> | undefined {\n\t\tif (value === undefined || value === null) return undefined\n\t\treturn themeEntry(themes, value)\n\t}\n\n\treturn {\n\t\tread,\n\t\twrite(entry) {\n\t\t\tif (entry === undefined) {\n\t\t\t\tif (value === undefined || value === null) return\n\t\t\t\tvalue = undefined\n\t\t\t\tfor (const fn of listeners) fn(undefined)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!(entry.theme in themes)) return\n\t\t\tif (value === entry.theme) return\n\t\t\tvalue = entry.theme\n\t\t\tfor (const fn of listeners) fn(themeEntry(themes, entry.theme))\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\tlisteners.add(handler)\n\t\t\treturn () => {\n\t\t\t\tlisteners.delete(handler)\n\t\t\t}\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,mBAA4C,QAAgB;CAC3E,IAAIA;CACJ,MAAM,4BAAY,IAAI,KAAkD;CAExE,SAAS,OAAuC;AAC/C,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,SAAOC,+BAAW,QAAQ,MAAM;;AAGjC,QAAO;EACN;EACA,MAAM,OAAO;AACZ,OAAI,UAAU,QAAW;AACxB,QAAI,UAAU,UAAa,UAAU,KAAM;AAC3C,YAAQ;AACR,SAAK,MAAM,MAAM,UAAW,IAAG,OAAU;AACzC;;AAED,OAAI,EAAE,MAAM,SAAS,QAAS;AAC9B,OAAI,UAAU,MAAM,MAAO;AAC3B,WAAQ,MAAM;AACd,QAAK,MAAM,MAAM,UAAW,IAAGA,+BAAW,QAAQ,MAAM,MAAM,CAAC;;EAEhE,UAAU,SAAS;AAClB,aAAU,IAAI,QAAQ;AACtB,gBAAa;AACZ,cAAU,OAAO,QAAQ;;;EAG3B"}

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.d.cts

@@ -0,0 +1,31 @@
+import { ThemeMap } from "../../theme-map.types.cjs";
+import { ThemeEntry } from "../../theme-entry.types.cjs";
+
+//#region src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.d.ts
+
+/**
+ * In-memory theme store. Transient state; no persistence.
+ *
+ * Bakes themes at creation. Validates theme keys on write; read/write use theme keys
+ * and build ThemeEntry from the themes map, consistent with other stores.
+ *
+ * @param themes - Record mapping theme keys to values (for validation and entry construction)
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' } as const
+ * const store = inMemoryThemeStore(themes)
+ * store.read() // undefined when empty
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function inMemoryThemeStore<Themes extends ThemeMap>(themes: Themes): {
+  read: () => ThemeEntry<Themes> | undefined;
+  write(entry: ThemeEntry<Themes> | undefined): void;
+  subscribe(handler: (theme: ThemeEntry<Themes> | null | undefined) => void): () => void;
+};
+//#endregion
+export { inMemoryThemeStore };
+//# sourceMappingURL=in-memory-theme-store.d.cts.map

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-memory-theme-store.d.cts","names":[],"sources":["../../../../src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;AAuBA;;;;;;;;;;;;;;;;iBAAgB,kCAAkC,kBAAkB;cAIlD,WAAW"}

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.d.mts

@@ -0,0 +1,31 @@
+import { ThemeMap } from "../../theme-map.types.mjs";
+import { ThemeEntry } from "../../theme-entry.types.mjs";
+
+//#region src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.d.ts
+
+/**
+ * In-memory theme store. Transient state; no persistence.
+ *
+ * Bakes themes at creation. Validates theme keys on write; read/write use theme keys
+ * and build ThemeEntry from the themes map, consistent with other stores.
+ *
+ * @param themes - Record mapping theme keys to values (for validation and entry construction)
+ * @returns ThemeStore
+ *
+ * @example
+ * ```ts
+ * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' } as const
+ * const store = inMemoryThemeStore(themes)
+ * store.read() // undefined when empty
+ * store.write(themeEntry(themes, 'grayscale'))
+ * store.subscribe((themeResult) => {})
+ * ```
+ */
+declare function inMemoryThemeStore<Themes extends ThemeMap>(themes: Themes): {
+  read: () => ThemeEntry<Themes> | undefined;
+  write(entry: ThemeEntry<Themes> | undefined): void;
+  subscribe(handler: (theme: ThemeEntry<Themes> | null | undefined) => void): () => void;
+};
+//#endregion
+export { inMemoryThemeStore };
+//# sourceMappingURL=in-memory-theme-store.d.mts.map

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-memory-theme-store.d.mts","names":[],"sources":["../../../../src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.ts"],"sourcesContent":[],"mappings":";;;;;;;AAuBA;;;;;;;;;;;;;;;;iBAAgB,kCAAkC,kBAAkB;cAIlD,WAAW"}

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.mjs

@@ -0,0 +1,54 @@
+import { themeEntry } from "../../theme-entry.mjs";
+
+//#region src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.ts
+/**
+* In-memory theme store. Transient state; no persistence.
+*
+* Bakes themes at creation. Validates theme keys on write; read/write use theme keys
+* and build ThemeEntry from the themes map, consistent with other stores.
+*
+* @param themes - Record mapping theme keys to values (for validation and entry construction)
+* @returns ThemeStore
+*
+* @example
+* ```ts
+* const themes = { current: 'theme-current', grayscale: 'theme-grayscale' } as const
+* const store = inMemoryThemeStore(themes)
+* store.read() // undefined when empty
+* store.write(themeEntry(themes, 'grayscale'))
+* store.subscribe((themeResult) => {})
+* ```
+*/
+function inMemoryThemeStore(themes) {
+	let value;
+	const listeners = /* @__PURE__ */ new Set();
+	function read() {
+		if (value === void 0 || value === null) return void 0;
+		return themeEntry(themes, value);
+	}
+	return {
+		read,
+		write(entry) {
+			if (entry === void 0) {
+				if (value === void 0 || value === null) return;
+				value = void 0;
+				for (const fn of listeners) fn(void 0);
+				return;
+			}
+			if (!(entry.theme in themes)) return;
+			if (value === entry.theme) return;
+			value = entry.theme;
+			for (const fn of listeners) fn(themeEntry(themes, entry.theme));
+		},
+		subscribe(handler) {
+			listeners.add(handler);
+			return () => {
+				listeners.delete(handler);
+			};
+		}
+	};
+}
+
+//#endregion
+export { inMemoryThemeStore };
+//# sourceMappingURL=in-memory-theme-store.mjs.map

package/dist/theme/theme-store/in-memory-theme-store/in-memory-theme-store.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-memory-theme-store.mjs","names":["value: keyof Themes | undefined | null"],"sources":["../../../../src/theme/theme-store/in-memory-theme-store/in-memory-theme-store.ts"],"sourcesContent":["import { 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 * In-memory theme store. Transient state; no persistence.\n *\n * Bakes themes at creation. Validates theme keys on write; read/write use theme keys\n * and build ThemeEntry from the themes map, consistent with other stores.\n *\n * @param themes - Record mapping theme keys to values (for validation and entry construction)\n * @returns ThemeStore\n *\n * @example\n * ```ts\n * const themes = { current: 'theme-current', grayscale: 'theme-grayscale' } as const\n * const store = inMemoryThemeStore(themes)\n * store.read() // undefined when empty\n * store.write(themeEntry(themes, 'grayscale'))\n * store.subscribe((themeResult) => {})\n * ```\n */\nexport function inMemoryThemeStore<Themes extends ThemeMap>(themes: Themes) {\n\tlet value: keyof Themes | undefined | null\n\tconst listeners = new Set<(v: ThemeEntry<Themes> | undefined) => void>()\n\n\tfunction read(): ThemeEntry<Themes> | undefined {\n\t\tif (value === undefined || value === null) return undefined\n\t\treturn themeEntry(themes, value)\n\t}\n\n\treturn {\n\t\tread,\n\t\twrite(entry) {\n\t\t\tif (entry === undefined) {\n\t\t\t\tif (value === undefined || value === null) return\n\t\t\t\tvalue = undefined\n\t\t\t\tfor (const fn of listeners) fn(undefined)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!(entry.theme in themes)) return\n\t\t\tif (value === entry.theme) return\n\t\t\tvalue = entry.theme\n\t\t\tfor (const fn of listeners) fn(themeEntry(themes, entry.theme))\n\t\t},\n\t\tsubscribe(handler) {\n\t\t\tlisteners.add(handler)\n\t\t\treturn () => {\n\t\t\t\tlisteners.delete(handler)\n\t\t\t}\n\t\t}\n\t} satisfies ThemeStore<Themes>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,mBAA4C,QAAgB;CAC3E,IAAIA;CACJ,MAAM,4BAAY,IAAI,KAAkD;CAExE,SAAS,OAAuC;AAC/C,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,SAAO,WAAW,QAAQ,MAAM;;AAGjC,QAAO;EACN;EACA,MAAM,OAAO;AACZ,OAAI,UAAU,QAAW;AACxB,QAAI,UAAU,UAAa,UAAU,KAAM;AAC3C,YAAQ;AACR,SAAK,MAAM,MAAM,UAAW,IAAG,OAAU;AACzC;;AAED,OAAI,EAAE,MAAM,SAAS,QAAS;AAC9B,OAAI,UAAU,MAAM,MAAO;AAC3B,WAAQ,MAAM;AACd,QAAK,MAAM,MAAM,UAAW,IAAG,WAAW,QAAQ,MAAM,MAAM,CAAC;;EAEhE,UAAU,SAAS;AAClB,aAAU,IAAI,QAAQ;AACtB,gBAAa;AACZ,cAAU,OAAO,QAAQ;;;EAG3B"}