@kbach/react-native 1.0.0-beta.34 → 1.0.0-beta.35

package/dist/index.js

@@ -849,6 +849,29 @@ function lookupHex(theme, key) {
   const entry = theme.colors[key];
   return typeof entry === "string" ? entry : null;
 }
+var MODE_AWARE_COLOR_PREFIXES = ["bg-", "text-", "border-"];
+function findModeAwareColor(base, theme) {
+  const important = base.startsWith("!") ? "!" : "";
+  const rest = important ? base.slice(1) : base;
+  for (const prefix of MODE_AWARE_COLOR_PREFIXES) {
+    if (!rest.startsWith(prefix)) continue;
+    const value = rest.slice(prefix.length);
+    const entry = theme.colors[value];
+    if (typeof entry === "object" && entry !== null) {
+      return { prefix: `${important}${prefix}`, light: entry.light, dark: entry.dark };
+    }
+  }
+  return null;
+}
+function substituteModeAwareColorToken(token, theme, colorScheme) {
+  const segments = token.split(":");
+  const base = segments.pop() ?? token;
+  const modifierPrefix = segments.length > 0 ? `${segments.join(":")}:` : "";
+  const found = findModeAwareColor(base, theme);
+  if (found === null) return token;
+  const hex = colorScheme === "dark" ? found.dark : found.light;
+  return `${modifierPrefix}${found.prefix}[${hex}]`;
+}
 function hexToRgb(hex) {
   const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
   if (!m) return null;
@@ -1721,7 +1744,8 @@ function resolveStyleJsWithWarnings(classString, theme, colorScheme, pressed, wi
   const warnings = [];
   let shadowOffset = null;
   const transformOps = /* @__PURE__ */ new Map();
-  for (const token of classString.split(/\s+/).filter(Boolean)) {
+  for (const rawToken of classString.split(/\s+/).filter(Boolean)) {
+    const token = substituteModeAwareColorToken(rawToken, theme, colorScheme);
     const parsed = parseClass(token);
     const allModifiersHold = parsed.modifiers.every(
       (m) => nativeModifierState(m, theme, colorScheme, pressed, width) === true

package/dist/jsx-dev-runtime.js

@@ -1379,6 +1379,29 @@ function lookupHex(theme, key) {
   const entry = theme.colors[key];
   return typeof entry === "string" ? entry : null;
 }
+var MODE_AWARE_COLOR_PREFIXES = ["bg-", "text-", "border-"];
+function findModeAwareColor(base, theme) {
+  const important = base.startsWith("!") ? "!" : "";
+  const rest = important ? base.slice(1) : base;
+  for (const prefix of MODE_AWARE_COLOR_PREFIXES) {
+    if (!rest.startsWith(prefix)) continue;
+    const value = rest.slice(prefix.length);
+    const entry = theme.colors[value];
+    if (typeof entry === "object" && entry !== null) {
+      return { prefix: `${important}${prefix}`, light: entry.light, dark: entry.dark };
+    }
+  }
+  return null;
+}
+function substituteModeAwareColorToken(token, theme, colorScheme) {
+  const segments = token.split(":");
+  const base = segments.pop() ?? token;
+  const modifierPrefix = segments.length > 0 ? `${segments.join(":")}:` : "";
+  const found = findModeAwareColor(base, theme);
+  if (found === null) return token;
+  const hex = colorScheme === "dark" ? found.dark : found.light;
+  return `${modifierPrefix}${found.prefix}[${hex}]`;
+}
 function hexToRgb(hex) {
   const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
   if (!m) return null;
@@ -2104,7 +2127,8 @@ function resolveStyleJsWithWarnings(classString, theme, colorScheme, pressed, wi
   const warnings = [];
   let shadowOffset = null;
   const transformOps = /* @__PURE__ */ new Map();
-  for (const token of classString.split(/\s+/).filter(Boolean)) {
+  for (const rawToken of classString.split(/\s+/).filter(Boolean)) {
+    const token = substituteModeAwareColorToken(rawToken, theme, colorScheme);
     const parsed = parseClass(token);
     const allModifiersHold = parsed.modifiers.every(
       (m) => nativeModifierState(m, theme, colorScheme, pressed, width) === true

package/dist/jsx-runtime.js

@@ -1370,6 +1370,29 @@ function lookupHex(theme, key) {
   const entry = theme.colors[key];
   return typeof entry === "string" ? entry : null;
 }
+var MODE_AWARE_COLOR_PREFIXES = ["bg-", "text-", "border-"];
+function findModeAwareColor(base, theme) {
+  const important = base.startsWith("!") ? "!" : "";
+  const rest = important ? base.slice(1) : base;
+  for (const prefix of MODE_AWARE_COLOR_PREFIXES) {
+    if (!rest.startsWith(prefix)) continue;
+    const value = rest.slice(prefix.length);
+    const entry = theme.colors[value];
+    if (typeof entry === "object" && entry !== null) {
+      return { prefix: `${important}${prefix}`, light: entry.light, dark: entry.dark };
+    }
+  }
+  return null;
+}
+function substituteModeAwareColorToken(token, theme, colorScheme) {
+  const segments = token.split(":");
+  const base = segments.pop() ?? token;
+  const modifierPrefix = segments.length > 0 ? `${segments.join(":")}:` : "";
+  const found = findModeAwareColor(base, theme);
+  if (found === null) return token;
+  const hex = colorScheme === "dark" ? found.dark : found.light;
+  return `${modifierPrefix}${found.prefix}[${hex}]`;
+}
 function hexToRgb(hex) {
   const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
   if (!m) return null;
@@ -2095,7 +2118,8 @@ function resolveStyleJsWithWarnings(classString, theme, colorScheme, pressed, wi
   const warnings = [];
   let shadowOffset = null;
   const transformOps = /* @__PURE__ */ new Map();
-  for (const token of classString.split(/\s+/).filter(Boolean)) {
+  for (const rawToken of classString.split(/\s+/).filter(Boolean)) {
+    const token = substituteModeAwareColorToken(rawToken, theme, colorScheme);
     const parsed = parseClass(token);
     const allModifiersHold = parsed.modifiers.every(
       (m) => nativeModifierState(m, theme, colorScheme, pressed, width) === true

package/package.json

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