@kbach/react-native 1.0.0-beta.43 → 1.0.0-beta.44

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

@@ -1,10 +1,10 @@
-import "./chunk-45OSRKPS.mjs";
+import "./chunk-KT6TQLWI.mjs";
 import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-ZURXKRQE.mjs";
-import "./chunk-BTIGG7K2.mjs";
+} from "./chunk-UFSVFF3V.mjs";
+import "./chunk-DKZM4NUU.mjs";
 
 // src/jsxRuntimeCore.ts
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/jsx-runtime.js

@@ -105,6 +105,12 @@ function colorValue(theme, parsed) {
   if (rgb === null) return hex;
   return `rgba(${rgb.join(",")},${opacity / 100})`;
 }
+var LENGTH_UNITS = ["px", "rem", "em", "%", "vh", "vw"];
+function looksLikeLength(value) {
+  const unit = LENGTH_UNITS.find((u) => value.endsWith(u));
+  const withoutUnit = unit ? value.slice(0, value.length - unit.length) : value;
+  return withoutUnit !== "" && Number.isFinite(Number(withoutUnit));
+}
 
 // src/jsxRuntimeCore.ts
 var import_dynamicTokens = require("./dynamicTokens");
@@ -1494,7 +1500,9 @@ function borderValue(theme, parsed) {
     if (value === "separate") return [decl("border-collapse", "separate")];
   }
   if (parsed.isArbitrary) {
-    return [decl("border-width", value)];
+    if (looksLikeLength(value)) return [decl("border-width", value)];
+    const color2 = colorValue(theme, parsed);
+    return color2 === null ? null : [decl("border-color", color2)];
   }
   if (Number.isFinite(Number(value)) && value.trim() !== "") {
     const v = resolveLength(theme, parsed);
@@ -1509,7 +1517,11 @@ function borderValue(theme, parsed) {
 function borderSideValue(theme, parsed, sideProperty) {
   const value = parsed.value;
   if (value === null) return null;
-  if (parsed.isArbitrary) return [decl(`${sideProperty}-width`, value)];
+  if (parsed.isArbitrary) {
+    if (looksLikeLength(value)) return [decl(`${sideProperty}-width`, value)];
+    const color2 = colorValue(theme, parsed);
+    return color2 === null ? null : [decl(`${sideProperty}-color`, color2)];
+  }
   if (Number.isFinite(Number(value)) && value.trim() !== "") {
     const v = resolveLength(theme, parsed);
     return v === null ? null : [decl(`${sideProperty}-width`, v)];
@@ -1523,7 +1535,11 @@ function borderSideValue(theme, parsed, sideProperty) {
 function borderAxisValue(theme, parsed, sideA, sideB) {
   const value = parsed.value;
   if (value === null) return null;
-  if (parsed.isArbitrary) return [decl(`${sideA}-width`, value), decl(`${sideB}-width`, value)];
+  if (parsed.isArbitrary) {
+    if (looksLikeLength(value)) return [decl(`${sideA}-width`, value), decl(`${sideB}-width`, value)];
+    const color2 = colorValue(theme, parsed);
+    return color2 === null ? null : [decl(`${sideA}-color`, color2), decl(`${sideB}-color`, color2)];
+  }
   if (Number.isFinite(Number(value)) && value.trim() !== "") {
     const v = resolveLength(theme, parsed);
     return v === null ? null : [decl(`${sideA}-width`, v), decl(`${sideB}-width`, v)];
@@ -1590,7 +1606,11 @@ function outlineWidthValue(key) {
 function outlineValue(theme, parsed) {
   const value = parsed.value;
   if (value === null) return null;
-  if (parsed.isArbitrary) return [decl("outline-width", value)];
+  if (parsed.isArbitrary) {
+    if (looksLikeLength(value)) return [decl("outline-width", value)];
+    const color2 = colorValue(theme, parsed);
+    return color2 === null ? null : [decl("outline-color", color2)];
+  }
   const w = outlineWidthValue(value);
   if (w !== null) return [decl("outline-width", w)];
   if (OUTLINE_STYLES.includes(value)) return [decl("outline-style", value)];