@kbach/react-native 1.0.0-beta.4 → 1.0.0-beta.40

package/dist/jsx-runtime.web.mjs

@@ -1,12 +1,9 @@
 import {
+  Fragment,
   jsx,
   jsxs
-} from "./chunk-ZUE6SCTE.mjs";
-import "./chunk-KSDFO34H.mjs";
-import {
-  Fragment
-} from "./chunk-DLIXI5OW.mjs";
-import "./chunk-AEVOM2NB.mjs";
+} from "./chunk-FLPPVP5G.mjs";
+import "./chunk-ZYE4VIZE.mjs";
 export {
   Fragment,
   jsx,

package/dist/theme.d.ts

@@ -0,0 +1,54 @@
+/**
+ * A plain hex value (static — same in both modes), or a `{ light, dark }`
+ * pair a caller sets manually in their own theme. Fully opt-in per color:
+ * nothing here picks a "dark variant" automatically. Only `useColors()`
+ * (a JS-value read, not a `className`) understands this shape — utility
+ * CLASS resolution (`bg-blue-6`) on native/Expo Go stays plain-string-only,
+ * same as it always was (dark mode for a CLASS is the separate `dark:`
+ * modifier, gated live at resolve time — see `resolve_style.rs`); a
+ * mode-aware entry referenced directly by a class name just doesn't
+ * resolve there, mirroring `resolvers/color.rs`'s own `lookup_hex`
+ * (`ColorValue::Plain` only, `ModeAware` -> `None`) exactly, same as it
+ * would on the web engine too.
+ */
+type ColorEntry = string | {
+    light: string;
+    dark: string;
+};
+/**
+ * Real Tailwind's `theme.container` config, mirroring
+ * `packages/core-engine/src/theme.rs`'s `ContainerConfig` exactly. `center`/
+ * `padding` DO reach native now (unlike the max-width breakpoint ladder,
+ * which is a `css.rs`-only concept with nothing to generate on native at
+ * all) — `resolvers::layout::resolve`'s `"container"` arm is shared by both
+ * dispatchers, and `margin`/`padding` are ordinary RN style properties.
+ */
+interface ContainerConfig {
+    center?: boolean;
+    padding?: string;
+}
+interface ThemeConfig {
+    colors: Record<string, ColorEntry>;
+    spacing: Record<string, number>;
+    screens: Record<string, number>;
+    /**
+     * e.g. "sans" -> "Inter, sans-serif". Optional, matching the Rust
+     * engine's own `#[serde(default)]`. Write it as a real web-shaped
+     * fallback stack even on this native-first package — native's own
+     * resolver strips it down to a single bare name at resolve time (RN's
+     * `fontFamily` prop can't take a fallback list — see
+     * `resolvers/mod.rs`'s `first_font_name`), so the SAME config still
+     * works unmodified on Expo Web, which needs the full stack.
+     */
+    fontFamily?: Record<string, string>;
+    darkMode: 'attribute' | 'class' | 'media';
+    /** Optional, matching `ContainerConfig`'s own `#[serde(default)]` on the Rust side. */
+    container?: ContainerConfig;
+}
+declare const defaultTheme: ThemeConfig;
+declare function setTheme(theme: ThemeConfig): void;
+declare function getTheme(): ThemeConfig;
+/** Memoized JSON serialization of the active theme — passed across the JNI boundary. */
+declare function getThemeJson(): string;
+
+export { type ColorEntry, type ContainerConfig, type ThemeConfig, defaultTheme, getTheme, getThemeJson, setTheme };

package/dist/{chunk-AEVOM2NB.mjs → theme.js}

@@ -1,3 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/theme.ts
+var theme_exports = {};
+__export(theme_exports, {
+  defaultTheme: () => defaultTheme,
+  getTheme: () => getTheme,
+  getThemeJson: () => getThemeJson,
+  setTheme: () => setTheme
+});
+module.exports = __toCommonJS(theme_exports);
+
 // src/generatedPalette.ts
 var PALETTE = {
   "amber-1": "#fffbeb",
@@ -278,16 +307,51 @@ var PALETTE = {
 // src/theme.ts
 var defaultTheme = {
   colors: PALETTE,
+  // Real Tailwind's default spacing scale in full — every step is exactly
+  // `n * 4px`, including the fractional `.5` steps (`1.5` -> 6px, `2.5` ->
+  // 10px, `3.5` -> 14px) and the "px" literal (a bare 1px). Only the
+  // "usual stops", though — `jsEngine/shared.ts`'s `spacingPx` (and the
+  // native Rust dispatcher's own `spacing_px`) falls back to Tailwind v4's
+  // live `n * 4px` formula for any bare numeric step not listed here
+  // (`p-0.25`, `w-13`, ...), so this table names the common values and
+  // gives a theme override something to target, not the full resolvable
+  // set. Mirrors @kbach/react's theme.ts exactly.
   spacing: {
-    // "0" is always a hardcoded zero in real Tailwind's own scale too,
-    // regardless of the base spacing unit — needed for `p-0`/`m-0`/etc.
-    // Mirrors the identical fix in @kbach/react's theme.ts.
     "0": 0,
+    "px": 1,
+    "0.5": 2,
     "1": 4,
+    "1.5": 6,
     "2": 8,
+    "2.5": 10,
+    "3": 12,
+    "3.5": 14,
     "4": 16,
+    "5": 20,
     "6": 24,
-    "8": 32
+    "7": 28,
+    "8": 32,
+    "9": 36,
+    "10": 40,
+    "11": 44,
+    "12": 48,
+    "14": 56,
+    "16": 64,
+    "20": 80,
+    "24": 96,
+    "28": 112,
+    "32": 128,
+    "36": 144,
+    "40": 160,
+    "44": 176,
+    "48": 192,
+    "52": 208,
+    "56": 224,
+    "60": 240,
+    "64": 256,
+    "72": 288,
+    "80": 320,
+    "96": 384
   },
   screens: {
     sm: 640,
@@ -296,7 +360,20 @@ var defaultTheme = {
     xl: 1280,
     "2xl": 1536
   },
-  darkMode: "attribute"
+  // Byte-for-byte the same three stacks
+  // packages/core-engine/src/resolvers/typography.rs's `font_family_value`
+  // falls back to. On native these three still effectively no-op (see
+  // `first_font_name`'s own doc comment for why a generic CSS keyword
+  // isn't a real loadable font) — only a caller-configured custom name
+  // changes native rendering; Expo Web uses the full stack as-is.
+  fontFamily: {
+    sans: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+    serif: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
+    mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+  },
+  darkMode: "attribute",
+  // Empty by default, matching real Tailwind's own defaults.
+  container: {}
 };
 var activeTheme = defaultTheme;
 var activeThemeJson = JSON.stringify(defaultTheme);
@@ -310,62 +387,10 @@ function getTheme() {
 function getThemeJson() {
   return activeThemeJson;
 }
-
-// src/darkModeStore.ts
-import { Appearance } from "react-native";
-var listeners = /* @__PURE__ */ new Set();
-function systemPrefersDark() {
-  return Appearance.getColorScheme() === "dark";
-}
-function resolveIsDark(m) {
-  return m === "system" ? systemPrefersDark() : m === "dark";
-}
-var mode = "system";
-var isDark = resolveIsDark(mode);
-var hasExplicitChoice = false;
-var subscription = Appearance.addChangeListener(({ colorScheme }) => {
-  if (mode !== "system") return;
-  isDark = colorScheme === "dark";
-  notify();
-});
-function notify() {
-  for (const listener of listeners) listener();
-}
-function getGlobalDarkMode() {
-  return isDark;
-}
-function getGlobalThemeMode() {
-  return mode;
-}
-function setGlobalThemeMode(nextMode) {
-  mode = nextMode;
-  isDark = resolveIsDark(nextMode);
-  hasExplicitChoice = true;
-  notify();
-}
-function toggleGlobalDarkMode() {
-  setGlobalThemeMode(isDark ? "light" : "dark");
-}
-function subscribeGlobalDarkMode(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
-}
-function seedDefaultMode(fallback) {
-  if (hasExplicitChoice || mode === fallback) return;
-  mode = fallback;
-  isDark = resolveIsDark(fallback);
-  notify();
-}
-
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   defaultTheme,
-  setTheme,
   getTheme,
   getThemeJson,
-  getGlobalDarkMode,
-  getGlobalThemeMode,
-  setGlobalThemeMode,
-  toggleGlobalDarkMode,
-  subscribeGlobalDarkMode,
-  seedDefaultMode
-};
+  setTheme
+});

package/package.json

@@ -1,8 +1,18 @@
 {
   "name": "@kbach/react-native",
-  "version": "1.0.0-beta.4",
-  "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) or the same WASM engine @kbach/react uses (Expo Web / react-native-web). 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 or an Expo dev client (not Expo Go, which cannot load any custom native module).",
-  "keywords": ["css", "react-native", "expo", "tailwind", "utility-first", "styling", "android", "web", "wasm"],
+  "version": "1.0.0-beta.40",
+  "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",
+    "react-native",
+    "expo",
+    "tailwind",
+    "utility-first",
+    "styling",
+    "android",
+    "web",
+    "wasm"
+  ],
   "license": "MIT",
   "author": "semsakadanupol",
   "repository": {
@@ -17,10 +27,16 @@
   "publishConfig": {
     "access": "public"
   },
-  "files": ["dist", "src/babel-plugin.js", "android/build.gradle", "android/src", "specs", "react-native.config.js"],
+  "files": [
+    "dist",
+    "src/babel-plugin.js",
+    "android/build.gradle",
+    "android/src",
+    "specs",
+    "react-native.config.js"
+  ],
   "source": "./src/index.ts",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -30,7 +46,11 @@
         "import": "./dist/index.web.mjs",
         "require": "./dist/index.web.js"
       },
-      "import": "./dist/index.mjs",
+      "node": {
+        "import": "./dist/index.web.mjs",
+        "require": "./dist/index.web.js"
+      },
+      "react-native": "./dist/index.js",
       "require": "./dist/index.js"
     },
     "./jsx-runtime": {
@@ -40,7 +60,11 @@
         "import": "./dist/jsx-runtime.web.mjs",
         "require": "./dist/jsx-runtime.web.js"
       },
-      "import": "./dist/jsx-runtime.mjs",
+      "node": {
+        "import": "./dist/jsx-runtime.web.mjs",
+        "require": "./dist/jsx-runtime.web.js"
+      },
+      "react-native": "./dist/jsx-runtime.js",
       "require": "./dist/jsx-runtime.js"
     },
     "./jsx-dev-runtime": {
@@ -50,25 +74,30 @@
         "import": "./dist/jsx-dev-runtime.web.mjs",
         "require": "./dist/jsx-dev-runtime.web.js"
       },
-      "import": "./dist/jsx-dev-runtime.mjs",
+      "node": {
+        "import": "./dist/jsx-dev-runtime.web.mjs",
+        "require": "./dist/jsx-dev-runtime.web.js"
+      },
+      "react-native": "./dist/jsx-dev-runtime.js",
       "require": "./dist/jsx-dev-runtime.js"
     },
     "./babel-plugin": "./src/babel-plugin.js"
   },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
+    "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsup",
+    "dev": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsup --watch",
     "test": "vitest run --passWithNoTests",
+    "test:coverage": "vitest run --coverage --passWithNoTests",
     "lint": "tsc --noEmit",
     "generate:colors": "node ../core-engine/scripts/generate-palette.mjs src/generatedPalette.ts",
-    "generate:wasm-base64": "node ../core-engine/scripts/generate-wasm-base64.mjs src/wasmBinary.generated.ts"
-  },
-  "dependencies": {
-    "@kbach/core-engine": "1.0.0-beta.0"
+    "generate:wasm-base64": "node ../core-engine/scripts/generate-wasm-base64.mjs src/wasmBinary.generated.ts",
+    "generate:web-glue": "node ../core-engine/scripts/generate-web-glue.mjs src/wasmGlue.generated.ts"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",
     "@types/react-test-renderer": "^19.1.0",
+    "@vitest/coverage-v8": "^1.6.1",
+    "jsdom": "^30.0.1",
     "react-native": "^0.87.0",
     "react-test-renderer": "^19.2.0",
     "tsup": "^8.0.0",

package/src/babel-plugin.js

@@ -1,5 +1,9 @@
 'use strict';
 
+const path = require('path');
+const fs = require('fs');
+const template = require('@babel/template').default;
+
 /**
  * Injects a per-file `@jsxImportSource @kbach/react-native` pragma comment
  * so Metro's JSX transform routes className resolution through
@@ -19,21 +23,159 @@
  * Deliberately NOT porting old-kbach's build-time class-resolution half
  * (the __kbachStyles fast path) — resolution happens at the (already
  * synchronous) native-bridge call inside the jsx-runtime instead (see
- * nativeBridge.ts), so this plugin's only job is the pragma injection.
+ * nativeBridge.ts), so this plugin's only job is the pragma injection —
+ * PLUS one more, added later: auto-applying `kbach.config.js` if one
+ * exists (see `buildConfigStatement`'s own doc comment), so a project never
+ * needs its own explicit `applyKbachConfig(kbachConfig)` call at all. That
+ * addition deliberately still stops short of old-kbach's own version of
+ * this (an mtime-polling live-reload of the config, re-checked on every
+ * file) — a Babel-plugin-level change needs a dev-server restart to take
+ * effect either way, so a one-time check per (root, process) pair is
+ * enough, and much simpler to reason about.
+ */
+
+// Keyed by the root directory checked — undefined = not checked yet for
+// that root, null = checked, no kbach.config.js found there. A Babel/Metro
+// worker process transforms many files over its lifetime — this makes the
+// existsSync check happen ONCE per root, not on every single file `pre()`
+// runs for. Caches only the resolved PATH (or null) — never the built AST
+// statement itself; see `buildConfigStatement`'s own doc comment for why
+// that distinction is load-bearing, not a style preference.
+const _configPathCache = new Map();
+
+function resolveConfigPath(root) {
+  if (_configPathCache.has(root)) return _configPathCache.get(root);
+  const configPath = path.join(root, 'kbach.config.js');
+  const resolved = fs.existsSync(configPath) ? configPath : null;
+  _configPathCache.set(root, resolved);
+  return resolved;
+}
+
+// Windows' filesystem is case-insensitive but case-preserving, and Metro's
+// own `file.opts.filename` isn't guaranteed to share the exact casing/
+// separator normalization `path.join` produces — comparing case-sensitively
+// risked a false NEGATIVE (kbach.config.js not recognized as itself,
+// re-introducing the self-require bug `buildConfigStatement`'s doc comment
+// describes) far more than a false positive risks colliding two genuinely
+// different files, which would require two paths differing ONLY by case in
+// the same project — effectively never happens in practice.
+function samePath(a, b) {
+  return !!a && !!b && path.resolve(a).toLowerCase() === path.resolve(b).toLowerCase();
+}
+
+/**
+ * Builds a FRESH (uncompiled) AST statement that applies `kbach.config.js`
+ * — a NEW node on every single call, deliberately never cached or reused
+ * across files. `root` defaults to `process.cwd()` (how `metro start`/
+ * `expo start` are conventionally invoked) at the plugin's own call site
+ * below; pass `{ configRoot: '...' }` as this plugin's Babel options if
+ * your `kbach.config.js` lives somewhere else (a monorepo where Metro's
+ * actual working directory isn't the app's own root, for instance).
+ *
+ * `null` if no such file exists at `root` (checked via the cached
+ * `resolveConfigPath` above — `fs.existsSync` itself is cheap enough to
+ * memoize per root without any of the risk rebuilding the AST fresh here
+ * guards against).
+ *
+ * An EARLIER version of this function built the statement once per root
+ * and cached/reused that SAME AST node object across every file's `pre()`
+ * call. That's unsafe with Babel: a node spliced into one file's AST gets
+ * mutated in place as THAT file's own transform pipeline runs (location
+ * info, scope bindings, hoisting markers, ...) — sharing one mutable node
+ * instance across many independently-processed file ASTs corrupts it after
+ * the first file. Confirmed as the actual cause of a real bundling failure
+ * (not a hypothetical): Metro's own dependency collector needs a require()
+ * call's location info to validate/instrument it, and once the shared
+ * node's location got corrupted by an earlier file's pass, Metro rejected
+ * a LATER file's copy with "Invalid call at line <unknown>". Rebuilding
+ * fresh per call fixes this at negligible cost — `@babel/template`'s own
+ * parse is cheap, and this runs once per file Metro transforms regardless.
+ *
+ * The injected statement is a plain `require(...).applyKbachConfig(require(...))`
+ * — no try/catch around it. `kbach.config.js`'s own path is only ever
+ * baked in here after `existsSync` already confirmed it exists, so the
+ * only way this could still throw is a genuine bug in that file (a syntax
+ * error, a bad nested require) — letting that surface as a real, visible
+ * Metro bundling error is far better than silently swallowing it: a
+ * developer's real customization would otherwise go missing with zero
+ * indication why, exactly the kind of headache a good default should avoid.
+ *
+ * `@babel/template` builds this from a plain string with the absolute path
+ * JSON-escaped directly into it (correct on Windows too, backslashes and
+ * all) — simpler than building the equivalent `@babel/types` node graph by
+ * hand for one straightforward statement.
  */
-module.exports = function kbachReactNativeBabelPlugin() {
+function buildConfigStatement(root) {
+  const configPath = resolveConfigPath(root);
+  if (configPath === null) return null;
+
+  const buildStatement = template(
+    `require('@kbach/react-native').applyKbachConfig(require(${JSON.stringify(configPath)}));`,
+  );
+  return buildStatement();
+}
+
+module.exports = function kbachReactNativeBabelPlugin(_babel, options) {
+  const configRoot = (options && options.configRoot) || process.cwd();
+
   return {
     name: 'kbach-react-native',
     pre(file) {
       const filename = file.opts && file.opts.filename;
       if (filename && filename.indexOf('node_modules') !== -1) return;
 
+      // Metro/Expo's own internal polyfills (the Node.js-external-require
+      // shim, the assets-registry shim, node:/weak-ref virtualizations, ...)
+      // are synthetic "virtual modules" with no real file on disk. Expo's
+      // own Metro config marks every one of these with an embedded NUL
+      // control character in its module ID (Rollup's/Metro's own
+      // convention for "this isn't a real file"). These never sit inside
+      // node_modules, so the check above doesn't catch them — and Metro
+      // places them directly in the bundle PRELUDE, entirely outside any
+      // wrapped module, where `require` isn't defined as a real function
+      // at all. Confirmed as a real, reproducible runtime crash (not a
+      // hypothetical): injecting this plugin's applyKbachConfig() require()
+      // call into that exact polyfill produced Expo's own "[runtime not
+      // ready]: ReferenceError: Property 'require' doesn't exist" at app
+      // startup, verified by exporting a real dev bundle and finding the
+      // offending, un-instrumented require() call sitting inside
+      // withMetroMultiPlatform.js's own external-require polyfill — a file
+      // this plugin was never meant to touch at all.
+      //
+      // The control character is NOT at the start of `filename`, so
+      // `startsWith`/`charCodeAt(0)` (what an earlier version of this
+      // check used) never matches — confirmed by actually logging Babel's
+      // real `filename` for this file, not assumed: Metro joins the
+      // project root onto the raw virtual module ID first, so the control
+      // character ends up in the MIDDLE of the full string, right after
+      // the trailing path separator, not at index 0. A search anywhere in
+      // the string (rather than just its start) is what actually catches
+      // it — see this file's own test suite for the exact filename shape
+      // this was verified against.
+      if (filename && filename.indexOf(String.fromCharCode(0)) !== -1) return;
+
       const comments = file.ast.comments || (file.ast.comments = []);
       const alreadySet = comments.some((c) => /@jsxImportSource|@jsxRuntime/.test(c.value));
       if (!alreadySet) {
         comments.unshift({ type: 'CommentLine', value: ' @jsxImportSource @kbach/react-native' });
       }
+
+      // Never inject the auto-apply statement into kbach.config.js itself —
+      // it would require() its own absolute path, a real self-reference
+      // cycle in Metro's dependency graph for a statement that makes no
+      // sense there anyway (a config file applying itself to itself).
+      if (samePath(filename, resolveConfigPath(configRoot))) return;
+
+      const configStatement = buildConfigStatement(configRoot);
+      if (configStatement) {
+        file.ast.program.body.unshift(configStatement);
+      }
     },
     visitor: {},
   };
 };
+
+/** Exported for tests only — clears the per-root config-path cache between test cases. */
+module.exports._resetForTests = function resetForTests() {
+  _configPathCache.clear();
+};

package/dist/chunk-4KCCEMEN.mjs

@@ -1,66 +0,0 @@
-import {
-  getGlobalDarkMode,
-  getGlobalThemeMode,
-  seedDefaultMode,
-  setGlobalThemeMode,
-  subscribeGlobalDarkMode,
-  toggleGlobalDarkMode
-} from "./chunk-AEVOM2NB.mjs";
-
-// src/useGlobalDarkMode.ts
-import { useSyncExternalStore } from "react";
-function useGlobalDarkMode() {
-  return useSyncExternalStore(subscribeGlobalDarkMode, getGlobalDarkMode);
-}
-
-// src/ThemeContext.tsx
-import { createContext, useContext } from "react";
-var ThemeContext = createContext(null);
-function useTheme() {
-  const ctx = useContext(ThemeContext);
-  if (!ctx) {
-    throw new Error(
-      'useTheme() must be called within a <ThemeProvider>. For dark-mode state without a provider, use useGlobalDarkMode() (read) or toggleGlobalDarkMode()/setGlobalThemeMode() (write) from "@kbach/react-native" instead.'
-    );
-  }
-  return ctx;
-}
-
-// src/ThemeProvider.tsx
-import { useEffect, useMemo, useRef, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { jsx } from "react/jsx-runtime";
-var mountedProviderCount = 0;
-var warnedMultipleProviders = false;
-function ThemeProvider({ children, defaultMode = "system" }) {
-  useEffect(() => {
-    mountedProviderCount++;
-    if (mountedProviderCount > 1 && !warnedMultipleProviders) {
-      warnedMultipleProviders = true;
-      console.warn(
-        "[kbach] Multiple <ThemeProvider> instances are mounted at once. Dark-mode state is one global store (the same one useGlobalDarkMode()/toggleGlobalDarkMode() read and write), not scoped per-provider, so they will fight over the same state instead of each getting their own."
-      );
-    }
-    return () => {
-      mountedProviderCount--;
-    };
-  }, []);
-  const seeded = useRef(false);
-  useEffect(() => {
-    if (seeded.current) return;
-    seeded.current = true;
-    seedDefaultMode(defaultMode);
-  }, []);
-  const isDark = useSyncExternalStore2(subscribeGlobalDarkMode, getGlobalDarkMode);
-  const mode = useSyncExternalStore2(subscribeGlobalDarkMode, getGlobalThemeMode);
-  const value = useMemo(
-    () => ({ mode, isDark, setMode: setGlobalThemeMode, toggle: toggleGlobalDarkMode }),
-    [mode, isDark]
-  );
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
-}
-
-export {
-  useGlobalDarkMode,
-  useTheme,
-  ThemeProvider
-};

package/dist/chunk-DLIXI5OW.mjs

@@ -1,53 +0,0 @@
-// src/jsxRuntimeCore.ts
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { Pressable } from "react-native";
-function makeElement(isStaticChildren, type, props, key) {
-  return (isStaticChildren ? _jsxs : _jsx)(type, props, key);
-}
-function resolvedStyleFor(resolveStyle, classStrRaw, userStyle, pressed) {
-  const resolved = resolveStyle(classStrRaw, pressed);
-  if (userStyle === void 0) {
-    return resolved;
-  }
-  if (typeof userStyle === "function") {
-    return [resolved, userStyle({ pressed })];
-  }
-  return [resolved, userStyle];
-}
-function processElement(resolveStyle, type, rawProps, key, isStaticChildren) {
-  if (type === null || typeof type === "symbol" || !rawProps) {
-    return makeElement(isStaticChildren, type, rawProps ?? {}, key);
-  }
-  const { className: classStrRaw, style: userStyle, ...rest } = rawProps;
-  if (typeof classStrRaw !== "string") {
-    return makeElement(isStaticChildren, type, rawProps, key);
-  }
-  const finalStyle = type === Pressable ? (state) => resolvedStyleFor(resolveStyle, classStrRaw, userStyle, state.pressed) : resolvedStyleFor(resolveStyle, classStrRaw, userStyle, false);
-  return makeElement(isStaticChildren, type, { ...rest, style: finalStyle }, key);
-}
-function createJsxFunctions(resolveStyle) {
-  function jsx(type, props, key) {
-    return processElement(resolveStyle, type, props, key, false);
-  }
-  function jsxs(type, props, key) {
-    return processElement(resolveStyle, type, props, key, true);
-  }
-  return { jsx, jsxs };
-}
-function createJsxDEV(jsx, jsxs) {
-  return function jsxDEV(type, props, key, isStaticChildren, source, self) {
-    const element = (isStaticChildren ? jsxs : jsx)(type, props, key);
-    if (source && element && typeof element === "object" && Object.isExtensible(element)) {
-      element._source = source;
-      element._self = self;
-    }
-    return element;
-  };
-}
-
-export {
-  Fragment,
-  createJsxFunctions,
-  createJsxDEV
-};

package/dist/chunk-FG5E4NLJ.mjs

@@ -1,18 +0,0 @@
-import {
-  getGlobalDarkMode,
-  getThemeJson
-} from "./chunk-AEVOM2NB.mjs";
-
-// src/nativeBridge.ts
-import { Dimensions, TurboModuleRegistry } from "react-native";
-function resolveStyle(classString, pressed = false) {
-  const KbachModule = TurboModuleRegistry.getEnforcing("KbachModule");
-  const colorScheme = getGlobalDarkMode() ? "dark" : "light";
-  const width = Dimensions.get("window").width;
-  const json = KbachModule.resolveStyle(classString, getThemeJson(), colorScheme, pressed, width);
-  return JSON.parse(json);
-}
-
-export {
-  resolveStyle
-};