@kbach/react-native 1.0.0-beta.10 → 1.0.0-beta.11

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

@@ -6,7 +6,8 @@ import {
 import "./chunk-H5Z24XX5.mjs";
 import {
   createJsxDEV
-} from "./chunk-DLIXI5OW.mjs";
+} from "./chunk-4DQXTAM3.mjs";
+import "./chunk-RBJXE32L.mjs";
 import "./chunk-HK6PDJJK.mjs";
 
 // src/jsx-dev-runtime.web.tsx

package/dist/jsx-runtime.js

@@ -29,43 +29,10 @@ module.exports = __toCommonJS(jsx_runtime_exports);
 // src/jsxRuntimeCore.ts
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_react_native = require("react-native");
-function makeElement(isStaticChildren, type, props, key) {
-  return (isStaticChildren ? import_jsx_runtime.jsxs : import_jsx_runtime.jsx)(type, props, key);
-}
-function resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, pressed) {
-  const resolved = resolveStyle2(classStrRaw, pressed);
-  if (userStyle === void 0) {
-    return resolved;
-  }
-  if (typeof userStyle === "function") {
-    return [resolved, userStyle({ pressed })];
-  }
-  return [resolved, userStyle];
-}
-function processElement(resolveStyle2, 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 === import_react_native.Pressable ? (state) => resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, state.pressed) : resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, false);
-  return makeElement(isStaticChildren, type, { ...rest, style: finalStyle }, key);
-}
-function createJsxFunctions(resolveStyle2) {
-  function jsx2(type, props, key) {
-    return processElement(resolveStyle2, type, props, key, false);
-  }
-  function jsxs2(type, props, key) {
-    return processElement(resolveStyle2, type, props, key, true);
-  }
-  return { jsx: jsx2, jsxs: jsxs2 };
-}
+var import_react_native2 = require("react-native");
 
-// src/nativeBridge.ts
-var import_react_native3 = require("react-native");
+// src/darkModeStore.ts
+var import_react_native = require("react-native");
 
 // src/generatedPalette.ts
 var PALETTE = {
@@ -425,10 +392,9 @@ function getThemeJson() {
 }
 
 // src/darkModeStore.ts
-var import_react_native2 = require("react-native");
 var listeners = /* @__PURE__ */ new Set();
 function systemPrefersDark() {
-  return import_react_native2.Appearance.getColorScheme() === "dark";
+  return import_react_native.Appearance.getColorScheme() === "dark";
 }
 function resolveIsDark(m) {
   return m === "system" ? systemPrefersDark() : m === "dark";
@@ -447,7 +413,7 @@ function applyToDom(dark) {
 var mode = "system";
 var isDark = resolveIsDark(mode);
 applyToDom(isDark);
-var subscription = import_react_native2.Appearance.addChangeListener(({ colorScheme }) => {
+var subscription = import_react_native.Appearance.addChangeListener(({ colorScheme }) => {
   if (mode !== "system") return;
   isDark = colorScheme === "dark";
   applyToDom(isDark);
@@ -460,6 +426,50 @@ function getGlobalDarkMode() {
   return isDark;
 }
 
+// src/jsxRuntimeCore.ts
+function makeElement(isStaticChildren, type, props, key) {
+  return (isStaticChildren ? import_jsx_runtime.jsxs : import_jsx_runtime.jsx)(type, props, key);
+}
+function resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, pressed) {
+  const resolved = resolveStyle2(classStrRaw, pressed);
+  if (userStyle === void 0) {
+    return resolved;
+  }
+  if (typeof userStyle === "function") {
+    return [resolved, userStyle({ pressed })];
+  }
+  return [resolved, userStyle];
+}
+var DARK_MODIFIER_RE = /(^|\s)dark:/;
+function darkModeKeySuffix(classStrRaw) {
+  return DARK_MODIFIER_RE.test(classStrRaw) ? `:kb-dark-${getGlobalDarkMode()}` : "";
+}
+function processElement(resolveStyle2, 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 === import_react_native2.Pressable ? (state) => resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, state.pressed) : resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, false);
+  const suffix = darkModeKeySuffix(classStrRaw);
+  const finalKey = suffix ? `${key ?? ""}${suffix}` : key;
+  return makeElement(isStaticChildren, type, { ...rest, style: finalStyle }, finalKey);
+}
+function createJsxFunctions(resolveStyle2) {
+  function jsx2(type, props, key) {
+    return processElement(resolveStyle2, type, props, key, false);
+  }
+  function jsxs2(type, props, key) {
+    return processElement(resolveStyle2, type, props, key, true);
+  }
+  return { jsx: jsx2, jsxs: jsxs2 };
+}
+
+// src/nativeBridge.ts
+var import_react_native3 = require("react-native");
+
 // src/jsEngine/parser.ts
 var VALUE_PREFIXES = [
   "bg-opacity-",

package/dist/jsx-runtime.mjs

@@ -1,12 +1,12 @@
 import {
   jsx,
   jsxs
-} from "./chunk-4N7UEVQL.mjs";
+} from "./chunk-5MU6PEXV.mjs";
 import "./chunk-XHL653X2.mjs";
-import "./chunk-RBJXE32L.mjs";
 import {
   Fragment
-} from "./chunk-DLIXI5OW.mjs";
+} from "./chunk-4DQXTAM3.mjs";
+import "./chunk-RBJXE32L.mjs";
 import "./chunk-HK6PDJJK.mjs";
 export {
   Fragment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react-native",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.11",
   "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",