@reown/appkit-core-react-native 0.0.0-develop-20251114173726 → 0.0.0-develop-20260126193726

package/lib/commonjs/controllers/ThemeController.js

@@ -4,33 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ThemeController = void 0;
-var _reactNative = require("react-native");
 var _valtio = require("valtio");
 // -- Types --------------------------------------------- //
 
 // -- State --------------------------------------------- //
 const state = (0, _valtio.proxy)({
-  themeMode: undefined,
+  systemThemeMode: undefined,
   defaultThemeMode: undefined,
-  themeVariables: {}
+  themeVariables: {},
+  get themeMode() {
+    // eslint-disable-next-line valtio/avoid-this-in-proxy -- using `this` for sibling property access in getters is the recommended valtio pattern for computed properties
+    return this.defaultThemeMode ?? this.systemThemeMode ?? 'light';
+  }
 });
 
 // -- Controller ---------------------------------------- //
 const ThemeController = exports.ThemeController = {
-  state,
+  state: state,
   subscribe(callback) {
     return (0, _valtio.subscribe)(state, () => callback(state));
   },
-  setThemeMode(themeMode) {
-    if (!themeMode) {
-      state.themeMode = _reactNative.Appearance.getColorScheme() ?? 'light';
-    } else {
-      state.themeMode = themeMode;
-    }
+  setSystemThemeMode(systemThemeMode) {
+    state.systemThemeMode = systemThemeMode ?? 'light';
   },
   setDefaultThemeMode(themeMode) {
     state.defaultThemeMode = themeMode;
-    this.setThemeMode(themeMode);
   },
   setThemeVariables(themeVariables) {
     if (!themeVariables) {

package/lib/commonjs/controllers/ThemeController.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_valtio","state","proxy","themeMode","undefined","defaultThemeMode","themeVariables","ThemeController","exports","subscribe","callback","sub","setThemeMode","Appearance","getColorScheme","setDefaultThemeMode","setThemeVariables"],"sourceRoot":"../../../src","sources":["controllers/ThemeController.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGA;;AAOA;AACA,MAAME,KAAK,GAAG,IAAAC,aAAK,EAAuB;EACxCC,SAAS,EAAEC,SAAS;EACpBC,gBAAgB,EAAED,SAAS;EAC3BE,cAAc,EAAE,CAAC;AACnB,CAAC,CAAC;;AAEF;AACO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BN,KAAK;EAELQ,SAASA,CAACC,QAAkD,EAAE;IAC5D,OAAO,IAAAC,iBAAG,EAACV,KAAK,EAAE,MAAMS,QAAQ,CAACT,KAAK,CAAC,CAAC;EAC1C,CAAC;EAEDW,YAAYA,CAACT,SAA6C,EAAE;IAC1D,IAAI,CAACA,SAAS,EAAE;MACdF,KAAK,CAACE,SAAS,GAAIU,uBAAU,CAACC,cAAc,CAAC,CAAC,IAAI,OAAqB;IACzE,CAAC,MAAM;MACLb,KAAK,CAACE,SAAS,GAAGA,SAAS;IAC7B;EACF,CAAC;EAEDY,mBAAmBA,CAACZ,SAAoD,EAAE;IACxEF,KAAK,CAACI,gBAAgB,GAAGF,SAAS;IAClC,IAAI,CAACS,YAAY,CAACT,SAAS,CAAC;EAC9B,CAAC;EAEDa,iBAAiBA,CAACV,cAAuD,EAAE;IACzE,IAAI,CAACA,cAAc,EAAE;MACnBL,KAAK,CAACK,cAAc,GAAG,CAAC,CAAC;MAEzB;IACF;IAEAL,KAAK,CAACK,cAAc,GAAG;MAAE,GAAGL,KAAK,CAACK,cAAc;MAAE,GAAGA;IAAe,CAAC;EACvE;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_valtio","require","state","proxy","systemThemeMode","undefined","defaultThemeMode","themeVariables","themeMode","ThemeController","exports","subscribe","callback","sub","setSystemThemeMode","setDefaultThemeMode","setThemeVariables"],"sourceRoot":"../../../src","sources":["controllers/ThemeController.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAGA;;AAQA;AACA,MAAMC,KAAK,GAAG,IAAAC,aAAK,EAAC;EAClBC,eAAe,EAAEC,SAAkC;EACnDC,gBAAgB,EAAED,SAAkC;EACpDE,cAAc,EAAE,CAAC,CAAmB;EACpC,IAAIC,SAASA,CAAA,EAAc;IACzB;IACA,OAAO,IAAI,CAACF,gBAAgB,IAAI,IAAI,CAACF,eAAe,IAAI,OAAO;EACjE;AACF,CAAC,CAAC;;AAEF;AACO,MAAMK,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BP,KAAK,EAAEA,KAA6B;EAEpCS,SAASA,CAACC,QAAkD,EAAE;IAC5D,OAAO,IAAAC,iBAAG,EAACX,KAAK,EAAE,MAAMU,QAAQ,CAACV,KAAK,CAAC,CAAC;EAC1C,CAAC;EAEDY,kBAAkBA,CAACV,eAAyD,EAAE;IAC5EF,KAAK,CAACE,eAAe,GAAGA,eAAe,IAAI,OAAO;EACpD,CAAC;EAEDW,mBAAmBA,CAACP,SAAoD,EAAE;IACxEN,KAAK,CAACI,gBAAgB,GAAGE,SAAS;EACpC,CAAC;EAEDQ,iBAAiBA,CAACT,cAAuD,EAAE;IACzE,IAAI,CAACA,cAAc,EAAE;MACnBL,KAAK,CAACK,cAAc,GAAG,CAAC,CAAC;MAEzB;IACF;IAEAL,KAAK,CAACK,cAAc,GAAG;MAAE,GAAGL,KAAK,CAACK,cAAc;MAAE,GAAGA;IAAe,CAAC;EACvE;AACF,CAAC","ignoreList":[]}

package/lib/module/controllers/ThemeController.js

@@ -1,33 +1,31 @@
 "use strict";
 
-import { Appearance } from 'react-native';
 import { proxy, subscribe as sub } from 'valtio';
 
 // -- Types --------------------------------------------- //
 
 // -- State --------------------------------------------- //
 const state = proxy({
-  themeMode: undefined,
+  systemThemeMode: undefined,
   defaultThemeMode: undefined,
-  themeVariables: {}
+  themeVariables: {},
+  get themeMode() {
+    // eslint-disable-next-line valtio/avoid-this-in-proxy -- using `this` for sibling property access in getters is the recommended valtio pattern for computed properties
+    return this.defaultThemeMode ?? this.systemThemeMode ?? 'light';
+  }
 });
 
 // -- Controller ---------------------------------------- //
 export const ThemeController = {
-  state,
+  state: state,
   subscribe(callback) {
     return sub(state, () => callback(state));
   },
-  setThemeMode(themeMode) {
-    if (!themeMode) {
-      state.themeMode = Appearance.getColorScheme() ?? 'light';
-    } else {
-      state.themeMode = themeMode;
-    }
+  setSystemThemeMode(systemThemeMode) {
+    state.systemThemeMode = systemThemeMode ?? 'light';
   },
   setDefaultThemeMode(themeMode) {
     state.defaultThemeMode = themeMode;
-    this.setThemeMode(themeMode);
   },
   setThemeVariables(themeVariables) {
     if (!themeVariables) {

package/lib/module/controllers/ThemeController.js.map

@@ -1 +1 @@
-{"version":3,"names":["Appearance","proxy","subscribe","sub","state","themeMode","undefined","defaultThemeMode","themeVariables","ThemeController","callback","setThemeMode","getColorScheme","setDefaultThemeMode","setThemeVariables"],"sourceRoot":"../../../src","sources":["controllers/ThemeController.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,EAAEC,SAAS,IAAIC,GAAG,QAAQ,QAAQ;;AAGhD;;AAOA;AACA,MAAMC,KAAK,GAAGH,KAAK,CAAuB;EACxCI,SAAS,EAAEC,SAAS;EACpBC,gBAAgB,EAAED,SAAS;EAC3BE,cAAc,EAAE,CAAC;AACnB,CAAC,CAAC;;AAEF;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7BL,KAAK;EAELF,SAASA,CAACQ,QAAkD,EAAE;IAC5D,OAAOP,GAAG,CAACC,KAAK,EAAE,MAAMM,QAAQ,CAACN,KAAK,CAAC,CAAC;EAC1C,CAAC;EAEDO,YAAYA,CAACN,SAA6C,EAAE;IAC1D,IAAI,CAACA,SAAS,EAAE;MACdD,KAAK,CAACC,SAAS,GAAIL,UAAU,CAACY,cAAc,CAAC,CAAC,IAAI,OAAqB;IACzE,CAAC,MAAM;MACLR,KAAK,CAACC,SAAS,GAAGA,SAAS;IAC7B;EACF,CAAC;EAEDQ,mBAAmBA,CAACR,SAAoD,EAAE;IACxED,KAAK,CAACG,gBAAgB,GAAGF,SAAS;IAClC,IAAI,CAACM,YAAY,CAACN,SAAS,CAAC;EAC9B,CAAC;EAEDS,iBAAiBA,CAACN,cAAuD,EAAE;IACzE,IAAI,CAACA,cAAc,EAAE;MACnBJ,KAAK,CAACI,cAAc,GAAG,CAAC,CAAC;MAEzB;IACF;IAEAJ,KAAK,CAACI,cAAc,GAAG;MAAE,GAAGJ,KAAK,CAACI,cAAc;MAAE,GAAGA;IAAe,CAAC;EACvE;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["proxy","subscribe","sub","state","systemThemeMode","undefined","defaultThemeMode","themeVariables","themeMode","ThemeController","callback","setSystemThemeMode","setDefaultThemeMode","setThemeVariables"],"sourceRoot":"../../../src","sources":["controllers/ThemeController.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,SAAS,IAAIC,GAAG,QAAQ,QAAQ;;AAGhD;;AAQA;AACA,MAAMC,KAAK,GAAGH,KAAK,CAAC;EAClBI,eAAe,EAAEC,SAAkC;EACnDC,gBAAgB,EAAED,SAAkC;EACpDE,cAAc,EAAE,CAAC,CAAmB;EACpC,IAAIC,SAASA,CAAA,EAAc;IACzB;IACA,OAAO,IAAI,CAACF,gBAAgB,IAAI,IAAI,CAACF,eAAe,IAAI,OAAO;EACjE;AACF,CAAC,CAAC;;AAEF;AACA,OAAO,MAAMK,eAAe,GAAG;EAC7BN,KAAK,EAAEA,KAA6B;EAEpCF,SAASA,CAACS,QAAkD,EAAE;IAC5D,OAAOR,GAAG,CAACC,KAAK,EAAE,MAAMO,QAAQ,CAACP,KAAK,CAAC,CAAC;EAC1C,CAAC;EAEDQ,kBAAkBA,CAACP,eAAyD,EAAE;IAC5ED,KAAK,CAACC,eAAe,GAAGA,eAAe,IAAI,OAAO;EACpD,CAAC;EAEDQ,mBAAmBA,CAACJ,SAAoD,EAAE;IACxEL,KAAK,CAACG,gBAAgB,GAAGE,SAAS;EACpC,CAAC;EAEDK,iBAAiBA,CAACN,cAAuD,EAAE;IACzE,IAAI,CAACA,cAAc,EAAE;MACnBJ,KAAK,CAACI,cAAc,GAAG,CAAC,CAAC;MAEzB;IACF;IAEAJ,KAAK,CAACI,cAAc,GAAG;MAAE,GAAGJ,KAAK,CAACI,cAAc;MAAE,GAAGA;IAAe,CAAC;EACvE;AACF,CAAC","ignoreList":[]}

package/lib/typescript/controllers/ThemeController.d.ts

@@ -1,13 +1,14 @@
 import type { ThemeMode, ThemeVariables } from '@reown/appkit-common-react-native';
 export interface ThemeControllerState {
-    themeMode?: ThemeMode;
+    themeMode: ThemeMode;
+    systemThemeMode?: ThemeMode;
     defaultThemeMode?: ThemeMode;
     themeVariables: ThemeVariables;
 }
 export declare const ThemeController: {
     state: ThemeControllerState;
     subscribe(callback: (newState: ThemeControllerState) => void): () => void;
-    setThemeMode(themeMode?: ThemeControllerState['themeMode']): void;
+    setSystemThemeMode(systemThemeMode?: ThemeControllerState['systemThemeMode']): void;
     setDefaultThemeMode(themeMode?: ThemeControllerState['defaultThemeMode']): void;
     setThemeVariables(themeVariables?: ThemeControllerState['themeVariables']): void;
 };

package/lib/typescript/controllers/ThemeController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/controllers/ThemeController.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnF,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,EAAE,cAAc,CAAC;CAChC;AAUD,eAAO,MAAM,eAAe;;mCAGK,oBAAoB,KAAK,IAAI;6BAInC,oBAAoB,CAAC,WAAW,CAAC;oCAQ1B,oBAAoB,CAAC,kBAAkB,CAAC;uCAKrC,oBAAoB,CAAC,gBAAgB,CAAC;CAS1E,CAAC"}
+{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/controllers/ThemeController.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnF,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,EAAE,cAAc,CAAC;CAChC;AAcD,eAAO,MAAM,eAAe;;mCAGK,oBAAoB,KAAK,IAAI;yCAIvB,oBAAoB,CAAC,iBAAiB,CAAC;oCAI5C,oBAAoB,CAAC,kBAAkB,CAAC;uCAIrC,oBAAoB,CAAC,gBAAgB,CAAC;CAS1E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-core-react-native",
-  "version": "0.0.0-develop-20251114173726",
+  "version": "0.0.0-develop-20260126193726",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -40,7 +40,7 @@
     "provenance": true
   },
   "dependencies": {
-    "@reown/appkit-common-react-native": "0.0.0-develop-20251114173726",
+    "@reown/appkit-common-react-native": "0.0.0-develop-20260126193726",
     "countries-and-timezones": "3.7.2",
     "derive-valtio": "0.2.0",
     "valtio": "2.1.8"

package/src/controllers/ThemeController.ts

@@ -1,40 +1,39 @@
-import { Appearance } from 'react-native';
 import { proxy, subscribe as sub } from 'valtio';
 import type { ThemeMode, ThemeVariables } from '@reown/appkit-common-react-native';
 
 // -- Types --------------------------------------------- //
 export interface ThemeControllerState {
-  themeMode?: ThemeMode;
+  themeMode: ThemeMode;
+  systemThemeMode?: ThemeMode;
   defaultThemeMode?: ThemeMode;
   themeVariables: ThemeVariables;
 }
 
 // -- State --------------------------------------------- //
-const state = proxy<ThemeControllerState>({
-  themeMode: undefined,
-  defaultThemeMode: undefined,
-  themeVariables: {}
+const state = proxy({
+  systemThemeMode: undefined as ThemeMode | undefined,
+  defaultThemeMode: undefined as ThemeMode | undefined,
+  themeVariables: {} as ThemeVariables,
+  get themeMode(): ThemeMode {
+    // eslint-disable-next-line valtio/avoid-this-in-proxy -- using `this` for sibling property access in getters is the recommended valtio pattern for computed properties
+    return this.defaultThemeMode ?? this.systemThemeMode ?? 'light';
+  }
 });
 
 // -- Controller ---------------------------------------- //
 export const ThemeController = {
-  state,
+  state: state as ThemeControllerState,
 
   subscribe(callback: (newState: ThemeControllerState) => void) {
     return sub(state, () => callback(state));
   },
 
-  setThemeMode(themeMode?: ThemeControllerState['themeMode']) {
-    if (!themeMode) {
-      state.themeMode = (Appearance.getColorScheme() ?? 'light') as ThemeMode;
-    } else {
-      state.themeMode = themeMode;
-    }
+  setSystemThemeMode(systemThemeMode?: ThemeControllerState['systemThemeMode']) {
+    state.systemThemeMode = systemThemeMode ?? 'light';
   },
 
   setDefaultThemeMode(themeMode?: ThemeControllerState['defaultThemeMode']) {
     state.defaultThemeMode = themeMode;
-    this.setThemeMode(themeMode);
   },
 
   setThemeVariables(themeVariables?: ThemeControllerState['themeVariables']) {