@julseb-lib/react 0.1.34 → 0.1.36

package/dist/index.js

@@ -2664,31 +2664,36 @@ import { useState as useState10, useEffect as useEffect8, createContext, useCont
 import { jsx as jsx18 } from "react/jsx-runtime";
 var ThemeContext = createContext(null);
 var ThemeProviderWrapper = ({ children }) => {
-  const storedTheme = localStorage.getItem("theme");
-  const [theme, setTheme] = useState10(storedTheme != null ? storedTheme : "light");
-  const docEl = document.documentElement;
+  const [theme, setTheme] = useState10("light");
   const switchToLight = () => {
-    docEl.classList.add("light");
-    docEl.classList.remove("dark");
-    setTheme("light");
-    localStorage.setItem("theme", "light");
+    if (typeof window !== "undefined") {
+      document.documentElement.classList.add("light");
+      document.documentElement.classList.remove("dark");
+      setTheme("light");
+      localStorage.setItem("theme", "light");
+    }
   };
   const switchToDark = () => {
-    docEl.classList.remove("light");
-    docEl.classList.add("dark");
-    setTheme("dark");
-    localStorage.setItem("theme", "dark");
+    if (typeof window !== "undefined") {
+      document.documentElement.classList.remove("light");
+      document.documentElement.classList.add("dark");
+      setTheme("dark");
+      localStorage.setItem("theme", "dark");
+    }
   };
   useEffect8(() => {
-    if (storedTheme) {
-      if (theme === "light") switchToLight();
-      else switchToDark();
-    } else {
-      if (window.matchMedia("(prefers-color-scheme: dark)").matches)
-        switchToDark();
-      else switchToLight();
+    if (typeof window !== "undefined") {
+      const storedTheme = localStorage.getItem("theme");
+      if (storedTheme) {
+        if (theme === "light") switchToLight();
+        else switchToDark();
+      } else {
+        if (window.matchMedia("(prefers-color-scheme: dark)").matches)
+          switchToDark();
+        else switchToLight();
+      }
     }
-  }, [theme, localStorage.getItem("theme"), docEl]);
+  }, [theme]);
   const switchTheme = () => {
     if (theme === "light") switchToDark();
     else switchToLight();