@kbach/react-native 1.0.0-beta.46 → 1.0.0-beta.47

package/dist/index.web.mjs

@@ -10,13 +10,13 @@ import {
   subscribeDynamicTokens,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode
-} from "./chunk-KT6TQLWI.mjs";
+} from "./chunk-XOH25F3E.mjs";
 import {
   defaultTheme,
   getTheme,
   resolveClassName,
   setTheme
-} from "./chunk-DKZM4NUU.mjs";
+} from "./chunk-3KLOVONL.mjs";
 
 // src/config.ts
 function parseHexRgb(hex) {

package/dist/jsx-dev-runtime.js

@@ -2137,6 +2137,12 @@ function isPlainPercentage(value) {
   if (digits.startsWith("-")) digits = digits.slice(1);
   return digits.length > 0 && /^[0-9.]+$/.test(digits);
 }
+function sanitizeForWarning(value) {
+  const MAX_CHARS = 60;
+  const escaped = value.replace(/"/g, "'").replace(/[\n\r]/g, " ");
+  if (escaped.length <= MAX_CHARS) return escaped;
+  return `${escaped.slice(0, MAX_CHARS)}\u2026`;
+}
 function rnStyleValue(property, value) {
   if (property === "aspect-ratio") {
     if (value.trim() === "auto") return { value: null, warning: null };
@@ -2177,7 +2183,8 @@ function rnStyleValue(property, value) {
   if (reduced !== null) {
     return { value: reduced, warning: null };
   }
-  const warning = `[Kbach] "${value}" isn't a valid native value for "${property}" \u2014 dropped.
+  const sanitizedValue = sanitizeForWarning(value);
+  const warning = `[Kbach] "${sanitizedValue}" isn't a valid native value for "${property}" \u2014 dropped.
 calc()/min()/max()/clamp() only resolve on native when every operand is a constant px/rem length (no %, vw, vh, var(), or other viewport/CSS-variable units \u2014 those need real layout/DOM, which doesn't exist on native at paint time).
 Fix: use a plain px/rem calc, a fraction utility (e.g. w-1/2), or resolve this value in JS instead.`;
   return { value: null, warning };
@@ -2285,14 +2292,27 @@ function resolveStyleUncached(classString, pressed, colorScheme, width, themeJso
   }
   return style;
 }
+var WARNED_MESSAGES_MAX = 500;
 var warnedMessages = /* @__PURE__ */ new Set();
+var QUOTED_TOKEN_RE = /"([^"]*)"/;
+function highlightToken(classString, warning) {
+  const match = QUOTED_TOKEN_RE.exec(warning);
+  if (match === null) return classString;
+  const token = match[1];
+  const parts = classString.split(/(\s+)/);
+  const idx = parts.indexOf(token);
+  if (idx === -1) return classString;
+  parts[idx] = `\xBB${token}\xAB`;
+  return parts.join("");
+}
 function warnIfDev(classString, warnings) {
   if (warnings.length === 0) return;
   if (typeof __DEV__ !== "undefined" && !__DEV__) return;
   for (const warning of warnings) {
     const message = `${warning}
-From className: "${classString}"`;
+From className: "${highlightToken(classString, warning)}"`;
     if (warnedMessages.has(message)) continue;
+    if (warnedMessages.size >= WARNED_MESSAGES_MAX) warnedMessages.clear();
     warnedMessages.add(message);
     console.warn(message);
   }