@kbach/react-native 1.0.0-beta.26 → 1.0.0-beta.27

package/README.md

@@ -13,6 +13,17 @@ resolved to a `StyleSheet`-ready style object instead of injected CSS.
 npm install @kbach/react-native
 ```
 
+Then, pick the one section below that matches how you're actually running
+the app — each is a genuinely different setup, not layered options:
+
+- **React Native CLI** (`npx react-native ...`) → [React Native CLI](#react-native-cli)
+- **Expo, using Expo Go** (`npx expo start`, scanning the QR code in the Expo
+  Go app) → [Expo Go](#expo-go) — nothing to configure at all
+- **Expo, using a dev client or a bare/prebuilt project** (`npx expo run:android`,
+  or EAS Build) → [Expo (dev client / prebuild)](#expo-dev-client--prebuild)
+- **Expo Web** (`npx expo start --web`, or any `react-native-web` target) →
+  [Expo Web](#expo-web) — also nothing to configure
+
 ### React Native CLI
 
 ```js
@@ -164,6 +175,14 @@ into a parent component yourself and pass it down as an explicit prop.
 
 ## Dark mode
 
+**Zero setup, on every platform this package supports** — real native
+*and* Expo Web. Unlike [`@kbach/react`](https://www.npmjs.com/package/@kbach/react),
+there's no build-time CSS step here to keep in sync with the runtime:
+`dark:` is resolved fresh from a live parameter on native (no selectors at
+all to generate ahead of time), and Expo Web's default strategy is already
+`'attribute'` — a manual toggle just works, no config file, no
+`applyKbachConfig()` call:
+
 ```tsx
 import { useTheme } from '@kbach/react-native';
 

package/dist/{chunk-LWD6JATB.mjs → chunk-MXIT3EDJ.mjs}

@@ -15,11 +15,12 @@ function applyToDom(dark) {
   if (typeof document === "undefined") return;
   const root = document.documentElement;
   const strategy = getTheme().darkMode;
-  if (strategy === "class") {
-    root.classList.toggle("dark", dark);
-    root.classList.toggle("light", !dark);
-  } else if (strategy === "attribute") {
+  root.classList.toggle("dark", strategy === "class" && dark);
+  root.classList.toggle("light", strategy === "class" && !dark);
+  if (strategy === "attribute") {
     root.setAttribute("data-theme", dark ? "dark" : "light");
+  } else {
+    root.removeAttribute("data-theme");
   }
 }
 var mode = "system";

package/dist/darkModeStore.js

@@ -44,11 +44,12 @@ function applyToDom(dark) {
   if (typeof document === "undefined") return;
   const root = document.documentElement;
   const strategy = (0, import_theme.getTheme)().darkMode;
-  if (strategy === "class") {
-    root.classList.toggle("dark", dark);
-    root.classList.toggle("light", !dark);
-  } else if (strategy === "attribute") {
+  root.classList.toggle("dark", strategy === "class" && dark);
+  root.classList.toggle("light", strategy === "class" && !dark);
+  if (strategy === "attribute") {
     root.setAttribute("data-theme", dark ? "dark" : "light");
+  } else {
+    root.removeAttribute("data-theme");
   }
 }
 var mode = "system";

package/dist/index.web.mjs

@@ -10,7 +10,7 @@ import {
   subscribeDynamicTokens,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode
-} from "./chunk-LWD6JATB.mjs";
+} from "./chunk-MXIT3EDJ.mjs";
 import {
   defaultTheme,
   getTheme,

package/dist/jsx-dev-runtime.web.mjs

@@ -1,4 +1,4 @@
-import "./chunk-LWD6JATB.mjs";
+import "./chunk-MXIT3EDJ.mjs";
 import {
   Fragment,
   jsx,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react-native",
-  "version": "1.0.0-beta.26",
+  "version": "1.0.0-beta.27",
   "description": "Kbach's utility-class styling engine for React Native — the same class names as @kbach/react, resolved to a StyleSheet-ready style object via a Kotlin/JNI TurboModule (native), the same WASM engine @kbach/react uses (Expo Web / react-native-web), or a pure-JS fallback engine (Expo Go). Ships its own native Android module — one npm install, no separate native package. Beta. Native is Android-only (no iOS bridge yet); works with the React Native CLI, an Expo dev client, AND Expo Go (a reduced-coverage pure-JS fallback, since Expo Go can't load any custom native module).",
   "keywords": [
     "css",