@psnext/design-system 1.0.0 → 1.2.0

package/dist/contexts/index.d.ts

@@ -1,23 +1 @@
-import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/contexts/theme-context.d.ts
-type ThemeName = "slingshot" | "bodhi" | "sustain";
-type ThemeMode = "light" | "dark";
-interface ThemeContextType {
-  currentTheme: ThemeName;
-  themeMode: ThemeMode;
-  setTheme: (theme: ThemeName) => void;
-  toggleMode: () => void;
-  isDarkMode: boolean;
-}
-interface ThemeProviderProps {
-  children: ReactNode;
-}
-declare function ThemeProvider({
-  children
-}: ThemeProviderProps): react_jsx_runtime0.JSX.Element;
-declare function useTheme(): ThemeContextType;
-//#endregion
-export { ThemeMode, ThemeName, ThemeProvider, useTheme };
-//# sourceMappingURL=index.d.ts.map
+export {};

package/dist/contexts/index.js

@@ -1,58 +1 @@
-import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/contexts/theme-context.tsx
-const ThemeContext = createContext(void 0);
-function ThemeProvider({ children }) {
-	const [currentTheme, setCurrentTheme] = useState(() => {
-		if (typeof window === "undefined") return "slingshot";
-		return localStorage.getItem("ds-theme") ?? "slingshot";
-	});
-	const [themeMode, setThemeMode] = useState(() => {
-		if (typeof window === "undefined") return "light";
-		return localStorage.getItem("ds-theme-mode") ?? "light";
-	});
-	useEffect(() => {
-		const root = document.documentElement;
-		root.classList.remove("theme-slingshot", "theme-bodhi", "theme-sustain");
-		root.classList.remove("light", "dark");
-		root.classList.add(`theme-${currentTheme}`);
-		root.classList.add(themeMode);
-		if (typeof window !== "undefined") {
-			localStorage.setItem("ds-theme", currentTheme);
-			localStorage.setItem("ds-theme-mode", themeMode);
-		}
-	}, [currentTheme, themeMode]);
-	const setTheme = useCallback((theme) => {
-		setCurrentTheme(theme);
-	}, []);
-	const toggleMode = useCallback(() => {
-		setThemeMode((prev) => prev === "light" ? "dark" : "light");
-	}, []);
-	const isDarkMode = themeMode === "dark";
-	const value = useMemo(() => ({
-		currentTheme,
-		themeMode,
-		setTheme,
-		toggleMode,
-		isDarkMode
-	}), [
-		currentTheme,
-		themeMode,
-		setTheme,
-		toggleMode,
-		isDarkMode
-	]);
-	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-		value,
-		children
-	});
-}
-function useTheme() {
-	const context = useContext(ThemeContext);
-	if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
-	return context;
-}
-//#endregion
-export { ThemeProvider, useTheme };
-
-//# sourceMappingURL=index.js.map
+export {};