@julseb-lib/react 0.1.34 → 0.1.36

package/dist/index.cjs

@@ -2842,31 +2842,36 @@ var import_react14 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var ThemeContext = (0, import_react14.createContext)(null);
 var ThemeProviderWrapper = ({ children }) => {
-  const storedTheme = localStorage.getItem("theme");
-  const [theme, setTheme] = (0, import_react14.useState)(storedTheme != null ? storedTheme : "light");
-  const docEl = document.documentElement;
+  const [theme, setTheme] = (0, import_react14.useState)("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");
+    }
   };
   (0, import_react14.useEffect)(() => {
-    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();