@kbach/react-native 1.0.0-beta.20 → 1.0.0-beta.22

package/dist/index.web.mjs

@@ -9,13 +9,13 @@ import {
   subscribeDynamicTokens,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode
-} from "./chunk-45GOGUHJ.mjs";
+} from "./chunk-TS2EEVOE.mjs";
 import {
   defaultTheme,
   getTheme,
   resolveClassName,
   setTheme
-} from "./chunk-OGFB3OXS.mjs";
+} from "./chunk-AG7ZQ2K4.mjs";
 
 // src/config.ts
 function parseHexRgb(hex) {
@@ -94,9 +94,13 @@ function useTheme() {
 // src/ThemeProvider.tsx
 import { useEffect, useRef } from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
+var PERSIST_STORAGE_KEY = "kbach-theme";
+function isThemeMode(value) {
+  return value === "light" || value === "dark" || value === "system";
+}
 var mountedProviderCount = 0;
 var warnedMultipleProviders = false;
-function ThemeProvider({ children, defaultMode = "system" }) {
+function ThemeProvider({ children, defaultMode = "system", persist = false }) {
   useEffect(() => {
     mountedProviderCount++;
     if (mountedProviderCount > 1 && !warnedMultipleProviders) {
@@ -113,8 +117,29 @@ function ThemeProvider({ children, defaultMode = "system" }) {
   useEffect(() => {
     if (seeded.current) return;
     seeded.current = true;
-    seedDefaultMode(defaultMode);
+    if (!persist) {
+      seedDefaultMode(defaultMode);
+      return;
+    }
+    let cancelled = false;
+    persist.getItem(PERSIST_STORAGE_KEY).then((stored) => {
+      if (cancelled) return;
+      if (isThemeMode(stored)) seedDefaultMode(stored);
+      else seedDefaultMode(defaultMode);
+    }).catch(() => {
+      if (!cancelled) seedDefaultMode(defaultMode);
+    });
+    return () => {
+      cancelled = true;
+    };
   }, []);
+  useEffect(() => {
+    if (!persist) return;
+    return subscribeGlobalDarkMode(() => {
+      persist.setItem(PERSIST_STORAGE_KEY, getGlobalThemeMode()).catch(() => {
+      });
+    });
+  }, [persist]);
   return /* @__PURE__ */ jsx(Fragment, { children });
 }