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

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

@@ -1,10 +1,10 @@
-import "./chunk-KT6TQLWI.mjs";
+import "./chunk-XOH25F3E.mjs";
 import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-UFSVFF3V.mjs";
-import "./chunk-DKZM4NUU.mjs";
+} from "./chunk-SC3L5I7H.mjs";
+import "./chunk-3KLOVONL.mjs";
 
 // src/jsxRuntimeCore.ts
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/jsx-runtime.js

@@ -2128,6 +2128,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 };
@@ -2168,7 +2174,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 };
@@ -2276,14 +2283,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);
   }