@mlw-packages/react-components 1.5.1 → 1.5.2

package/dist/index.js

@@ -4292,9 +4292,7 @@ function ThemeProviderBase({
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setTheme] = (0, import_react22.useState)(() => {
-    return localStorage.getItem(storageKey) || defaultTheme;
-  });
+  const [theme, setThemeState] = (0, import_react22.useState)(defaultTheme);
   (0, import_react22.useEffect)(() => {
     const root = window.document.documentElement;
     root.classList.remove(
@@ -4321,13 +4319,17 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  const value = {
-    theme,
-    setTheme: (theme2) => {
-      localStorage.setItem(storageKey, theme2);
-      setTheme(theme2);
+  (0, import_react22.useEffect)(() => {
+    const stored = localStorage.getItem(storageKey);
+    if (stored) setThemeState(stored);
+  }, [storageKey]);
+  const setTheme = (newTheme) => {
+    if (typeof window !== "undefined") {
+      localStorage.setItem(storageKey, newTheme);
     }
+    setThemeState(newTheme);
   };
+  const value = { theme, setTheme };
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {

package/dist/index.mjs

@@ -4083,9 +4083,7 @@ function ThemeProviderBase({
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setTheme] = useState6(() => {
-    return localStorage.getItem(storageKey) || defaultTheme;
-  });
+  const [theme, setThemeState] = useState6(defaultTheme);
   useEffect5(() => {
     const root = window.document.documentElement;
     root.classList.remove(
@@ -4112,13 +4110,17 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  const value = {
-    theme,
-    setTheme: (theme2) => {
-      localStorage.setItem(storageKey, theme2);
-      setTheme(theme2);
+  useEffect5(() => {
+    const stored = localStorage.getItem(storageKey);
+    if (stored) setThemeState(stored);
+  }, [storageKey]);
+  const setTheme = (newTheme) => {
+    if (typeof window !== "undefined") {
+      localStorage.setItem(storageKey, newTheme);
     }
+    setThemeState(newTheme);
   };
+  const value = { theme, setTheme };
   return /* @__PURE__ */ jsx39(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlw-packages/react-components",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",