@julseb-lib/react 0.1.35 → 0.1.37

package/dist/index.js

@@ -2665,19 +2665,18 @@ import { jsx as jsx18 } from "react/jsx-runtime";
 var ThemeContext = createContext(null);
 var ThemeProviderWrapper = ({ children }) => {
   const [theme, setTheme] = useState10("light");
-  const docEl = document.documentElement;
   const switchToLight = () => {
     if (typeof window !== "undefined") {
-      docEl.classList.add("light");
-      docEl.classList.remove("dark");
+      document.documentElement.classList.add("light");
+      document.documentElement.classList.remove("dark");
       setTheme("light");
       localStorage.setItem("theme", "light");
     }
   };
   const switchToDark = () => {
     if (typeof window !== "undefined") {
-      docEl.classList.remove("light");
-      docEl.classList.add("dark");
+      document.documentElement.classList.remove("light");
+      document.documentElement.classList.add("dark");
       setTheme("dark");
       localStorage.setItem("theme", "dark");
     }
@@ -2686,7 +2685,7 @@ var ThemeProviderWrapper = ({ children }) => {
     if (typeof window !== "undefined") {
       const storedTheme = localStorage.getItem("theme");
       if (storedTheme) {
-        if (theme === "light") switchToLight();
+        if (storedTheme === "light") switchToLight();
         else switchToDark();
       } else {
         if (window.matchMedia("(prefers-color-scheme: dark)").matches)
@@ -2694,7 +2693,7 @@ var ThemeProviderWrapper = ({ children }) => {
         else switchToLight();
       }
     }
-  }, [theme, docEl]);
+  }, [theme]);
   const switchTheme = () => {
     if (theme === "light") switchToDark();
     else switchToLight();