@ioca/react 1.4.80 → 1.5.1

package/lib/es/js/useRipple/index.js

@@ -1,45 +1,47 @@
-//#region packages/js/useRipple/index.ts
 const TIMEOUT = 500;
 const useRipple = () => {
-	if (!document) return;
-	if (document.documentElement.dataset["iocaRipple"]) return;
-	document.documentElement.dataset["iocaRipple"] = "enable";
-	document.addEventListener("mousedown", listener);
+    if (!document)
+        return;
+    if (document.documentElement.dataset["iocaRipple"])
+        return;
+    document.documentElement.dataset["iocaRipple"] = "enable";
+    document.addEventListener("mousedown", listener);
 };
 function listener(e) {
-	const target = e.target;
-	const parent = target.closest("[data-ripple]");
-	if (!target || !parent) return;
-	triggerRipple(parent, e);
+    const target = e.target;
+    const parent = target.closest("[data-ripple]");
+    if (!target || !parent)
+        return;
+    triggerRipple(parent, e);
 }
 function triggerRipple(target, e) {
-	if (!document) return;
-	const [$box, $ripple] = createRipple();
-	const rect = target.getBoundingClientRect();
-	const size = Math.max(rect.width, rect.height) * 2;
-	$ripple.style.cssText = `
-        left: ${e.pageX - rect.left}px;
-        top: ${e.pageY - rect.top}px;
-        width: ${size}px;
-        height: ${size}px;
-        transition: all ${TIMEOUT / 1e3}s;
+    if (!document)
+        return;
+    const [$box, $ripple] = createRipple();
+    const rect = target.getBoundingClientRect();
+    const size = Math.max(rect.width, rect.height) * 2;
+    $ripple.style.cssText = `
+        left: ${e.pageX - rect.left}px;
+        top: ${e.pageY - rect.top}px;
+        width: ${size}px;
+        height: ${size}px;
+        transition: all ${TIMEOUT / 1000}s;
     `;
-	target.insertAdjacentElement("afterbegin", $box);
-	target.offsetHeight;
-	$ripple.classList.add("i-ripple-active");
-	setTimeout(() => {
-		$box.remove();
-	}, TIMEOUT);
+    target.insertAdjacentElement("afterbegin", $box);
+    target.offsetHeight;
+    $ripple.classList.add("i-ripple-active");
+    setTimeout(() => {
+        $box.remove();
+    }, TIMEOUT);
 }
 function createRipple() {
-	const $box = document.createElement("SPAN");
-	const $ripple = document.createElement("SPAN");
-	$box.className = "i-ripple-container";
-	$ripple.className = "i-ripple";
-	$box.append($ripple);
-	return [$box, $ripple];
+    const $box = document.createElement("SPAN");
+    const $ripple = document.createElement("SPAN");
+    $box.className = "i-ripple-container";
+    $ripple.className = "i-ripple";
+    $box.append($ripple);
+    return [$box, $ripple];
 }
-//#endregion
-export { useRipple as default };
 
-//# sourceMappingURL=index.js.map
+export { useRipple as default };
+//# sourceMappingURL=index.js.map

package/lib/es/js/useRipple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\n\nconst TIMEOUT = 500;\n\nconst useRipple = () => {\n\tif (!document) return;\n\tif (document.documentElement.dataset[\"iocaRipple\"]) return;\n\tdocument.documentElement.dataset[\"iocaRipple\"] = \"enable\";\n\n\tdocument.addEventListener(\"mousedown\", listener);\n};\n\nfunction listener(e: MouseEvent) {\n\tconst target = e.target as HTMLElement;\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\n\n\tif (!target || !parent) return;\n\n\ttriggerRipple(parent, e);\n}\n\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\n\tif (!document) return;\n\tconst [$box, $ripple] = createRipple();\n\tconst rect = target.getBoundingClientRect();\n\tconst size = Math.max(rect.width, rect.height) * 2;\n\n\t$ripple.style.cssText = `\n        left: ${e.pageX - rect.left}px;\n        top: ${e.pageY - rect.top}px;\n        width: ${size}px;\n        height: ${size}px;\n        transition: all ${TIMEOUT / 1000}s;\n    `;\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\n\ttarget.offsetHeight;\n\t$ripple.classList.add(\"i-ripple-active\");\n\n\tsetTimeout(() => {\n\t\t$box.remove();\n\t}, TIMEOUT);\n}\n\nfunction createRipple() {\n\tconst $box = document.createElement(\"SPAN\");\n\tconst $ripple = document.createElement(\"SPAN\");\n\n\t$box.className = \"i-ripple-container\";\n\t$ripple.className = \"i-ripple\";\n\n\t$box.append($ripple);\n\n\treturn [$box, $ripple];\n}\n\nexport default useRipple;\n"],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\r\n\r\nconst TIMEOUT = 500;\r\n\r\nconst useRipple = () => {\r\n\tif (!document) return;\r\n\tif (document.documentElement.dataset[\"iocaRipple\"]) return;\r\n\tdocument.documentElement.dataset[\"iocaRipple\"] = \"enable\";\r\n\r\n\tdocument.addEventListener(\"mousedown\", listener);\r\n};\r\n\r\nfunction listener(e: MouseEvent) {\r\n\tconst target = e.target as HTMLElement;\r\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\r\n\r\n\tif (!target || !parent) return;\r\n\r\n\ttriggerRipple(parent, e);\r\n}\r\n\r\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\r\n\tif (!document) return;\r\n\tconst [$box, $ripple] = createRipple();\r\n\tconst rect = target.getBoundingClientRect();\r\n\tconst size = Math.max(rect.width, rect.height) * 2;\r\n\r\n\t$ripple.style.cssText = `\r\n        left: ${e.pageX - rect.left}px;\r\n        top: ${e.pageY - rect.top}px;\r\n        width: ${size}px;\r\n        height: ${size}px;\r\n        transition: all ${TIMEOUT / 1000}s;\r\n    `;\r\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\r\n\ttarget.offsetHeight;\r\n\t$ripple.classList.add(\"i-ripple-active\");\r\n\r\n\tsetTimeout(() => {\r\n\t\t$box.remove();\r\n\t}, TIMEOUT);\r\n}\r\n\r\nfunction createRipple() {\r\n\tconst $box = document.createElement(\"SPAN\");\r\n\tconst $ripple = document.createElement(\"SPAN\");\r\n\r\n\t$box.className = \"i-ripple-container\";\r\n\t$ripple.className = \"i-ripple\";\r\n\r\n\t$box.append($ripple);\r\n\r\n\treturn [$box, $ripple];\r\n}\r\n\r\nexport default useRipple;\r\n"],"names":[],"mappings":"AAEA,MAAM,OAAO,GAAG,GAAG;AAEnB,MAAM,SAAS,GAAG,MAAK;AACtB,IAAA,IAAI,CAAC,QAAQ;QAAE;AACf,IAAA,IAAI,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC;QAAE;IACpD,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,QAAQ;AAEzD,IAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;AACjD;AAEA,SAAS,QAAQ,CAAC,CAAa,EAAA;AAC9B,IAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAgB;AAE7D,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE;AAExB,IAAA,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;AACzB;AAEA,SAAS,aAAa,CAAC,MAAmB,EAAE,CAAa,EAAA;AACxD,IAAA,IAAI,CAAC,QAAQ;QAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,EAAE;AACtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;AAC3C,IAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AAElD,IAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,CAAA;AACT,cAAA,EAAA,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;AACpB,aAAA,EAAA,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAA;iBAChB,IAAI,CAAA;kBACH,IAAI,CAAA;AACI,wBAAA,EAAA,OAAO,GAAG,IAAI,CAAA;KACnC;AACJ,IAAA,MAAM,CAAC,qBAAqB,CAAC,YAAY,EAAE,IAAI,CAAC;IAChD,MAAM,CAAC,YAAY;AACnB,IAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAExC,UAAU,CAAC,MAAK;QACf,IAAI,CAAC,MAAM,EAAE;IACd,CAAC,EAAE,OAAO,CAAC;AACZ;AAEA,SAAS,YAAY,GAAA;IACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;IAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAE9C,IAAA,IAAI,CAAC,SAAS,GAAG,oBAAoB;AACrC,IAAA,OAAO,CAAC,SAAS,GAAG,UAAU;AAE9B,IAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;AAEpB,IAAA,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;AACvB;;;;"}

package/lib/es/js/useTheme/index.js

@@ -1,29 +1,151 @@
-import { useLocalStorageState } from "../hooks.js";
-import { useEffect, useState } from "react";
-//#region packages/js/useTheme/index.ts
+import { useMemo, useState, useEffect } from 'react';
+
+const stores = new Map();
+function readTheme(key, defaultValue) {
+    if (typeof window === "undefined")
+        return defaultValue;
+    const raw = window.localStorage.getItem(key);
+    if (raw === null)
+        return defaultValue;
+    try {
+        return JSON.parse(raw);
+    }
+    catch {
+        return raw;
+    }
+}
+function writeTheme(key, value) {
+    if (typeof window === "undefined")
+        return;
+    if (value === undefined) {
+        window.localStorage.removeItem(key);
+    }
+    else {
+        window.localStorage.setItem(key, JSON.stringify(value));
+    }
+}
+function applyThemeToDocument(theme) {
+    if (typeof document === "undefined")
+        return;
+    if (!theme)
+        return;
+    const cls = document.documentElement.classList;
+    const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
+    if (prev) {
+        if (prev !== theme)
+            cls.replace(prev, theme);
+    }
+    else {
+        cls.add(theme);
+    }
+}
+function ensureStore(key, defaultValue) {
+    const existed = stores.get(key);
+    if (existed) {
+        return existed;
+    }
+    const theme = readTheme(key, defaultValue);
+    const store = {
+        key,
+        defaultValue,
+        theme,
+        listeners: new Set(),
+        storageSubscribers: 0,
+    };
+    stores.set(key, store);
+    applyThemeToDocument(theme);
+    return store;
+}
+function notify(store) {
+    for (const listener of store.listeners) {
+        listener(store.theme);
+    }
+}
+function setStoreTheme(store, value) {
+    const prev = store.theme;
+    const next = typeof value === "function"
+        ? value(prev)
+        : value;
+    const resolved = next ?? store.defaultValue;
+    if (resolved === store.theme)
+        return;
+    store.theme = resolved;
+    writeTheme(store.key, next);
+    applyThemeToDocument(resolved);
+    notify(store);
+}
+function ensureStorageListener(store) {
+    if (typeof window === "undefined")
+        return;
+    if (store.storageListener)
+        return;
+    store.storageListener = (e) => {
+        if (e.key !== store.key)
+            return;
+        if (e.newValue === null) {
+            store.theme = store.defaultValue;
+            applyThemeToDocument(store.theme);
+            notify(store);
+            return;
+        }
+        try {
+            store.theme = JSON.parse(e.newValue);
+        }
+        catch {
+            store.theme = e.newValue;
+        }
+        applyThemeToDocument(store.theme);
+        notify(store);
+    };
+    window.addEventListener("storage", store.storageListener);
+}
+function cleanupStorageListener(store) {
+    if (typeof window === "undefined")
+        return;
+    if (store.storageSubscribers > 0)
+        return;
+    if (!store.storageListener)
+        return;
+    window.removeEventListener("storage", store.storageListener);
+    store.storageListener = undefined;
+}
 const useTheme = (props) => {
-	const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange } = props ?? {};
-	const [mounted, setMounted] = useState(false);
-	const [theme, setTheme] = useLocalStorageState(key, {
-		defaultValue,
-		listenStorageChange
-	});
-	useEffect(() => {
-		setMounted(true);
-	}, []);
-	useEffect(() => {
-		if (!mounted || !theme) return;
-		const cls = document.documentElement.classList;
-		const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
-		if (prev) cls.replace(prev, theme);
-		else cls.add(theme);
-	}, [theme, mounted]);
-	return {
-		theme: mounted ? theme : defaultValue,
-		setTheme: mounted ? setTheme : () => {}
-	};
+    const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange, } = props ?? {};
+    if (typeof window === "undefined") {
+        return {
+            theme: defaultValue,
+            setTheme: () => { },
+        };
+    }
+    const store = useMemo(() => ensureStore(key, defaultValue), [key]);
+    const [theme, setThemeState] = useState(() => store.theme);
+    useEffect(() => {
+        store.defaultValue = defaultValue;
+        applyThemeToDocument(store.theme);
+    }, [store, defaultValue]);
+    useEffect(() => {
+        store.listeners.add(setThemeState);
+        setThemeState(store.theme);
+        if (listenStorageChange) {
+            store.storageSubscribers += 1;
+            ensureStorageListener(store);
+        }
+        return () => {
+            store.listeners.delete(setThemeState);
+            if (listenStorageChange) {
+                store.storageSubscribers = Math.max(0, store.storageSubscribers - 1);
+                cleanupStorageListener(store);
+            }
+        };
+    }, [store, listenStorageChange]);
+    const setTheme = (value) => {
+        setStoreTheme(store, value);
+    };
+    return {
+        theme,
+        setTheme,
+    };
 };
-//#endregion
-export { useTheme as default };
 
-//# sourceMappingURL=index.js.map
+export { useTheme as default };
+//# sourceMappingURL=index.js.map

package/lib/es/js/useTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"../hooks\";\nimport { useEffect, useState } from \"react\";\nimport { ITheme } from \"./type\";\n\nconst useTheme = (props?: ITheme) => {\n\tconst {\n\t\tkey = \"ioca-react-theme\",\n\t\tdefaultValue = \"theme-auto\",\n\t\tlistenStorageChange,\n\t} = props ?? {};\n\n\tconst [mounted, setMounted] = useState(false);\n\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\n\t\tdefaultValue,\n\t\tlistenStorageChange,\n\t});\n\n\tuseEffect(() => {\n\t\tsetMounted(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!mounted || !theme) return;\n\n\t\tconst cls = document.documentElement.classList;\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\n\n\t\tif (prev) {\n\t\t\tcls.replace(prev, theme);\n\t\t} else {\n\t\t\tcls.add(theme);\n\t\t}\n\t}, [theme, mounted]);\n\n\treturn {\n\t\ttheme: mounted ? theme : defaultValue,\n\t\tsetTheme: mounted ? setTheme : () => {},\n\t};\n};\n\nexport default useTheme;\n"],"mappings":";;;AAIA,MAAM,YAAY,UAAmB;CACpC,MAAM,EACL,MAAM,oBACN,eAAe,cACf,wBACG,SAAS,EAAE;CAEf,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,CAAC,OAAO,YAAY,qBAA6B,KAAK;EAC3D;EACA;EACA,CAAC;AAEF,iBAAgB;AACf,aAAW,KAAK;IACd,EAAE,CAAC;AAEN,iBAAgB;AACf,MAAI,CAAC,WAAW,CAAC,MAAO;EAExB,MAAM,MAAM,SAAS,gBAAgB;EACrC,MAAM,OAAO,MAAM,KAAK,IAAI,CAAC,MAAM,MAAM,EAAE,WAAW,SAAS,CAAC;AAEhE,MAAI,KACH,KAAI,QAAQ,MAAM,MAAM;MAExB,KAAI,IAAI,MAAM;IAEb,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAO;EACN,OAAO,UAAU,QAAQ;EACzB,UAAU,UAAU,iBAAiB;EACrC"}
+{"version":3,"file":"index.js","sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\r\nimport { ITheme } from \"./type\";\r\n\r\ntype TThemeListener = (theme: string) => void;\r\n\r\ntype TSetTheme = (\r\n\tvalue: string | undefined | ((prev: string) => string | undefined),\r\n) => void;\r\n\r\ntype TThemeStore = {\r\n\tkey: string;\r\n\tdefaultValue: string;\r\n\ttheme: string;\r\n\tlisteners: Set<TThemeListener>;\r\n\tstorageSubscribers: number;\r\n\tstorageListener?: (e: StorageEvent) => void;\r\n};\r\n\r\nconst stores = new Map<string, TThemeStore>();\r\n\r\nfunction readTheme(key: string, defaultValue: string): string {\r\n\tif (typeof window === \"undefined\") return defaultValue;\r\n\r\n\tconst raw = window.localStorage.getItem(key);\r\n\tif (raw === null) return defaultValue;\r\n\r\n\ttry {\r\n\t\treturn JSON.parse(raw) as string;\r\n\t} catch {\r\n\t\treturn raw;\r\n\t}\r\n}\r\n\r\nfunction writeTheme(key: string, value: string | undefined) {\r\n\tif (typeof window === \"undefined\") return;\r\n\r\n\tif (value === undefined) {\r\n\t\twindow.localStorage.removeItem(key);\r\n\t} else {\r\n\t\twindow.localStorage.setItem(key, JSON.stringify(value));\r\n\t}\r\n}\r\n\r\nfunction applyThemeToDocument(theme: string) {\r\n\tif (typeof document === \"undefined\") return;\r\n\tif (!theme) return;\r\n\r\n\tconst cls = document.documentElement.classList;\r\n\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\r\n\r\n\tif (prev) {\r\n\t\tif (prev !== theme) cls.replace(prev, theme);\r\n\t} else {\r\n\t\tcls.add(theme);\r\n\t}\r\n}\r\n\r\nfunction ensureStore(key: string, defaultValue: string): TThemeStore {\r\n\tconst existed = stores.get(key);\r\n\tif (existed) {\r\n\t\treturn existed;\r\n\t}\r\n\r\n\tconst theme = readTheme(key, defaultValue);\r\n\tconst store: TThemeStore = {\r\n\t\tkey,\r\n\t\tdefaultValue,\r\n\t\ttheme,\r\n\t\tlisteners: new Set(),\r\n\t\tstorageSubscribers: 0,\r\n\t};\r\n\tstores.set(key, store);\r\n\tapplyThemeToDocument(theme);\r\n\treturn store;\r\n}\r\n\r\nfunction notify(store: TThemeStore) {\r\n\tfor (const listener of store.listeners) {\r\n\t\tlistener(store.theme);\r\n\t}\r\n}\r\n\r\nfunction setStoreTheme(store: TThemeStore, value: Parameters<TSetTheme>[0]) {\r\n\tconst prev = store.theme;\r\n\tconst next =\r\n\t\ttypeof value === \"function\"\r\n\t\t\t? (value as (prev: string) => string | undefined)(prev)\r\n\t\t\t: value;\r\n\tconst resolved = next ?? store.defaultValue;\r\n\r\n\tif (resolved === store.theme) return;\r\n\r\n\tstore.theme = resolved;\r\n\twriteTheme(store.key, next);\r\n\tapplyThemeToDocument(resolved);\r\n\tnotify(store);\r\n}\r\n\r\nfunction ensureStorageListener(store: TThemeStore) {\r\n\tif (typeof window === \"undefined\") return;\r\n\tif (store.storageListener) return;\r\n\r\n\tstore.storageListener = (e: StorageEvent) => {\r\n\t\tif (e.key !== store.key) return;\r\n\r\n\t\tif (e.newValue === null) {\r\n\t\t\tstore.theme = store.defaultValue;\r\n\t\t\tapplyThemeToDocument(store.theme);\r\n\t\t\tnotify(store);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tstore.theme = JSON.parse(e.newValue) as string;\r\n\t\t} catch {\r\n\t\t\tstore.theme = e.newValue;\r\n\t\t}\r\n\r\n\t\tapplyThemeToDocument(store.theme);\r\n\t\tnotify(store);\r\n\t};\r\n\r\n\twindow.addEventListener(\"storage\", store.storageListener);\r\n}\r\n\r\nfunction cleanupStorageListener(store: TThemeStore) {\r\n\tif (typeof window === \"undefined\") return;\r\n\tif (store.storageSubscribers > 0) return;\r\n\tif (!store.storageListener) return;\r\n\r\n\twindow.removeEventListener(\"storage\", store.storageListener);\r\n\tstore.storageListener = undefined;\r\n}\r\n\r\nconst useTheme = (props?: ITheme) => {\r\n\tconst {\r\n\t\tkey = \"ioca-react-theme\",\r\n\t\tdefaultValue = \"theme-auto\",\r\n\t\tlistenStorageChange,\r\n\t} = props ?? {};\r\n\r\n\tif (typeof window === \"undefined\") {\r\n\t\treturn {\r\n\t\t\ttheme: defaultValue,\r\n\t\t\tsetTheme: () => {},\r\n\t\t};\r\n\t}\r\n\r\n\tconst store = useMemo(() => ensureStore(key, defaultValue), [key]);\r\n\tconst [theme, setThemeState] = useState<string>(() => store.theme);\r\n\r\n\tuseEffect(() => {\r\n\t\tstore.defaultValue = defaultValue;\r\n\t\tapplyThemeToDocument(store.theme);\r\n\t}, [store, defaultValue]);\r\n\r\n\tuseEffect(() => {\r\n\t\tstore.listeners.add(setThemeState);\r\n\t\tsetThemeState(store.theme);\r\n\r\n\t\tif (listenStorageChange) {\r\n\t\t\tstore.storageSubscribers += 1;\r\n\t\t\tensureStorageListener(store);\r\n\t\t}\r\n\r\n\t\treturn () => {\r\n\t\t\tstore.listeners.delete(setThemeState);\r\n\r\n\t\t\tif (listenStorageChange) {\r\n\t\t\t\tstore.storageSubscribers = Math.max(0, store.storageSubscribers - 1);\r\n\t\t\t\tcleanupStorageListener(store);\r\n\t\t\t}\r\n\t\t};\r\n\t}, [store, listenStorageChange]);\r\n\r\n\tconst setTheme: TSetTheme = (value) => {\r\n\t\tsetStoreTheme(store, value);\r\n\t};\r\n\r\n\treturn {\r\n\t\ttheme,\r\n\t\tsetTheme,\r\n\t};\r\n};\r\n\r\nexport default useTheme;\r\n"],"names":[],"mappings":"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"}