@raxrai/stylelab-ui 0.3.1 → 0.3.2

package/dist/index.d.mts

@@ -417,11 +417,13 @@ type ThemeContextValue = {
     theme: StyleLabTheme;
     setTheme: (theme: StyleLabTheme) => void;
 };
-declare function ThemeProvider({ children, defaultTheme, storageKey, }: {
+declare function ThemeProvider({ children, defaultTheme, storageKey, persistTheme, }: {
     children: ReactNode;
     defaultTheme?: StyleLabTheme;
     /** localStorage key for persisting theme. Defaults to "stylelab-theme". */
     storageKey?: string;
+    /** When false, theme is not read from or written to localStorage. */
+    persistTheme?: boolean;
 }): react.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 

package/dist/index.d.ts

@@ -417,11 +417,13 @@ type ThemeContextValue = {
     theme: StyleLabTheme;
     setTheme: (theme: StyleLabTheme) => void;
 };
-declare function ThemeProvider({ children, defaultTheme, storageKey, }: {
+declare function ThemeProvider({ children, defaultTheme, storageKey, persistTheme, }: {
     children: ReactNode;
     defaultTheme?: StyleLabTheme;
     /** localStorage key for persisting theme. Defaults to "stylelab-theme". */
     storageKey?: string;
+    /** When false, theme is not read from or written to localStorage. */
+    persistTheme?: boolean;
 }): react.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 

package/dist/index.mjs

@@ -285,12 +285,14 @@ function getStoredTheme(storageKey, defaultTheme) {
 function ThemeProvider({
   children,
   defaultTheme = "minimal",
-  storageKey = "stylelab-theme"
+  storageKey = "stylelab-theme",
+  persistTheme = true
 }) {
   const [theme, setThemeState] = useState(defaultTheme);
   useEffect(() => {
+    if (!persistTheme) return;
     setThemeState((prev) => getStoredTheme(storageKey, prev));
-  }, [storageKey]);
+  }, [storageKey, persistTheme]);
   useEffect(() => {
     if (typeof document !== "undefined") {
       try {
@@ -305,12 +307,12 @@ function ThemeProvider({
       if (typeof document !== "undefined") {
         try {
           document.documentElement.dataset.stylelabTheme = next;
-          localStorage.setItem(storageKey, next);
+          if (persistTheme) localStorage.setItem(storageKey, next);
         } catch (_) {
         }
       }
     },
-    [storageKey]
+    [storageKey, persistTheme]
   );
   const value = useMemo(
     () => ({ theme, setTheme }),