/* NeuralVault — theme.jsx
Theme context + toggle. Persists to localStorage and reflects on . */
const { createContext, useContext, useState, useEffect } = React;
const ThemeContext = createContext({ theme: "dark", toggle: () => {}, setTheme: () => {} });
const useTheme = () => useContext(ThemeContext);
function ThemeProvider({ children }) {
const [theme, setTheme] = useState(() => {
if (typeof window === "undefined") return "dark";
return localStorage.getItem("nv-theme") || document.documentElement.getAttribute("data-theme") || "dark";
});
useEffect(() => {
document.documentElement.setAttribute("data-theme", theme);
localStorage.setItem("nv-theme", theme);
}, [theme]);
const toggle = () => setTheme((t) => (t === "dark" ? "light" : "dark"));
return (
{children}
);
}
function ThemeToggle() {
const { toggle, theme } = useTheme();
return (
);
}
Object.assign(window, { ThemeContext, useTheme, ThemeProvider, ThemeToggle });