rnwind 0.0.10 → 0.0.12

package/lib/cjs/core/parser/declaration.cjs

@@ -45,6 +45,10 @@ const RN_UNSUPPORTED_PROPERTIES = new Set([
     'clear',
     'table-layout',
     'caption-side',
+    // Web table-model props with no RN equivalent. `border-spacing` otherwise
+    // reaches the generic fallback and leaks an unresolved `calc(0.25rem * N)`.
+    'border-spacing',
+    'border-collapse',
     'transform-style',
     'background-blend-mode',
     'scroll-behavior',
@@ -61,6 +65,20 @@ const RN_UNSUPPORTED_PROPERTIES = new Set([
     'field-sizing',
     'forced-color-adjust',
     'text-shadow',
+    // Web-only KEYS RN has no style prop for. `order` leaks through the negative
+    // variant (`-order-1` → `order: calc(1 * -1)` unparsed → resolves to `-1`);
+    // the positive `order-*` already drops since no typed branch claims it. Adding
+    // it here drops BOTH signs. `isolation` (`isolate` / `isolation-auto`) reaches
+    // the `custom` path as `isolation: isolate|auto` — also no RN equivalent.
+    'order',
+    'isolation',
+    // `normal-nums` reaches the `custom` path as `font-variant-numeric: normal`
+    // and leaked the non-RN key `fontVariantNumeric`. RN expresses numeric
+    // variants via the `fontVariant` array, not this property — drop it. (The
+    // `tabular-nums`/`oldstyle-nums`/… utilities carry their token in dropped
+    // `--tw-numeric-*` vars and already resolve to {}; mapping those to
+    // `fontVariant` is a tracked future enhancement, not a leak.)
+    'font-variant-numeric',
     'touch-action',
     'backdrop-filter',
     '-webkit-backdrop-filter',
@@ -69,6 +87,23 @@ const RN_UNSUPPORTED_PROPERTIES = new Set([
     '-webkit-font-smoothing',
     '-moz-osx-font-smoothing',
 ]);
+/**
+ * Valid value sets for RN enum style props (keyed by the camelCase RN key).
+ * A value outside its prop's set is RN-invalid even when the string itself
+ * looks clean — RN ignores or warns on it (`position: 'fixed'`, `display:
+ * 'contents'`, `justifyContent: 'stretch' | 'baseline'`, `alignContent:
+ * 'normal'`). This is the dimension the leak-shape (`var(`/`calc(`/NaN) check
+ * misses. Both the typed `display` / `position` branches AND the generic
+ * unparsed fallback consult this — Tailwind routes some keyword-only values
+ * (`justify-content: baseline`) through the unparsed channel, which would
+ * otherwise emit them via `kebabToCamel` with no enum awareness.
+ */
+const RN_ENUM_VALUES = {
+    position: new Set(['absolute', 'relative', 'static']),
+    display: new Set(['flex', 'none']),
+    justifyContent: new Set(['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly']),
+    alignContent: new Set(['flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around', 'space-evenly']),
+};
 /** CSS single-sided logical-inline property → RN writing-direction Yoga key. */
 const LOGICAL_INLINE_TO_RN = {
     'margin-inline-start': 'marginStart',
@@ -241,6 +276,11 @@ function unparsedToEntries(property, tokens$1, themeVars) {
         // multi-token shorthand, not a color: drop it.
         if (hasTopLevelSpace(coerced))
             return [];
+        // CSS-wide cascade keywords (`inherit`, `currentColor`, `initial`, `unset`,
+        // `revert`, `revert-layer`) have no RN equivalent — RN has no color
+        // cascade. Drop rather than leak an invalid color string to RN.
+        if (color.isCssWideColorKeyword(coerced))
+            return [];
         // Lower modern color spaces (`oklch(…)`, `lab(…)`, `color(p3 …)`) that
         // RN can't paint to sRGB; hex/rgb/hsl/named pass through unchanged.
         const color$1 = color.normalizeColorString(coerced) ?? coerced;
@@ -251,7 +291,15 @@ function unparsedToEntries(property, tokens$1, themeVars) {
             return sides.map((key) => [key, color$1]);
         return [[caseConvert.kebabToCamel(property), color$1]];
     }
-    return [[caseConvert.kebabToCamel(property), coerced]];
+    const camelKey = caseConvert.kebabToCamel(property);
+    // Enum props whose value Tailwind sometimes routes through the unparsed
+    // channel (`justify-content: baseline` → `justifyContent: 'baseline'`),
+    // bypassing the typed dispatcher's keyword map. RN rejects values outside
+    // the prop's set, so gate them here exactly like the typed branches do.
+    const enumValues = RN_ENUM_VALUES[camelKey];
+    if (enumValues && typeof coerced === 'string' && !enumValues.has(coerced))
+        return [];
+    return [[camelKey, coerced]];
 }
 /**
  * Convert one lightningcss `Declaration` into zero-or-more RN style
@@ -292,7 +340,13 @@ function declarationToRnEntries(decl, themeVars) {
             // literal keyword means UA default. Skip the keyword.
             if (typeof decl.value === 'string')
                 return [];
-            return [[caseConvert.kebabToCamel(decl.property), color.cssColorToString(decl.value)]];
+            const colorString = color.cssColorToString(decl.value);
+            // `currentColor` (lightningcss `{type:'currentcolor'}`) and any other
+            // CSS-wide cascade keyword have no RN equivalent — drop instead of
+            // leaking the keyword string to RN.
+            if (color.isCssWideColorKeyword(colorString))
+                return [];
+            return [[caseConvert.kebabToCamel(decl.property), colorString]];
         }
         case 'border-color': {
             return shorthand.expandBorderColor(decl.value);
@@ -374,10 +428,14 @@ function declarationToRnEntries(decl, themeVars) {
             return [['fontStyle', decl.value.type]];
         }
         case 'display': {
-            return typography.displayToEntries(decl.value);
+            // `displayToEntries` can still emit `contents` (a CSS value RN rejects —
+            // only `flex` / `none` are valid). Gate the result on the RN-valid set.
+            return typography.displayToEntries(decl.value).filter(([, value]) => typeof value === 'string' && RN_ENUM_VALUES.display.has(value));
         }
         case 'position': {
-            return [['position', decl.value.type]];
+            // RN `position` accepts only `absolute` / `relative` / `static`; CSS
+            // `fixed` / `sticky` are invalid for RN, so drop them.
+            return RN_ENUM_VALUES.position.has(decl.value.type) ? [['position', decl.value.type]] : [];
         }
         case 'font-size': {
             const px = typography.fontSizeToPx(decl.value);

package/lib/cjs/core/parser/declaration.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"declaration.cjs","sources":["../../../../../src/core/parser/declaration.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity -- the main Declaration → RN-entries dispatcher is intentionally a flat switch so each branch keeps its narrowed value type */\nimport type { Declaration as LcDeclaration, TokenOrValue } from 'lightningcss'\nimport { kebabToCamel } from './case-convert'\nimport { cssColorToString, normalizeColorString } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue, sizeLikeToValue } from './length'\nimport {\n  expandBorderColor,\n  expandBorderRadius,\n  expandFourSided,\n  expandGap,\n  expandLogicalBlock,\n  expandLogicalInline,\n  flexToEntries,\n} from './shorthand'\nimport { coerceFontFamily, coerceUnparsedValue, serializeTokens, substituteThemeVars } from './tokens'\nimport { displayToEntries, fontSizeToPx, fontWeightToValue, zIndexToNumber } from './typography'\nimport { dispatchMotionDeclaration } from './motion-dispatcher'\nimport { dispatchTypographyDeclaration } from './typography-dispatcher'\nimport { dispatchLayoutDeclaration } from './layout-dispatcher'\nimport { dispatchColorPropertyDeclaration } from './color-properties-dispatcher'\nimport { dispatchBorderDeclaration } from './border-dispatcher'\nimport { detectSafeAreaMarker } from './safe-area'\nimport type { RNEntry } from './types'\n\n/** CSS timing-function properties that need `cubic-bezier(...)` snapping. */\nconst TIMING_FUNCTION_PROPS = new Set(['transition-timing-function', 'animation-timing-function'])\n\n/** CSS easing keywords Reanimated v4's CSS engine accepts as strings. */\nconst CSS_EASING_KEYWORDS = new Set(['linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end'])\n\n/** CSS properties with no useful RN equivalent — silently dropped. */\nconst UNSUPPORTED_LOGICAL_PROPS = new Set([\n  'border-inline-style',\n  'border-block-style',\n  'border-inline-start-style',\n  'border-inline-end-style',\n  'border-block-start-style',\n  'border-block-end-style',\n])\n\n/**\n * Web-only CSS properties Tailwind v4 emits that have NO React Native style\n * equivalent. Without this denylist they reach the generic `kebabToCamel`\n * fallback and emit dead keys (`objectPosition`, `textWrap`, `willChange`,\n * `float`, `columns`, `-webkit-line-clamp` → `WebkitLineClamp`, …) that bloat\n * every StyleSheet and read as \"supported\" when they do nothing. Dropping the\n * property name (kebab-case, pre-camel) is safe: it only excludes known\n * web-only props — anything RN supports is handled by a typed branch above.\n * (line-clamp's real RN behaviour comes from `numberOfLines` in text-truncate.)\n */\nconst RN_UNSUPPORTED_PROPERTIES: ReadonlySet<string> = new Set([\n  'object-position',\n  'text-wrap',\n  'will-change',\n  'columns',\n  'float',\n  'clear',\n  'table-layout',\n  'caption-side',\n  'transform-style',\n  'background-blend-mode',\n  'scroll-behavior',\n  'overscroll-behavior',\n  'overscroll-behavior-x',\n  'overscroll-behavior-y',\n  'scroll-snap-type',\n  'scroll-snap-align',\n  'scroll-snap-stop',\n  'break-after',\n  'break-before',\n  'break-inside',\n  'content',\n  'field-sizing',\n  'forced-color-adjust',\n  'text-shadow',\n  'touch-action',\n  'backdrop-filter',\n  '-webkit-backdrop-filter',\n  '-webkit-line-clamp',\n  '-webkit-box-orient',\n  '-webkit-font-smoothing',\n  '-moz-osx-font-smoothing',\n])\n\n/** CSS single-sided logical-inline property → RN writing-direction Yoga key. */\nconst LOGICAL_INLINE_TO_RN: Record<string, string> = {\n  'margin-inline-start': 'marginStart',\n  'margin-inline-end': 'marginEnd',\n  'padding-inline-start': 'paddingStart',\n  'padding-inline-end': 'paddingEnd',\n}\n\n/**\n * Logical border-COLOR property → physical RN side key(s). Custom `@theme`\n * tokens reach the unparsed path as `border-inline-color: var(--color-x)`,\n * which a plain `kebabToCamel` would turn into `borderInlineColor` — a key RN\n * silently drops, so the border color never paints. Lower to the physical\n * keys RN actually honors, matching the typed `dispatchBorderDeclaration`.\n */\nconst LOGICAL_BORDER_COLOR_SIDES: Record<string, readonly string[]> = {\n  'border-inline-color': ['borderLeftColor', 'borderRightColor'],\n  'border-block-color': ['borderTopColor', 'borderBottomColor'],\n  'border-inline-start-color': ['borderLeftColor'],\n  'border-inline-end-color': ['borderRightColor'],\n  'border-block-start-color': ['borderTopColor'],\n  'border-block-end-color': ['borderBottomColor'],\n}\n\n/**\n * Pick the closest predefined CSS easing keyword for a `cubic-bezier`\n * control-point set. Mirrors {@link snapCubicBezierToKeyword} in\n * `animation.ts` — kept here so the unparsed-string path doesn't need\n * to import a typed-only helper.\n * @param x1 First control-point x (0–1).\n * @param y1 First control-point y (0–1).\n * @param x2 Second control-point x (0–1).\n * @param y2 Second control-point y (0–1).\n * @returns CSS easing keyword.\n */\nfunction snapBezier(x1: number, y1: number, x2: number, y2: number): string {\n  const tol = 0.01\n  const eq = (a: number, b: number): boolean => Math.abs(a - b) < tol\n  if (eq(x1, 0) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1)) return 'linear'\n  if (eq(x1, 0.25) && eq(y1, 0.1) && eq(x2, 0.25) && eq(y2, 1)) return 'ease'\n  if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1)) return 'ease-in'\n  if (eq(x1, 0) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1)) return 'ease-out'\n  if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1)) return 'ease-in-out'\n  const startsFlat = x1 < 0.1\n  const endsFlat = x2 > 0.9\n  if (startsFlat && !endsFlat) return 'ease-out'\n  if (!startsFlat && endsFlat) return 'ease-in'\n  return 'ease-in-out'\n}\n\n/**\n * Snap a cubic-bezier expression string to the closest CSS keyword\n * Reanimated v4's CSS engine accepts. Strings that already are keywords\n * pass through unchanged.\n * @param value Resolved value text from an unparsed timing-function declaration.\n * @returns CSS easing keyword.\n */\nfunction coerceCubicBezierString(value: string): string {\n  const text = value.trim()\n  if (CSS_EASING_KEYWORDS.has(text)) return text\n  const match = /^cubic-bezier\\(\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*\\)$/.exec(text)\n  if (!match) return 'ease-in-out'\n  const [, x1, y1, x2, y2] = match\n  return snapBezier(Number(x1), Number(y1), Number(x2), Number(y2))\n}\n\n/**\n * Whether `text` has a whitespace char OUTSIDE any parenthesised group —\n * the signature of a multi-token CSS value (`2px solid #000`) rather than a\n * single color (`#000`, `rgb(1 2 3)`, `red`).\n * @param text Resolved value text.\n * @returns True when a top-level space is present.\n */\nfunction hasTopLevelSpace(text: string): boolean {\n  let depth = 0\n  for (const ch of text.trim()) {\n    if (ch === '(') depth += 1\n    else if (ch === ')') depth = Math.max(0, depth - 1)\n    else if (depth === 0 && (ch === ' ' || ch === '\\t' || ch === '\\n')) return true\n  }\n  return false\n}\n\n/**\n * Fast-path check for the handful of color property names Tailwind emits.\n * @param property Kebab-case CSS property name.\n * @returns Whether the property's value should be treated as a color.\n */\nfunction isColorProperty(property: string): boolean {\n  return (\n    property === 'color' ||\n    property === 'background-color' ||\n    // SVG paint props (`fill-<token>` / `stroke-<token>` via react-native-svg) —\n    // they don't end in `-color`, so without this they'd skip normalization and\n    // leak a raw `oklch(…)` string for custom `@theme` tokens.\n    property === 'fill' ||\n    property === 'stroke' ||\n    (property.startsWith('border-') && property.endsWith('-color')) ||\n    property.endsWith('-color')\n  )\n}\n\n/**\n * Convert an unparsed declaration (typical Tailwind v4 output containing\n * `var()` / `calc()`) into RN entries. Serializes the token list, then\n * coerces the flat string into a number / keyword / length via a tight\n * set of shapes Tailwind actually emits.\n * @param property Real property name (kebab-case).\n * @param tokens Token list from lightningcss.\n * @param themeVars Optional lookup table for resolving `var(--x)` references.\n * @returns RN entries — usually one, empty when unusable.\n */\nfunction unparsedToEntries(\n  property: string,\n  tokens: readonly TokenOrValue[],\n  themeVars: ReadonlyMap<string, string> | undefined,\n): readonly RNEntry[] {\n  if (property.length === 0) return []\n  if (RN_UNSUPPORTED_PROPERTIES.has(property)) return []\n  // Safe-area detection runs BEFORE token serialization because\n  // `env()` serializes to an empty string, which would strip the side\n  // info we need. If the tokens encode a recognised `env(safe-area-inset-*)`\n  // pattern (pure / `max(..., n)` / `calc(...+n)` / `h-screen-safe`),\n  // emit a runtime-resolved marker instead.\n  if (UNSUPPORTED_LOGICAL_PROPS.has(property)) return []\n  const safe = detectSafeAreaMarker(tokens, themeVars)\n  if (safe !== null) return [[kebabToCamel(property), safe]]\n  let text = serializeTokens(tokens)\n  if (themeVars && themeVars.size > 0) text = substituteThemeVars(text, themeVars)\n  const coerced = coerceUnparsedValue(text)\n  if (coerced === null) return []\n  // Skip values still carrying an unresolved `var(--tw-*)` ANYWHERE in the\n  // string — they came from a `@property --tw-*` composable with no real\n  // fallback (e.g. `filter: blur(8px) var(--tw-brightness) …`,\n  // `transform: rotateX(45deg) var(--tw-rotate-y) …`, `touch-action`,\n  // `scroll-snap-type`). RN can't evaluate the cascade, so a leaked `var()`\n  // makes the whole declaration an invalid string RN rejects — drop it and\n  // rely on RN's default rather than emit garbage. `var(--color-*)` refs are\n  // already substituted above, so anything left is a genuine composable miss.\n  if (typeof coerced === 'string' && coerced.includes('var(')) return []\n  // RN `fontFamily` is a single typeface, not a CSS fallback list — take\n  // the first family so `--font-x: \"Name\", sans-serif` works out of the box.\n  if (property === 'font-family' && typeof coerced === 'string') {\n    return [['fontFamily', coerceFontFamily(coerced)]]\n  }\n  // Logical-direction CSS properties RN doesn't have direct equivalents\n  // for. Keep the dropped names in one place so it's easy to audit.\n  if (UNSUPPORTED_LOGICAL_PROPS.has(property)) return []\n  if (TIMING_FUNCTION_PROPS.has(property) && typeof coerced === 'string') {\n    // `transition-colors` and similar emit `var(--tw-ease, cubic-bezier(...))`\n    // which serializes to a cubic-bezier STRING after substitution.\n    // Reanimated v4's CSS engine rejects those — snap to the closest\n    // predefined keyword (same logic as the typed `EasingFunction` path).\n    return [[kebabToCamel(property), coerceCubicBezierString(coerced)]]\n  }\n  if (isColorProperty(property) && typeof coerced === 'string') {\n    // A color is a single token. Tailwind compiles an arbitrary shorthand like\n    // `border-[2px_solid_#000]` to `border-color: 2px solid #000` (invalid for\n    // a color property → unparsed), which would otherwise emit\n    // `borderColor: \"2px solid #000000\"` — a string RN rejects. A top-level\n    // space (outside parens — `rgb(1 2 3)` keeps its inner spaces) means it's a\n    // multi-token shorthand, not a color: drop it.\n    if (hasTopLevelSpace(coerced)) return []\n    // Lower modern color spaces (`oklch(…)`, `lab(…)`, `color(p3 …)`) that\n    // RN can't paint to sRGB; hex/rgb/hsl/named pass through unchanged.\n    const color = normalizeColorString(coerced) ?? coerced\n    // Logical border-color utilities must lower to physical RN side keys —\n    // RN ignores `borderInlineColor` / `borderInlineStartColor`.\n    const sides = LOGICAL_BORDER_COLOR_SIDES[property]\n    if (sides) return sides.map((key): RNEntry => [key, color])\n    return [[kebabToCamel(property), color]]\n  }\n  return [[kebabToCamel(property), coerced]]\n}\n\n/**\n * Convert one lightningcss `Declaration` into zero-or-more RN style\n * entries. Shorthand declarations (padding/margin/border-radius/flex) can\n * emit multiple entries; skipped or unsupported properties emit none.\n *\n * The switch branches on `decl.property` so TypeScript narrows\n * `decl.value` to the exact typed shape for each branch — no casts\n * required. Unknown properties fall through to `[]`.\n * @param decl One declaration from a lightningcss style rule.\n * @param themeVars Optional lookup table for resolving `var(--x)` references inside unparsed values.\n * @returns Array of `[key, value]` entries.\n */\nexport function declarationToRnEntries(decl: LcDeclaration, themeVars?: ReadonlyMap<string, string>): readonly RNEntry[] {\n  switch (decl.property) {\n    case 'custom': {\n      // Lightningcss routes two shapes through `custom`:\n      //  - Actual CSS custom properties (`--my-var`): no RN meaning, drop.\n      //  - Real properties it doesn't have a dedicated typed entry for\n      //    (e.g. `object-fit`, `pointer-events`, future CSS keyword-only\n      //    props): treat like an unparsed declaration so the keyword\n      //    surfaces in the RN style.\n      const customName = decl.value.name\n      if (customName.startsWith('--')) return []\n      return unparsedToEntries(customName, decl.value.value ?? [], themeVars)\n    }\n    case 'unparsed': {\n      return unparsedToEntries(decl.value.propertyId.property, decl.value.value, themeVars)\n    }\n    case 'color':\n    case 'background-color':\n    case 'border-top-color':\n    case 'border-right-color':\n    case 'border-bottom-color':\n    case 'border-left-color': {\n      // `background-color` narrows to `CssColor | 'background'` — the\n      // literal keyword means UA default. Skip the keyword.\n      if (typeof decl.value === 'string') return []\n      return [[kebabToCamel(decl.property), cssColorToString(decl.value)]]\n    }\n    case 'border-color': {\n      return expandBorderColor(decl.value)\n    }\n    case 'opacity': {\n      // Lightningcss hands us an `f32` for opacity, so values like `0.8`\n      // round-trip as `0.800000011920929`. Snap to 4 decimals to match the\n      // rest of the parser's numeric convention.\n      return [[decl.property, Math.round(decl.value * 10_000) / 10_000]]\n    }\n    case 'z-index': {\n      return [['zIndex', zIndexToNumber(decl.value)]]\n    }\n    case 'top':\n    case 'right':\n    case 'bottom':\n    case 'left': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [[decl.property, v]]\n    }\n    case 'inset': {\n      const top = lengthPercentageOrAutoToValue(decl.value.top)\n      const right = lengthPercentageOrAutoToValue(decl.value.right)\n      const bottom = lengthPercentageOrAutoToValue(decl.value.bottom)\n      const left = lengthPercentageOrAutoToValue(decl.value.left)\n      if (top === null || right === null || bottom === null || left === null) return []\n      return [\n        ['top', top],\n        ['right', right],\n        ['bottom', bottom],\n        ['left', left],\n      ]\n    }\n    case 'inset-inline': {\n      const start = lengthPercentageOrAutoToValue(decl.value.inlineStart)\n      const end = lengthPercentageOrAutoToValue(decl.value.inlineEnd)\n      if (start === null || end === null) return []\n      return [\n        ['left', start],\n        ['right', end],\n      ]\n    }\n    case 'inset-block': {\n      const start = lengthPercentageOrAutoToValue(decl.value.blockStart)\n      const end = lengthPercentageOrAutoToValue(decl.value.blockEnd)\n      if (start === null || end === null) return []\n      return [\n        ['top', start],\n        ['bottom', end],\n      ]\n    }\n    case 'width':\n    case 'height':\n    case 'min-width':\n    case 'min-height':\n    case 'max-width':\n    case 'max-height': {\n      const v = sizeLikeToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'gap': {\n      return expandGap(decl.value)\n    }\n    case 'row-gap':\n    case 'column-gap': {\n      const v = gapValueToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'font-style': {\n      return [['fontStyle', decl.value.type]]\n    }\n    case 'display': {\n      return displayToEntries(decl.value)\n    }\n    case 'position': {\n      return [['position', decl.value.type]]\n    }\n    case 'font-size': {\n      const px = fontSizeToPx(decl.value)\n      if (px === null) return []\n      return [['fontSize', px]]\n    }\n    case 'font-weight': {\n      return [['fontWeight', fontWeightToValue(decl.value)]]\n    }\n    case 'padding': {\n      return expandFourSided('padding', decl.value)\n    }\n    case 'margin': {\n      return expandFourSided('margin', decl.value)\n    }\n    case 'padding-inline': {\n      return expandLogicalInline('padding', decl.value)\n    }\n    case 'padding-block': {\n      return expandLogicalBlock('padding', decl.value)\n    }\n    case 'margin-inline': {\n      return expandLogicalInline('margin', decl.value)\n    }\n    case 'margin-block': {\n      return expandLogicalBlock('margin', decl.value)\n    }\n    case 'padding-top':\n    case 'padding-right':\n    case 'padding-bottom':\n    case 'padding-left':\n    case 'margin-top':\n    case 'margin-right':\n    case 'margin-bottom':\n    case 'margin-left': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'border-radius': {\n      return expandBorderRadius(decl.value)\n    }\n    case 'border-top-left-radius':\n    case 'border-top-right-radius':\n    case 'border-bottom-left-radius':\n    case 'border-bottom-right-radius': {\n      const [xAxis] = decl.value\n      const v = dimensionPercentageToNumber(xAxis)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'flex': {\n      return flexToEntries(decl.value)\n    }\n    case 'flex-grow':\n    case 'flex-shrink': {\n      return [[kebabToCamel(decl.property), decl.value]]\n    }\n    case 'flex-basis': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [['flexBasis', v]]\n    }\n    default: {\n      return (\n        dispatchLogicalInline(decl) ??\n        dispatchLayoutDeclaration(decl) ??\n        dispatchTypographyDeclaration(decl) ??\n        dispatchColorPropertyDeclaration(decl) ??\n        dispatchBorderDeclaration(decl) ??\n        dispatchMotionDeclaration(decl) ??\n        []\n      )\n    }\n  }\n}\n\n/**\n * Map single-sided CSS logical-inline props to RN's writing-direction-aware\n * Yoga keys: `ms-2` → `marginStart`, `pe-4` → `paddingEnd`, `start-2` →\n * `start`, `end-3` → `end`. RN resolves start/end against the layout\n * direction, so these stay RTL-correct. Returns null for any other property\n * (so the dispatch chain continues).\n * @param decl One declaration from a lightningcss style rule.\n * @returns RN entries, or null when not a logical-inline property.\n */\nfunction dispatchLogicalInline(decl: LcDeclaration): readonly RNEntry[] | null {\n  switch (decl.property) {\n    case 'margin-inline-start':\n    case 'margin-inline-end':\n    case 'padding-inline-start':\n    case 'padding-inline-end': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      return v === null ? [] : [[LOGICAL_INLINE_TO_RN[decl.property], v]]\n    }\n    case 'inset-inline-start': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      return v === null ? [] : [['start', v]]\n    }\n    case 'inset-inline-end': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      return v === null ? [] : [['end', v]]\n    }\n    // Logical border-radius corners (`rounded-s/e/ss/se/ee/es-*`). RN has\n    // matching keys — `kebabToCamel('border-start-start-radius')` is exactly\n    // `borderStartStartRadius`. Value is a `[x, y]` tuple like physical corners.\n    case 'border-start-start-radius':\n    case 'border-start-end-radius':\n    case 'border-end-start-radius':\n    case 'border-end-end-radius': {\n      const [xAxis] = decl.value\n      const v = dimensionPercentageToNumber(xAxis)\n      return v === null ? [] : [[kebabToCamel(decl.property), v]]\n    }\n    default: {\n      return null\n    }\n  }\n}\n"],"names":["tokens","detectSafeAreaMarker","kebabToCamel","serializeTokens","substituteThemeVars","coerceUnparsedValue","coerceFontFamily","color","normalizeColorString","cssColorToString","expandBorderColor","zIndexToNumber","lengthPercentageOrAutoToValue","sizeLikeToValue","expandGap","gapValueToValue","displayToEntries","fontSizeToPx","fontWeightToValue","expandFourSided","expandLogicalInline","expandLogicalBlock","expandBorderRadius","dimensionPercentageToNumber","flexToEntries","dispatchLayoutDeclaration","dispatchTypographyDeclaration","dispatchColorPropertyDeclaration","dispatchBorderDeclaration","dispatchMotionDeclaration"],"mappings":"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"}
+{"version":3,"file":"declaration.cjs","sources":["../../../../../src/core/parser/declaration.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity -- the main Declaration → RN-entries dispatcher is intentionally a flat switch so each branch keeps its narrowed value type */\nimport type { Declaration as LcDeclaration, TokenOrValue } from 'lightningcss'\nimport { kebabToCamel } from './case-convert'\nimport { cssColorToString, isCssWideColorKeyword, normalizeColorString } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue, sizeLikeToValue } from './length'\nimport {\n  expandBorderColor,\n  expandBorderRadius,\n  expandFourSided,\n  expandGap,\n  expandLogicalBlock,\n  expandLogicalInline,\n  flexToEntries,\n} from './shorthand'\nimport { coerceFontFamily, coerceUnparsedValue, serializeTokens, substituteThemeVars } from './tokens'\nimport { displayToEntries, fontSizeToPx, fontWeightToValue, zIndexToNumber } from './typography'\nimport { dispatchMotionDeclaration } from './motion-dispatcher'\nimport { dispatchTypographyDeclaration } from './typography-dispatcher'\nimport { dispatchLayoutDeclaration } from './layout-dispatcher'\nimport { dispatchColorPropertyDeclaration } from './color-properties-dispatcher'\nimport { dispatchBorderDeclaration } from './border-dispatcher'\nimport { detectSafeAreaMarker } from './safe-area'\nimport type { RNEntry } from './types'\n\n/** CSS timing-function properties that need `cubic-bezier(...)` snapping. */\nconst TIMING_FUNCTION_PROPS = new Set(['transition-timing-function', 'animation-timing-function'])\n\n/** CSS easing keywords Reanimated v4's CSS engine accepts as strings. */\nconst CSS_EASING_KEYWORDS = new Set(['linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end'])\n\n/** CSS properties with no useful RN equivalent — silently dropped. */\nconst UNSUPPORTED_LOGICAL_PROPS = new Set([\n  'border-inline-style',\n  'border-block-style',\n  'border-inline-start-style',\n  'border-inline-end-style',\n  'border-block-start-style',\n  'border-block-end-style',\n])\n\n/**\n * Web-only CSS properties Tailwind v4 emits that have NO React Native style\n * equivalent. Without this denylist they reach the generic `kebabToCamel`\n * fallback and emit dead keys (`objectPosition`, `textWrap`, `willChange`,\n * `float`, `columns`, `-webkit-line-clamp` → `WebkitLineClamp`, …) that bloat\n * every StyleSheet and read as \"supported\" when they do nothing. Dropping the\n * property name (kebab-case, pre-camel) is safe: it only excludes known\n * web-only props — anything RN supports is handled by a typed branch above.\n * (line-clamp's real RN behaviour comes from `numberOfLines` in text-truncate.)\n */\nconst RN_UNSUPPORTED_PROPERTIES: ReadonlySet<string> = new Set([\n  'object-position',\n  'text-wrap',\n  'will-change',\n  'columns',\n  'float',\n  'clear',\n  'table-layout',\n  'caption-side',\n  // Web table-model props with no RN equivalent. `border-spacing` otherwise\n  // reaches the generic fallback and leaks an unresolved `calc(0.25rem * N)`.\n  'border-spacing',\n  'border-collapse',\n  'transform-style',\n  'background-blend-mode',\n  'scroll-behavior',\n  'overscroll-behavior',\n  'overscroll-behavior-x',\n  'overscroll-behavior-y',\n  'scroll-snap-type',\n  'scroll-snap-align',\n  'scroll-snap-stop',\n  'break-after',\n  'break-before',\n  'break-inside',\n  'content',\n  'field-sizing',\n  'forced-color-adjust',\n  'text-shadow',\n  // Web-only KEYS RN has no style prop for. `order` leaks through the negative\n  // variant (`-order-1` → `order: calc(1 * -1)` unparsed → resolves to `-1`);\n  // the positive `order-*` already drops since no typed branch claims it. Adding\n  // it here drops BOTH signs. `isolation` (`isolate` / `isolation-auto`) reaches\n  // the `custom` path as `isolation: isolate|auto` — also no RN equivalent.\n  'order',\n  'isolation',\n  // `normal-nums` reaches the `custom` path as `font-variant-numeric: normal`\n  // and leaked the non-RN key `fontVariantNumeric`. RN expresses numeric\n  // variants via the `fontVariant` array, not this property — drop it. (The\n  // `tabular-nums`/`oldstyle-nums`/… utilities carry their token in dropped\n  // `--tw-numeric-*` vars and already resolve to {}; mapping those to\n  // `fontVariant` is a tracked future enhancement, not a leak.)\n  'font-variant-numeric',\n  'touch-action',\n  'backdrop-filter',\n  '-webkit-backdrop-filter',\n  '-webkit-line-clamp',\n  '-webkit-box-orient',\n  '-webkit-font-smoothing',\n  '-moz-osx-font-smoothing',\n])\n\n/**\n * Valid value sets for RN enum style props (keyed by the camelCase RN key).\n * A value outside its prop's set is RN-invalid even when the string itself\n * looks clean — RN ignores or warns on it (`position: 'fixed'`, `display:\n * 'contents'`, `justifyContent: 'stretch' | 'baseline'`, `alignContent:\n * 'normal'`). This is the dimension the leak-shape (`var(`/`calc(`/NaN) check\n * misses. Both the typed `display` / `position` branches AND the generic\n * unparsed fallback consult this — Tailwind routes some keyword-only values\n * (`justify-content: baseline`) through the unparsed channel, which would\n * otherwise emit them via `kebabToCamel` with no enum awareness.\n */\nconst RN_ENUM_VALUES: Readonly<Record<string, ReadonlySet<string>>> = {\n  position: new Set(['absolute', 'relative', 'static']),\n  display: new Set(['flex', 'none']),\n  justifyContent: new Set(['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly']),\n  alignContent: new Set(['flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around', 'space-evenly']),\n}\n\n/** CSS single-sided logical-inline property → RN writing-direction Yoga key. */\nconst LOGICAL_INLINE_TO_RN: Record<string, string> = {\n  'margin-inline-start': 'marginStart',\n  'margin-inline-end': 'marginEnd',\n  'padding-inline-start': 'paddingStart',\n  'padding-inline-end': 'paddingEnd',\n}\n\n/**\n * Logical border-COLOR property → physical RN side key(s). Custom `@theme`\n * tokens reach the unparsed path as `border-inline-color: var(--color-x)`,\n * which a plain `kebabToCamel` would turn into `borderInlineColor` — a key RN\n * silently drops, so the border color never paints. Lower to the physical\n * keys RN actually honors, matching the typed `dispatchBorderDeclaration`.\n */\nconst LOGICAL_BORDER_COLOR_SIDES: Record<string, readonly string[]> = {\n  'border-inline-color': ['borderLeftColor', 'borderRightColor'],\n  'border-block-color': ['borderTopColor', 'borderBottomColor'],\n  'border-inline-start-color': ['borderLeftColor'],\n  'border-inline-end-color': ['borderRightColor'],\n  'border-block-start-color': ['borderTopColor'],\n  'border-block-end-color': ['borderBottomColor'],\n}\n\n/**\n * Pick the closest predefined CSS easing keyword for a `cubic-bezier`\n * control-point set. Mirrors {@link snapCubicBezierToKeyword} in\n * `animation.ts` — kept here so the unparsed-string path doesn't need\n * to import a typed-only helper.\n * @param x1 First control-point x (0–1).\n * @param y1 First control-point y (0–1).\n * @param x2 Second control-point x (0–1).\n * @param y2 Second control-point y (0–1).\n * @returns CSS easing keyword.\n */\nfunction snapBezier(x1: number, y1: number, x2: number, y2: number): string {\n  const tol = 0.01\n  const eq = (a: number, b: number): boolean => Math.abs(a - b) < tol\n  if (eq(x1, 0) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1)) return 'linear'\n  if (eq(x1, 0.25) && eq(y1, 0.1) && eq(x2, 0.25) && eq(y2, 1)) return 'ease'\n  if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 1) && eq(y2, 1)) return 'ease-in'\n  if (eq(x1, 0) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1)) return 'ease-out'\n  if (eq(x1, 0.4) && eq(y1, 0) && eq(x2, 0.2) && eq(y2, 1)) return 'ease-in-out'\n  const startsFlat = x1 < 0.1\n  const endsFlat = x2 > 0.9\n  if (startsFlat && !endsFlat) return 'ease-out'\n  if (!startsFlat && endsFlat) return 'ease-in'\n  return 'ease-in-out'\n}\n\n/**\n * Snap a cubic-bezier expression string to the closest CSS keyword\n * Reanimated v4's CSS engine accepts. Strings that already are keywords\n * pass through unchanged.\n * @param value Resolved value text from an unparsed timing-function declaration.\n * @returns CSS easing keyword.\n */\nfunction coerceCubicBezierString(value: string): string {\n  const text = value.trim()\n  if (CSS_EASING_KEYWORDS.has(text)) return text\n  const match = /^cubic-bezier\\(\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*,\\s*([\\d.-]+)\\s*\\)$/.exec(text)\n  if (!match) return 'ease-in-out'\n  const [, x1, y1, x2, y2] = match\n  return snapBezier(Number(x1), Number(y1), Number(x2), Number(y2))\n}\n\n/**\n * Whether `text` has a whitespace char OUTSIDE any parenthesised group —\n * the signature of a multi-token CSS value (`2px solid #000`) rather than a\n * single color (`#000`, `rgb(1 2 3)`, `red`).\n * @param text Resolved value text.\n * @returns True when a top-level space is present.\n */\nfunction hasTopLevelSpace(text: string): boolean {\n  let depth = 0\n  for (const ch of text.trim()) {\n    if (ch === '(') depth += 1\n    else if (ch === ')') depth = Math.max(0, depth - 1)\n    else if (depth === 0 && (ch === ' ' || ch === '\\t' || ch === '\\n')) return true\n  }\n  return false\n}\n\n/**\n * Fast-path check for the handful of color property names Tailwind emits.\n * @param property Kebab-case CSS property name.\n * @returns Whether the property's value should be treated as a color.\n */\nfunction isColorProperty(property: string): boolean {\n  return (\n    property === 'color' ||\n    property === 'background-color' ||\n    // SVG paint props (`fill-<token>` / `stroke-<token>` via react-native-svg) —\n    // they don't end in `-color`, so without this they'd skip normalization and\n    // leak a raw `oklch(…)` string for custom `@theme` tokens.\n    property === 'fill' ||\n    property === 'stroke' ||\n    (property.startsWith('border-') && property.endsWith('-color')) ||\n    property.endsWith('-color')\n  )\n}\n\n/**\n * Convert an unparsed declaration (typical Tailwind v4 output containing\n * `var()` / `calc()`) into RN entries. Serializes the token list, then\n * coerces the flat string into a number / keyword / length via a tight\n * set of shapes Tailwind actually emits.\n * @param property Real property name (kebab-case).\n * @param tokens Token list from lightningcss.\n * @param themeVars Optional lookup table for resolving `var(--x)` references.\n * @returns RN entries — usually one, empty when unusable.\n */\nfunction unparsedToEntries(\n  property: string,\n  tokens: readonly TokenOrValue[],\n  themeVars: ReadonlyMap<string, string> | undefined,\n): readonly RNEntry[] {\n  if (property.length === 0) return []\n  if (RN_UNSUPPORTED_PROPERTIES.has(property)) return []\n  // Safe-area detection runs BEFORE token serialization because\n  // `env()` serializes to an empty string, which would strip the side\n  // info we need. If the tokens encode a recognised `env(safe-area-inset-*)`\n  // pattern (pure / `max(..., n)` / `calc(...+n)` / `h-screen-safe`),\n  // emit a runtime-resolved marker instead.\n  if (UNSUPPORTED_LOGICAL_PROPS.has(property)) return []\n  const safe = detectSafeAreaMarker(tokens, themeVars)\n  if (safe !== null) return [[kebabToCamel(property), safe]]\n  let text = serializeTokens(tokens)\n  if (themeVars && themeVars.size > 0) text = substituteThemeVars(text, themeVars)\n  const coerced = coerceUnparsedValue(text)\n  if (coerced === null) return []\n  // Skip values still carrying an unresolved `var(--tw-*)` ANYWHERE in the\n  // string — they came from a `@property --tw-*` composable with no real\n  // fallback (e.g. `filter: blur(8px) var(--tw-brightness) …`,\n  // `transform: rotateX(45deg) var(--tw-rotate-y) …`, `touch-action`,\n  // `scroll-snap-type`). RN can't evaluate the cascade, so a leaked `var()`\n  // makes the whole declaration an invalid string RN rejects — drop it and\n  // rely on RN's default rather than emit garbage. `var(--color-*)` refs are\n  // already substituted above, so anything left is a genuine composable miss.\n  if (typeof coerced === 'string' && coerced.includes('var(')) return []\n  // RN `fontFamily` is a single typeface, not a CSS fallback list — take\n  // the first family so `--font-x: \"Name\", sans-serif` works out of the box.\n  if (property === 'font-family' && typeof coerced === 'string') {\n    return [['fontFamily', coerceFontFamily(coerced)]]\n  }\n  // Logical-direction CSS properties RN doesn't have direct equivalents\n  // for. Keep the dropped names in one place so it's easy to audit.\n  if (UNSUPPORTED_LOGICAL_PROPS.has(property)) return []\n  if (TIMING_FUNCTION_PROPS.has(property) && typeof coerced === 'string') {\n    // `transition-colors` and similar emit `var(--tw-ease, cubic-bezier(...))`\n    // which serializes to a cubic-bezier STRING after substitution.\n    // Reanimated v4's CSS engine rejects those — snap to the closest\n    // predefined keyword (same logic as the typed `EasingFunction` path).\n    return [[kebabToCamel(property), coerceCubicBezierString(coerced)]]\n  }\n  if (isColorProperty(property) && typeof coerced === 'string') {\n    // A color is a single token. Tailwind compiles an arbitrary shorthand like\n    // `border-[2px_solid_#000]` to `border-color: 2px solid #000` (invalid for\n    // a color property → unparsed), which would otherwise emit\n    // `borderColor: \"2px solid #000000\"` — a string RN rejects. A top-level\n    // space (outside parens — `rgb(1 2 3)` keeps its inner spaces) means it's a\n    // multi-token shorthand, not a color: drop it.\n    if (hasTopLevelSpace(coerced)) return []\n    // CSS-wide cascade keywords (`inherit`, `currentColor`, `initial`, `unset`,\n    // `revert`, `revert-layer`) have no RN equivalent — RN has no color\n    // cascade. Drop rather than leak an invalid color string to RN.\n    if (isCssWideColorKeyword(coerced)) return []\n    // Lower modern color spaces (`oklch(…)`, `lab(…)`, `color(p3 …)`) that\n    // RN can't paint to sRGB; hex/rgb/hsl/named pass through unchanged.\n    const color = normalizeColorString(coerced) ?? coerced\n    // Logical border-color utilities must lower to physical RN side keys —\n    // RN ignores `borderInlineColor` / `borderInlineStartColor`.\n    const sides = LOGICAL_BORDER_COLOR_SIDES[property]\n    if (sides) return sides.map((key): RNEntry => [key, color])\n    return [[kebabToCamel(property), color]]\n  }\n  const camelKey = kebabToCamel(property)\n  // Enum props whose value Tailwind sometimes routes through the unparsed\n  // channel (`justify-content: baseline` → `justifyContent: 'baseline'`),\n  // bypassing the typed dispatcher's keyword map. RN rejects values outside\n  // the prop's set, so gate them here exactly like the typed branches do.\n  const enumValues = RN_ENUM_VALUES[camelKey]\n  if (enumValues && typeof coerced === 'string' && !enumValues.has(coerced)) return []\n  return [[camelKey, coerced]]\n}\n\n/**\n * Convert one lightningcss `Declaration` into zero-or-more RN style\n * entries. Shorthand declarations (padding/margin/border-radius/flex) can\n * emit multiple entries; skipped or unsupported properties emit none.\n *\n * The switch branches on `decl.property` so TypeScript narrows\n * `decl.value` to the exact typed shape for each branch — no casts\n * required. Unknown properties fall through to `[]`.\n * @param decl One declaration from a lightningcss style rule.\n * @param themeVars Optional lookup table for resolving `var(--x)` references inside unparsed values.\n * @returns Array of `[key, value]` entries.\n */\nexport function declarationToRnEntries(decl: LcDeclaration, themeVars?: ReadonlyMap<string, string>): readonly RNEntry[] {\n  switch (decl.property) {\n    case 'custom': {\n      // Lightningcss routes two shapes through `custom`:\n      //  - Actual CSS custom properties (`--my-var`): no RN meaning, drop.\n      //  - Real properties it doesn't have a dedicated typed entry for\n      //    (e.g. `object-fit`, `pointer-events`, future CSS keyword-only\n      //    props): treat like an unparsed declaration so the keyword\n      //    surfaces in the RN style.\n      const customName = decl.value.name\n      if (customName.startsWith('--')) return []\n      return unparsedToEntries(customName, decl.value.value ?? [], themeVars)\n    }\n    case 'unparsed': {\n      return unparsedToEntries(decl.value.propertyId.property, decl.value.value, themeVars)\n    }\n    case 'color':\n    case 'background-color':\n    case 'border-top-color':\n    case 'border-right-color':\n    case 'border-bottom-color':\n    case 'border-left-color': {\n      // `background-color` narrows to `CssColor | 'background'` — the\n      // literal keyword means UA default. Skip the keyword.\n      if (typeof decl.value === 'string') return []\n      const colorString = cssColorToString(decl.value)\n      // `currentColor` (lightningcss `{type:'currentcolor'}`) and any other\n      // CSS-wide cascade keyword have no RN equivalent — drop instead of\n      // leaking the keyword string to RN.\n      if (isCssWideColorKeyword(colorString)) return []\n      return [[kebabToCamel(decl.property), colorString]]\n    }\n    case 'border-color': {\n      return expandBorderColor(decl.value)\n    }\n    case 'opacity': {\n      // Lightningcss hands us an `f32` for opacity, so values like `0.8`\n      // round-trip as `0.800000011920929`. Snap to 4 decimals to match the\n      // rest of the parser's numeric convention.\n      return [[decl.property, Math.round(decl.value * 10_000) / 10_000]]\n    }\n    case 'z-index': {\n      return [['zIndex', zIndexToNumber(decl.value)]]\n    }\n    case 'top':\n    case 'right':\n    case 'bottom':\n    case 'left': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [[decl.property, v]]\n    }\n    case 'inset': {\n      const top = lengthPercentageOrAutoToValue(decl.value.top)\n      const right = lengthPercentageOrAutoToValue(decl.value.right)\n      const bottom = lengthPercentageOrAutoToValue(decl.value.bottom)\n      const left = lengthPercentageOrAutoToValue(decl.value.left)\n      if (top === null || right === null || bottom === null || left === null) return []\n      return [\n        ['top', top],\n        ['right', right],\n        ['bottom', bottom],\n        ['left', left],\n      ]\n    }\n    case 'inset-inline': {\n      const start = lengthPercentageOrAutoToValue(decl.value.inlineStart)\n      const end = lengthPercentageOrAutoToValue(decl.value.inlineEnd)\n      if (start === null || end === null) return []\n      return [\n        ['left', start],\n        ['right', end],\n      ]\n    }\n    case 'inset-block': {\n      const start = lengthPercentageOrAutoToValue(decl.value.blockStart)\n      const end = lengthPercentageOrAutoToValue(decl.value.blockEnd)\n      if (start === null || end === null) return []\n      return [\n        ['top', start],\n        ['bottom', end],\n      ]\n    }\n    case 'width':\n    case 'height':\n    case 'min-width':\n    case 'min-height':\n    case 'max-width':\n    case 'max-height': {\n      const v = sizeLikeToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'gap': {\n      return expandGap(decl.value)\n    }\n    case 'row-gap':\n    case 'column-gap': {\n      const v = gapValueToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'font-style': {\n      return [['fontStyle', decl.value.type]]\n    }\n    case 'display': {\n      // `displayToEntries` can still emit `contents` (a CSS value RN rejects —\n      // only `flex` / `none` are valid). Gate the result on the RN-valid set.\n      return displayToEntries(decl.value).filter(([, value]) => typeof value === 'string' && RN_ENUM_VALUES.display.has(value))\n    }\n    case 'position': {\n      // RN `position` accepts only `absolute` / `relative` / `static`; CSS\n      // `fixed` / `sticky` are invalid for RN, so drop them.\n      return RN_ENUM_VALUES.position.has(decl.value.type) ? [['position', decl.value.type]] : []\n    }\n    case 'font-size': {\n      const px = fontSizeToPx(decl.value)\n      if (px === null) return []\n      return [['fontSize', px]]\n    }\n    case 'font-weight': {\n      return [['fontWeight', fontWeightToValue(decl.value)]]\n    }\n    case 'padding': {\n      return expandFourSided('padding', decl.value)\n    }\n    case 'margin': {\n      return expandFourSided('margin', decl.value)\n    }\n    case 'padding-inline': {\n      return expandLogicalInline('padding', decl.value)\n    }\n    case 'padding-block': {\n      return expandLogicalBlock('padding', decl.value)\n    }\n    case 'margin-inline': {\n      return expandLogicalInline('margin', decl.value)\n    }\n    case 'margin-block': {\n      return expandLogicalBlock('margin', decl.value)\n    }\n    case 'padding-top':\n    case 'padding-right':\n    case 'padding-bottom':\n    case 'padding-left':\n    case 'margin-top':\n    case 'margin-right':\n    case 'margin-bottom':\n    case 'margin-left': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'border-radius': {\n      return expandBorderRadius(decl.value)\n    }\n    case 'border-top-left-radius':\n    case 'border-top-right-radius':\n    case 'border-bottom-left-radius':\n    case 'border-bottom-right-radius': {\n      const [xAxis] = decl.value\n      const v = dimensionPercentageToNumber(xAxis)\n      if (v === null) return []\n      return [[kebabToCamel(decl.property), v]]\n    }\n    case 'flex': {\n      return flexToEntries(decl.value)\n    }\n    case 'flex-grow':\n    case 'flex-shrink': {\n      return [[kebabToCamel(decl.property), decl.value]]\n    }\n    case 'flex-basis': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      if (v === null) return []\n      return [['flexBasis', v]]\n    }\n    default: {\n      return (\n        dispatchLogicalInline(decl) ??\n        dispatchLayoutDeclaration(decl) ??\n        dispatchTypographyDeclaration(decl) ??\n        dispatchColorPropertyDeclaration(decl) ??\n        dispatchBorderDeclaration(decl) ??\n        dispatchMotionDeclaration(decl) ??\n        []\n      )\n    }\n  }\n}\n\n/**\n * Map single-sided CSS logical-inline props to RN's writing-direction-aware\n * Yoga keys: `ms-2` → `marginStart`, `pe-4` → `paddingEnd`, `start-2` →\n * `start`, `end-3` → `end`. RN resolves start/end against the layout\n * direction, so these stay RTL-correct. Returns null for any other property\n * (so the dispatch chain continues).\n * @param decl One declaration from a lightningcss style rule.\n * @returns RN entries, or null when not a logical-inline property.\n */\nfunction dispatchLogicalInline(decl: LcDeclaration): readonly RNEntry[] | null {\n  switch (decl.property) {\n    case 'margin-inline-start':\n    case 'margin-inline-end':\n    case 'padding-inline-start':\n    case 'padding-inline-end': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      return v === null ? [] : [[LOGICAL_INLINE_TO_RN[decl.property], v]]\n    }\n    case 'inset-inline-start': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      return v === null ? [] : [['start', v]]\n    }\n    case 'inset-inline-end': {\n      const v = lengthPercentageOrAutoToValue(decl.value)\n      return v === null ? [] : [['end', v]]\n    }\n    // Logical border-radius corners (`rounded-s/e/ss/se/ee/es-*`). RN has\n    // matching keys — `kebabToCamel('border-start-start-radius')` is exactly\n    // `borderStartStartRadius`. Value is a `[x, y]` tuple like physical corners.\n    case 'border-start-start-radius':\n    case 'border-start-end-radius':\n    case 'border-end-start-radius':\n    case 'border-end-end-radius': {\n      const [xAxis] = decl.value\n      const v = dimensionPercentageToNumber(xAxis)\n      return v === null ? [] : [[kebabToCamel(decl.property), v]]\n    }\n    default: {\n      return null\n    }\n  }\n}\n"],"names":["tokens","detectSafeAreaMarker","kebabToCamel","serializeTokens","substituteThemeVars","coerceUnparsedValue","coerceFontFamily","isCssWideColorKeyword","color","normalizeColorString","cssColorToString","expandBorderColor","zIndexToNumber","lengthPercentageOrAutoToValue","sizeLikeToValue","expandGap","gapValueToValue","displayToEntries","fontSizeToPx","fontWeightToValue","expandFourSided","expandLogicalInline","expandLogicalBlock","expandBorderRadius","dimensionPercentageToNumber","flexToEntries","dispatchLayoutDeclaration","dispatchTypographyDeclaration","dispatchColorPropertyDeclaration","dispatchBorderDeclaration","dispatchMotionDeclaration"],"mappings":"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"}

package/lib/cjs/core/parser/layout-dispatcher.cjs

@@ -1,5 +1,31 @@
 'use strict';
 
+/**
+ * `justify-content` keywords RN accepts. CSS adds `stretch` / `normal` /
+ * `left` / `right` (and `start`/`end`, which we lower to `flex-start`/`flex-end`
+ * BEFORE this gate). RN rejects anything outside this set — drop it.
+ */
+const RN_JUSTIFY_CONTENT_VALUES = new Set([
+    'flex-start',
+    'flex-end',
+    'center',
+    'space-between',
+    'space-around',
+    'space-evenly',
+]);
+/**
+ * `align-content` keywords RN accepts. Differs from `justify-content`: RN
+ * allows `stretch` here but rejects `normal`. Drop values outside the set.
+ */
+const RN_ALIGN_CONTENT_VALUES = new Set([
+    'flex-start',
+    'flex-end',
+    'center',
+    'stretch',
+    'space-between',
+    'space-around',
+    'space-evenly',
+]);
 /**
  * Lower a CSS `overflow` keyword to one RN's `overflow` prop accepts
  * (`'visible' | 'hidden' | 'scroll'`). `auto` → `scroll` (auto means
@@ -111,12 +137,16 @@ function dispatchLayoutDeclaration(decl) {
             return v === null ? [] : [['alignSelf', v]];
         }
         case 'align-content': {
+            // After CSS→RN lowering, gate on RN's valid set — drops `normal`
+            // (`content-normal`) which RN's `alignContent` rejects.
             const v = mapAlignKeyword(decl.value);
-            return v === null ? [] : [['alignContent', v]];
+            return v === null || !RN_ALIGN_CONTENT_VALUES.has(v) ? [] : [['alignContent', v]];
         }
         case 'justify-content': {
+            // After CSS→RN lowering, gate on RN's valid set — drops `stretch`
+            // (`justify-stretch`) and any other keyword RN's `justifyContent` rejects.
             const v = mapJustifyKeyword(decl.value);
-            return v === null ? [] : [['justifyContent', v]];
+            return v === null || !RN_JUSTIFY_CONTENT_VALUES.has(v) ? [] : [['justifyContent', v]];
         }
         case 'overflow': {
             // Lightningcss splits CSS `overflow` into `{x, y}` axes; RN only

package/lib/cjs/core/parser/layout-dispatcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"layout-dispatcher.cjs","sources":["../../../../../src/core/parser/layout-dispatcher.ts"],"sourcesContent":["import type { Declaration as LcDeclaration } from 'lightningcss'\nimport type { RNEntry } from './types'\n\n/**\n * Lower a CSS `overflow` keyword to one RN's `overflow` prop accepts\n * (`'visible' | 'hidden' | 'scroll'`). `auto` → `scroll` (auto means\n * scroll-when-needed), `clip` → `hidden` (closest no-scroll clip). Anything\n * else (an unexpected keyword) drops so RN never sees an invalid value.\n * @param css CSS overflow keyword.\n * @returns RN overflow keyword, or `null` to drop.\n */\nfunction mapOverflow(css: string): string | null {\n  if (css === 'visible' || css === 'hidden' || css === 'scroll') return css\n  if (css === 'auto') return 'scroll'\n  if (css === 'clip') return 'hidden'\n  return null\n}\n\n/**\n * Build the RN `overflow` entry for a raw axis value, mapping it to an\n * RN-valid keyword and dropping unrepresentable shapes. Shared by the\n * `overflow` shorthand and the `overflow-x` / `overflow-y` longhands.\n * @param value Raw per-axis overflow value (string keyword or other).\n * @returns Single `[overflow, …]` entry, or empty when unmappable.\n */\nfunction overflowEntry(value: unknown): readonly RNEntry[] {\n  const mapped = typeof value === 'string' ? mapOverflow(value) : null\n  return mapped === null ? [] : [['overflow', mapped]]\n}\n\n/**\n * Lower CSS alignment keywords to the strings RN accepts. CSS uses\n * `start`/`end` while RN sticks with the legacy `flex-start`/`flex-end`.\n * Shared between `align-items`, `align-self`, `align-content`, and\n * `justify-content` — the lowering rule is identical for all four.\n * @param css CSS keyword (`center` / `start` / `end` / `baseline` / `stretch`).\n * @returns RN-compatible keyword.\n */\nfunction cssToRnAlignment(css: string): string {\n  if (css === 'start') return 'flex-start'\n  if (css === 'end') return 'flex-end'\n  return css\n}\n\n/** Alias kept for clarity at the call site. Identical lowering rule. */\nconst cssToRnJustify = cssToRnAlignment\n\n/**\n * Map lightningcss's `align-items` / `align-self` / `align-content`\n * value (typed as `{type: 'self-position' | 'baseline-position', value: …}`)\n * to the RN keyword RN expects.\n * @param value Typed alignment value.\n * @returns RN alignment string, or `null` when unmappable.\n */\nfunction mapAlignKeyword(value: unknown): string | null {\n  if (typeof value === 'string') return cssToRnAlignment(value)\n  if (typeof value !== 'object' || value === null) return null\n  const tagged = value as { type?: string; value?: string }\n  if (tagged.type === 'baseline-position') return 'baseline'\n  if (typeof tagged.value === 'string') return cssToRnAlignment(tagged.value)\n  // Bare-keyword variants like `{type: 'stretch'}` carry the keyword\n  // in the `type` field with no separate `value`.\n  if (tagged.type === 'stretch' || tagged.type === 'normal') return cssToRnAlignment(tagged.type)\n  return null\n}\n\n/**\n * Map lightningcss's `justify-content` value to the RN keyword.\n * @param value Typed justify value.\n * @returns RN justify string, or `null` when unmappable.\n */\nfunction mapJustifyKeyword(value: unknown): string | null {\n  if (typeof value === 'string') return cssToRnJustify(value)\n  if (typeof value !== 'object' || value === null) return null\n  const tagged = value as { type?: string; value?: string }\n  if (typeof tagged.value === 'string') return cssToRnJustify(tagged.value)\n  return null\n}\n\n/**\n * Dispatch flexbox-layout declarations (flex-direction, flex-wrap,\n * align-items, align-self, align-content, justify-content). Returns\n * `null` for any property the dispatcher doesn't handle so the caller\n * can fall through to its main switch.\n *\n * RN expects keyword-mapped strings: `flex-start` / `flex-end` instead\n * of CSS's `start` / `end`. We do the lowering here.\n * @param decl One lightningcss declaration.\n * @returns RN entries when the property matched, else `null`.\n */\nexport function dispatchLayoutDeclaration(decl: LcDeclaration): readonly RNEntry[] | null {\n  switch (decl.property) {\n    case 'flex-direction': {\n      return [['flexDirection', String(decl.value)]]\n    }\n    case 'flex-wrap': {\n      return [['flexWrap', String(decl.value)]]\n    }\n    case 'align-items': {\n      const v = mapAlignKeyword(decl.value)\n      return v === null ? [] : [['alignItems', v]]\n    }\n    case 'align-self': {\n      const v = mapAlignKeyword(decl.value)\n      return v === null ? [] : [['alignSelf', v]]\n    }\n    case 'align-content': {\n      const v = mapAlignKeyword(decl.value)\n      return v === null ? [] : [['alignContent', v]]\n    }\n    case 'justify-content': {\n      const v = mapJustifyKeyword(decl.value)\n      return v === null ? [] : [['justifyContent', v]]\n    }\n    case 'overflow': {\n      // Lightningcss splits CSS `overflow` into `{x, y}` axes; RN only\n      // supports a single `overflow` keyword. Take the `x` axis when the\n      // user wrote shorthand; per-axis Tailwind utilities both emit\n      // shorthand here so axis splitting is rare.\n      return overflowEntry((decl.value as { x?: unknown }).x)\n    }\n    case 'overflow-x':\n    case 'overflow-y': {\n      // Tailwind's `overflow-x-*` / `overflow-y-*` emit these longhands,\n      // not the `overflow` shorthand. RN has only a single `overflow`,\n      // so collapse both axes onto it (last one declared wins via the\n      // normal entry-merge order).\n      return overflowEntry(decl.value)\n    }\n    default: {\n      return null\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"layout-dispatcher.cjs","sources":["../../../../../src/core/parser/layout-dispatcher.ts"],"sourcesContent":["import type { Declaration as LcDeclaration } from 'lightningcss'\nimport type { RNEntry } from './types'\n\n/**\n * `justify-content` keywords RN accepts. CSS adds `stretch` / `normal` /\n * `left` / `right` (and `start`/`end`, which we lower to `flex-start`/`flex-end`\n * BEFORE this gate). RN rejects anything outside this set — drop it.\n */\nconst RN_JUSTIFY_CONTENT_VALUES: ReadonlySet<string> = new Set([\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n])\n\n/**\n * `align-content` keywords RN accepts. Differs from `justify-content`: RN\n * allows `stretch` here but rejects `normal`. Drop values outside the set.\n */\nconst RN_ALIGN_CONTENT_VALUES: ReadonlySet<string> = new Set([\n  'flex-start',\n  'flex-end',\n  'center',\n  'stretch',\n  'space-between',\n  'space-around',\n  'space-evenly',\n])\n\n/**\n * Lower a CSS `overflow` keyword to one RN's `overflow` prop accepts\n * (`'visible' | 'hidden' | 'scroll'`). `auto` → `scroll` (auto means\n * scroll-when-needed), `clip` → `hidden` (closest no-scroll clip). Anything\n * else (an unexpected keyword) drops so RN never sees an invalid value.\n * @param css CSS overflow keyword.\n * @returns RN overflow keyword, or `null` to drop.\n */\nfunction mapOverflow(css: string): string | null {\n  if (css === 'visible' || css === 'hidden' || css === 'scroll') return css\n  if (css === 'auto') return 'scroll'\n  if (css === 'clip') return 'hidden'\n  return null\n}\n\n/**\n * Build the RN `overflow` entry for a raw axis value, mapping it to an\n * RN-valid keyword and dropping unrepresentable shapes. Shared by the\n * `overflow` shorthand and the `overflow-x` / `overflow-y` longhands.\n * @param value Raw per-axis overflow value (string keyword or other).\n * @returns Single `[overflow, …]` entry, or empty when unmappable.\n */\nfunction overflowEntry(value: unknown): readonly RNEntry[] {\n  const mapped = typeof value === 'string' ? mapOverflow(value) : null\n  return mapped === null ? [] : [['overflow', mapped]]\n}\n\n/**\n * Lower CSS alignment keywords to the strings RN accepts. CSS uses\n * `start`/`end` while RN sticks with the legacy `flex-start`/`flex-end`.\n * Shared between `align-items`, `align-self`, `align-content`, and\n * `justify-content` — the lowering rule is identical for all four.\n * @param css CSS keyword (`center` / `start` / `end` / `baseline` / `stretch`).\n * @returns RN-compatible keyword.\n */\nfunction cssToRnAlignment(css: string): string {\n  if (css === 'start') return 'flex-start'\n  if (css === 'end') return 'flex-end'\n  return css\n}\n\n/** Alias kept for clarity at the call site. Identical lowering rule. */\nconst cssToRnJustify = cssToRnAlignment\n\n/**\n * Map lightningcss's `align-items` / `align-self` / `align-content`\n * value (typed as `{type: 'self-position' | 'baseline-position', value: …}`)\n * to the RN keyword RN expects.\n * @param value Typed alignment value.\n * @returns RN alignment string, or `null` when unmappable.\n */\nfunction mapAlignKeyword(value: unknown): string | null {\n  if (typeof value === 'string') return cssToRnAlignment(value)\n  if (typeof value !== 'object' || value === null) return null\n  const tagged = value as { type?: string; value?: string }\n  if (tagged.type === 'baseline-position') return 'baseline'\n  if (typeof tagged.value === 'string') return cssToRnAlignment(tagged.value)\n  // Bare-keyword variants like `{type: 'stretch'}` carry the keyword\n  // in the `type` field with no separate `value`.\n  if (tagged.type === 'stretch' || tagged.type === 'normal') return cssToRnAlignment(tagged.type)\n  return null\n}\n\n/**\n * Map lightningcss's `justify-content` value to the RN keyword.\n * @param value Typed justify value.\n * @returns RN justify string, or `null` when unmappable.\n */\nfunction mapJustifyKeyword(value: unknown): string | null {\n  if (typeof value === 'string') return cssToRnJustify(value)\n  if (typeof value !== 'object' || value === null) return null\n  const tagged = value as { type?: string; value?: string }\n  if (typeof tagged.value === 'string') return cssToRnJustify(tagged.value)\n  return null\n}\n\n/**\n * Dispatch flexbox-layout declarations (flex-direction, flex-wrap,\n * align-items, align-self, align-content, justify-content). Returns\n * `null` for any property the dispatcher doesn't handle so the caller\n * can fall through to its main switch.\n *\n * RN expects keyword-mapped strings: `flex-start` / `flex-end` instead\n * of CSS's `start` / `end`. We do the lowering here.\n * @param decl One lightningcss declaration.\n * @returns RN entries when the property matched, else `null`.\n */\nexport function dispatchLayoutDeclaration(decl: LcDeclaration): readonly RNEntry[] | null {\n  switch (decl.property) {\n    case 'flex-direction': {\n      return [['flexDirection', String(decl.value)]]\n    }\n    case 'flex-wrap': {\n      return [['flexWrap', String(decl.value)]]\n    }\n    case 'align-items': {\n      const v = mapAlignKeyword(decl.value)\n      return v === null ? [] : [['alignItems', v]]\n    }\n    case 'align-self': {\n      const v = mapAlignKeyword(decl.value)\n      return v === null ? [] : [['alignSelf', v]]\n    }\n    case 'align-content': {\n      // After CSS→RN lowering, gate on RN's valid set — drops `normal`\n      // (`content-normal`) which RN's `alignContent` rejects.\n      const v = mapAlignKeyword(decl.value)\n      return v === null || !RN_ALIGN_CONTENT_VALUES.has(v) ? [] : [['alignContent', v]]\n    }\n    case 'justify-content': {\n      // After CSS→RN lowering, gate on RN's valid set — drops `stretch`\n      // (`justify-stretch`) and any other keyword RN's `justifyContent` rejects.\n      const v = mapJustifyKeyword(decl.value)\n      return v === null || !RN_JUSTIFY_CONTENT_VALUES.has(v) ? [] : [['justifyContent', v]]\n    }\n    case 'overflow': {\n      // Lightningcss splits CSS `overflow` into `{x, y}` axes; RN only\n      // supports a single `overflow` keyword. Take the `x` axis when the\n      // user wrote shorthand; per-axis Tailwind utilities both emit\n      // shorthand here so axis splitting is rare.\n      return overflowEntry((decl.value as { x?: unknown }).x)\n    }\n    case 'overflow-x':\n    case 'overflow-y': {\n      // Tailwind's `overflow-x-*` / `overflow-y-*` emit these longhands,\n      // not the `overflow` shorthand. RN has only a single `overflow`,\n      // so collapse both axes onto it (last one declared wins via the\n      // normal entry-merge order).\n      return overflowEntry(decl.value)\n    }\n    default: {\n      return null\n    }\n  }\n}\n"],"names":[],"mappings":";;AAGA;;;;AAIG;AACH,MAAM,yBAAyB,GAAwB,IAAI,GAAG,CAAC;IAC7D,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,eAAe;IACf,cAAc;IACd,cAAc;AACf,CAAA,CAAC;AAEF;;;AAGG;AACH,MAAM,uBAAuB,GAAwB,IAAI,GAAG,CAAC;IAC3D,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,SAAS;IACT,eAAe;IACf,cAAc;IACd,cAAc;AACf,CAAA,CAAC;AAEF;;;;;;;AAOG;AACH,SAAS,WAAW,CAAC,GAAW,EAAA;IAC9B,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ;AAAE,QAAA,OAAO,GAAG;IACzE,IAAI,GAAG,KAAK,MAAM;AAAE,QAAA,OAAO,QAAQ;IACnC,IAAI,GAAG,KAAK,MAAM;AAAE,QAAA,OAAO,QAAQ;AACnC,IAAA,OAAO,IAAI;AACb;AAEA;;;;;;AAMG;AACH,SAAS,aAAa,CAAC,KAAc,EAAA;AACnC,IAAA,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI;AACpE,IAAA,OAAO,MAAM,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AACtD;AAEA;;;;;;;AAOG;AACH,SAAS,gBAAgB,CAAC,GAAW,EAAA;IACnC,IAAI,GAAG,KAAK,OAAO;AAAE,QAAA,OAAO,YAAY;IACxC,IAAI,GAAG,KAAK,KAAK;AAAE,QAAA,OAAO,UAAU;AACpC,IAAA,OAAO,GAAG;AACZ;AAEA;AACA,MAAM,cAAc,GAAG,gBAAgB;AAEvC;;;;;;AAMG;AACH,SAAS,eAAe,CAAC,KAAc,EAAA;IACrC,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,gBAAgB,CAAC,KAAK,CAAC;AAC7D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;AAAE,QAAA,OAAO,IAAI;IAC5D,MAAM,MAAM,GAAG,KAA0C;AACzD,IAAA,IAAI,MAAM,CAAC,IAAI,KAAK,mBAAmB;AAAE,QAAA,OAAO,UAAU;AAC1D,IAAA,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC;;;IAG3E,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ;AAAE,QAAA,OAAO,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC;AAC/F,IAAA,OAAO,IAAI;AACb;AAEA;;;;AAIG;AACH,SAAS,iBAAiB,CAAC,KAAc,EAAA;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,cAAc,CAAC,KAAK,CAAC;AAC3D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;AAAE,QAAA,OAAO,IAAI;IAC5D,MAAM,MAAM,GAAG,KAA0C;AACzD,IAAA,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC;AACzE,IAAA,OAAO,IAAI;AACb;AAEA;;;;;;;;;;AAUG;AACG,SAAU,yBAAyB,CAAC,IAAmB,EAAA;AAC3D,IAAA,QAAQ,IAAI,CAAC,QAAQ;QACnB,KAAK,gBAAgB,EAAE;AACrB,YAAA,OAAO,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAChD;QACA,KAAK,WAAW,EAAE;AAChB,YAAA,OAAO,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3C;QACA,KAAK,aAAa,EAAE;YAClB,MAAM,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;AACrC,YAAA,OAAO,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;QAC9C;QACA,KAAK,YAAY,EAAE;YACjB,MAAM,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;AACrC,YAAA,OAAO,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC7C;QACA,KAAK,eAAe,EAAE;;;YAGpB,MAAM,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;YACrC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QACnF;QACA,KAAK,iBAAiB,EAAE;;;YAGtB,MAAM,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;YACvC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;QACvF;QACA,KAAK,UAAU,EAAE;;;;;YAKf,OAAO,aAAa,CAAE,IAAI,CAAC,KAAyB,CAAC,CAAC,CAAC;QACzD;AACA,QAAA,KAAK,YAAY;QACjB,KAAK,YAAY,EAAE;;;;;AAKjB,YAAA,OAAO,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;QAClC;QACA,SAAS;AACP,YAAA,OAAO,IAAI;QACb;;AAEJ;;;;"}

package/lib/cjs/core/parser/shorthand.cjs

@@ -128,14 +128,21 @@ function expandBorderColor(value) {
     const right = color.cssColorToString(value.right);
     const bottom = color.cssColorToString(value.bottom);
     const left = color.cssColorToString(value.left);
-    if (top === right && right === bottom && bottom === left)
-        return [['borderColor', top]];
-    return [
+    // CSS-wide cascade keywords (`currentColor`, `inherit`, …) have no RN
+    // equivalent — drop any side that resolves to one rather than leak the
+    // keyword as a `borderColor`/`border*Color` value RN can't paint.
+    const sides = [
         ['borderTopColor', top],
         ['borderRightColor', right],
         ['borderBottomColor', bottom],
         ['borderLeftColor', left],
     ];
+    const paintable = sides.filter(([, color$1]) => !color.isCssWideColorKeyword(color$1));
+    if (paintable.length === 0)
+        return [];
+    if (paintable.length === 4 && top === right && right === bottom && bottom === left)
+        return [['borderColor', top]];
+    return paintable;
 }
 /**
  * Expand `gap` shorthand (`{row, column}`) into RN entries. When both

package/lib/cjs/core/parser/shorthand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shorthand.cjs","sources":["../../../../../src/core/parser/shorthand.ts"],"sourcesContent":["import type {\n  BorderColor,\n  BorderRadius,\n  Flex,\n  Gap,\n  Margin,\n  MarginBlock,\n  MarginInline,\n  Padding,\n  PaddingBlock,\n  PaddingInline,\n} from 'lightningcss'\nimport { cssColorToString } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue } from './length'\nimport type { RNEntry } from './types'\n\n/**\n * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to\n * RN entries. Collapses progressively for a smaller emitted style:\n * - all four equal → single `padding` / `margin`\n * - matching axes → `paddingHorizontal` + `paddingVertical`\n * - one matching axis → that axis collapsed, opposite axis as longhands\n * - otherwise → four longhands\n * @param property `'padding'` or `'margin'`.\n * @param value Typed shorthand record.\n * @returns RN entries.\n */\nexport function expandFourSided(property: 'padding' | 'margin', value: Padding | Margin): readonly RNEntry[] {\n  const top = lengthPercentageOrAutoToValue(value.top)\n  const right = lengthPercentageOrAutoToValue(value.right)\n  const bottom = lengthPercentageOrAutoToValue(value.bottom)\n  const left = lengthPercentageOrAutoToValue(value.left)\n  if (top === null || right === null || bottom === null || left === null) return []\n  if (top === right && right === bottom && bottom === left) return [[property, top]]\n  const horizontalEqual = left === right\n  const verticalEqual = top === bottom\n  if (horizontalEqual && verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (horizontalEqual) {\n    return [\n      [`${property}Top`, top],\n      [`${property}Bottom`, bottom],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Right`, right],\n      [`${property}Left`, left],\n    ]\n  }\n  return [\n    [`${property}Top`, top],\n    [`${property}Right`, right],\n    [`${property}Bottom`, bottom],\n    [`${property}Left`, left],\n  ]\n}\n\n/**\n * Expand `padding-inline` / `margin-inline` (logical property) into RN's\n * physical pair. RN has no RTL-aware logical props at the style-object\n * level, so we lower at compile time. When both sides match, emit the\n * single `paddingHorizontal` / `marginHorizontal` shorthand for a more\n * compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed inline shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalInline(property: 'padding' | 'margin', value: PaddingInline | MarginInline): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.inlineStart)\n  const end = lengthPercentageOrAutoToValue(value.inlineEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Horizontal`, start]]\n  return [\n    [`${property}Left`, start],\n    [`${property}Right`, end],\n  ]\n}\n\n/**\n * Expand `padding-block` / `margin-block` (logical property) into RN's\n * physical pair. When both sides match, emit `paddingVertical` /\n * `marginVertical` for a more compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed block shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalBlock(property: 'padding' | 'margin', value: PaddingBlock | MarginBlock): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.blockStart)\n  const end = lengthPercentageOrAutoToValue(value.blockEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Vertical`, start]]\n  return [\n    [`${property}Top`, start],\n    [`${property}Bottom`, end],\n  ]\n}\n\n/**\n * Expand a `border-radius` shorthand into RN corner entries. Each corner\n * is a 2-tuple `[x, y]` in lightningcss; RN exposes one radius per corner\n * so we use the x-axis. When all four corners match, collapse to the\n * single `borderRadius` key.\n * @param value Typed `BorderRadius` record.\n * @returns RN entries.\n */\nexport function expandBorderRadius(value: BorderRadius): readonly RNEntry[] {\n  const corners: Array<[string, number | string | null]> = [\n    ['borderTopLeftRadius', dimensionPercentageToNumber(value.topLeft[0])],\n    ['borderTopRightRadius', dimensionPercentageToNumber(value.topRight[0])],\n    ['borderBottomRightRadius', dimensionPercentageToNumber(value.bottomRight[0])],\n    ['borderBottomLeftRadius', dimensionPercentageToNumber(value.bottomLeft[0])],\n  ]\n  const [first] = corners\n  if (first?.[1] == null) return []\n  if (corners.every(([, v]) => v === first[1])) return [['borderRadius', first[1]]]\n  return corners.filter((entry): entry is [string, number | string] => entry[1] !== null)\n}\n\n/**\n * Expand a `border-color` shorthand into RN longhands. When all four\n * sides match, collapse to a single `borderColor`; otherwise emit per-side\n * props.\n * @param value Typed `BorderColor` record.\n * @returns RN entries.\n */\nexport function expandBorderColor(value: BorderColor): readonly RNEntry[] {\n  const top = cssColorToString(value.top)\n  const right = cssColorToString(value.right)\n  const bottom = cssColorToString(value.bottom)\n  const left = cssColorToString(value.left)\n  if (top === right && right === bottom && bottom === left) return [['borderColor', top]]\n  return [\n    ['borderTopColor', top],\n    ['borderRightColor', right],\n    ['borderBottomColor', bottom],\n    ['borderLeftColor', left],\n  ]\n}\n\n/**\n * Expand `gap` shorthand (`{row, column}`) into RN entries. When both\n * axes equal the same value collapse to the single `gap` key; otherwise\n * emit `rowGap` + `columnGap`.\n * @param value Typed `Gap` record.\n * @returns RN entries.\n */\nexport function expandGap(value: Gap): readonly RNEntry[] {\n  const row = gapValueToValue(value.row)\n  const column = gapValueToValue(value.column)\n  if (row === null || column === null) return []\n  if (row === column) return [['gap', row]]\n  return [\n    ['rowGap', row],\n    ['columnGap', column],\n  ]\n}\n\n/**\n * Convert `Flex` shorthand to RN entries. When the shape matches `flex:\n * 1` (`{grow:1, shrink:1, basis: 0%}`), emit the single `flex` key RN\n * understands. Otherwise expand to the three longhands.\n * @param value Typed `Flex` record.\n * @returns RN entries.\n */\nexport function flexToEntries(value: Flex): readonly RNEntry[] {\n  const basis = lengthPercentageOrAutoToValue(value.basis)\n  if (basis === null) return []\n  if (value.grow === 1 && value.shrink === 1 && basis === '0%') return [['flex', 1]]\n  const entries: RNEntry[] = [\n    ['flexGrow', value.grow],\n    ['flexShrink', value.shrink],\n  ]\n  if (basis !== 'auto') entries.push(['flexBasis', basis])\n  return entries\n}\n"],"names":["lengthPercentageOrAutoToValue","dimensionPercentageToNumber","cssColorToString","gapValueToValue"],"mappings":"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"}
+{"version":3,"file":"shorthand.cjs","sources":["../../../../../src/core/parser/shorthand.ts"],"sourcesContent":["import type {\n  BorderColor,\n  BorderRadius,\n  Flex,\n  Gap,\n  Margin,\n  MarginBlock,\n  MarginInline,\n  Padding,\n  PaddingBlock,\n  PaddingInline,\n} from 'lightningcss'\nimport { cssColorToString, isCssWideColorKeyword } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue } from './length'\nimport type { RNEntry } from './types'\n\n/**\n * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to\n * RN entries. Collapses progressively for a smaller emitted style:\n * - all four equal → single `padding` / `margin`\n * - matching axes → `paddingHorizontal` + `paddingVertical`\n * - one matching axis → that axis collapsed, opposite axis as longhands\n * - otherwise → four longhands\n * @param property `'padding'` or `'margin'`.\n * @param value Typed shorthand record.\n * @returns RN entries.\n */\nexport function expandFourSided(property: 'padding' | 'margin', value: Padding | Margin): readonly RNEntry[] {\n  const top = lengthPercentageOrAutoToValue(value.top)\n  const right = lengthPercentageOrAutoToValue(value.right)\n  const bottom = lengthPercentageOrAutoToValue(value.bottom)\n  const left = lengthPercentageOrAutoToValue(value.left)\n  if (top === null || right === null || bottom === null || left === null) return []\n  if (top === right && right === bottom && bottom === left) return [[property, top]]\n  const horizontalEqual = left === right\n  const verticalEqual = top === bottom\n  if (horizontalEqual && verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (horizontalEqual) {\n    return [\n      [`${property}Top`, top],\n      [`${property}Bottom`, bottom],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Right`, right],\n      [`${property}Left`, left],\n    ]\n  }\n  return [\n    [`${property}Top`, top],\n    [`${property}Right`, right],\n    [`${property}Bottom`, bottom],\n    [`${property}Left`, left],\n  ]\n}\n\n/**\n * Expand `padding-inline` / `margin-inline` (logical property) into RN's\n * physical pair. RN has no RTL-aware logical props at the style-object\n * level, so we lower at compile time. When both sides match, emit the\n * single `paddingHorizontal` / `marginHorizontal` shorthand for a more\n * compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed inline shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalInline(property: 'padding' | 'margin', value: PaddingInline | MarginInline): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.inlineStart)\n  const end = lengthPercentageOrAutoToValue(value.inlineEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Horizontal`, start]]\n  return [\n    [`${property}Left`, start],\n    [`${property}Right`, end],\n  ]\n}\n\n/**\n * Expand `padding-block` / `margin-block` (logical property) into RN's\n * physical pair. When both sides match, emit `paddingVertical` /\n * `marginVertical` for a more compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed block shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalBlock(property: 'padding' | 'margin', value: PaddingBlock | MarginBlock): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.blockStart)\n  const end = lengthPercentageOrAutoToValue(value.blockEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Vertical`, start]]\n  return [\n    [`${property}Top`, start],\n    [`${property}Bottom`, end],\n  ]\n}\n\n/**\n * Expand a `border-radius` shorthand into RN corner entries. Each corner\n * is a 2-tuple `[x, y]` in lightningcss; RN exposes one radius per corner\n * so we use the x-axis. When all four corners match, collapse to the\n * single `borderRadius` key.\n * @param value Typed `BorderRadius` record.\n * @returns RN entries.\n */\nexport function expandBorderRadius(value: BorderRadius): readonly RNEntry[] {\n  const corners: Array<[string, number | string | null]> = [\n    ['borderTopLeftRadius', dimensionPercentageToNumber(value.topLeft[0])],\n    ['borderTopRightRadius', dimensionPercentageToNumber(value.topRight[0])],\n    ['borderBottomRightRadius', dimensionPercentageToNumber(value.bottomRight[0])],\n    ['borderBottomLeftRadius', dimensionPercentageToNumber(value.bottomLeft[0])],\n  ]\n  const [first] = corners\n  if (first?.[1] == null) return []\n  if (corners.every(([, v]) => v === first[1])) return [['borderRadius', first[1]]]\n  return corners.filter((entry): entry is [string, number | string] => entry[1] !== null)\n}\n\n/**\n * Expand a `border-color` shorthand into RN longhands. When all four\n * sides match, collapse to a single `borderColor`; otherwise emit per-side\n * props.\n * @param value Typed `BorderColor` record.\n * @returns RN entries.\n */\nexport function expandBorderColor(value: BorderColor): readonly RNEntry[] {\n  const top = cssColorToString(value.top)\n  const right = cssColorToString(value.right)\n  const bottom = cssColorToString(value.bottom)\n  const left = cssColorToString(value.left)\n  // CSS-wide cascade keywords (`currentColor`, `inherit`, …) have no RN\n  // equivalent — drop any side that resolves to one rather than leak the\n  // keyword as a `borderColor`/`border*Color` value RN can't paint.\n  const sides: readonly (readonly [string, string])[] = [\n    ['borderTopColor', top],\n    ['borderRightColor', right],\n    ['borderBottomColor', bottom],\n    ['borderLeftColor', left],\n  ]\n  const paintable = sides.filter(([, color]) => !isCssWideColorKeyword(color))\n  if (paintable.length === 0) return []\n  if (paintable.length === 4 && top === right && right === bottom && bottom === left) return [['borderColor', top]]\n  return paintable\n}\n\n/**\n * Expand `gap` shorthand (`{row, column}`) into RN entries. When both\n * axes equal the same value collapse to the single `gap` key; otherwise\n * emit `rowGap` + `columnGap`.\n * @param value Typed `Gap` record.\n * @returns RN entries.\n */\nexport function expandGap(value: Gap): readonly RNEntry[] {\n  const row = gapValueToValue(value.row)\n  const column = gapValueToValue(value.column)\n  if (row === null || column === null) return []\n  if (row === column) return [['gap', row]]\n  return [\n    ['rowGap', row],\n    ['columnGap', column],\n  ]\n}\n\n/**\n * Convert `Flex` shorthand to RN entries. When the shape matches `flex:\n * 1` (`{grow:1, shrink:1, basis: 0%}`), emit the single `flex` key RN\n * understands. Otherwise expand to the three longhands.\n * @param value Typed `Flex` record.\n * @returns RN entries.\n */\nexport function flexToEntries(value: Flex): readonly RNEntry[] {\n  const basis = lengthPercentageOrAutoToValue(value.basis)\n  if (basis === null) return []\n  if (value.grow === 1 && value.shrink === 1 && basis === '0%') return [['flex', 1]]\n  const entries: RNEntry[] = [\n    ['flexGrow', value.grow],\n    ['flexShrink', value.shrink],\n  ]\n  if (basis !== 'auto') entries.push(['flexBasis', basis])\n  return entries\n}\n"],"names":["lengthPercentageOrAutoToValue","dimensionPercentageToNumber","cssColorToString","color","isCssWideColorKeyword","gapValueToValue"],"mappings":";;;;;AAgBA;;;;;;;;;;AAUG;AACG,SAAU,eAAe,CAAC,QAA8B,EAAE,KAAuB,EAAA;IACrF,MAAM,GAAG,GAAGA,oCAA6B,CAAC,KAAK,CAAC,GAAG,CAAC;IACpD,MAAM,KAAK,GAAGA,oCAA6B,CAAC,KAAK,CAAC,KAAK,CAAC;IACxD,MAAM,MAAM,GAAGA,oCAA6B,CAAC,KAAK,CAAC,MAAM,CAAC;IAC1D,MAAM,IAAI,GAAGA,oCAA6B,CAAC,KAAK,CAAC,IAAI,CAAC;AACtD,IAAA,IAAI,GAAG,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI;AAAE,QAAA,OAAO,EAAE;IACjF,IAAI,GAAG,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI;AAAE,QAAA,OAAO,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAClF,IAAA,MAAM,eAAe,GAAG,IAAI,KAAK,KAAK;AACtC,IAAA,MAAM,aAAa,GAAG,GAAG,KAAK,MAAM;AACpC,IAAA,IAAI,eAAe,IAAI,aAAa,EAAE;QACpC,OAAO;AACL,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,QAAA,CAAU,EAAE,GAAG,CAAC;AAC5B,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,UAAA,CAAY,EAAE,IAAI,CAAC;SAChC;IACH;IACA,IAAI,eAAe,EAAE;QACnB,OAAO;AACL,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,GAAA,CAAK,EAAE,GAAG,CAAC;AACvB,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,EAAE,MAAM,CAAC;AAC7B,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,UAAA,CAAY,EAAE,IAAI,CAAC;SAChC;IACH;IACA,IAAI,aAAa,EAAE;QACjB,OAAO;AACL,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,QAAA,CAAU,EAAE,GAAG,CAAC;AAC5B,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AAC3B,YAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,EAAE,IAAI,CAAC;SAC1B;IACH;IACA,OAAO;AACL,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,GAAA,CAAK,EAAE,GAAG,CAAC;AACvB,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO,EAAE,KAAK,CAAC;AAC3B,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,EAAE,MAAM,CAAC;AAC7B,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,EAAE,IAAI,CAAC;KAC1B;AACH;AAEA;;;;;;;;;AASG;AACG,SAAU,mBAAmB,CAAC,QAA8B,EAAE,KAAmC,EAAA;IACrG,MAAM,KAAK,GAAGA,oCAA6B,CAAC,KAAK,CAAC,WAAW,CAAC;IAC9D,MAAM,GAAG,GAAGA,oCAA6B,CAAC,KAAK,CAAC,SAAS,CAAC;AAC1D,IAAA,IAAI,KAAK,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI;AAAE,QAAA,OAAO,EAAE;IAC7C,IAAI,KAAK,KAAK,GAAG;QAAE,OAAO,CAAC,CAAC,CAAA,EAAG,QAAQ,YAAY,EAAE,KAAK,CAAC,CAAC;IAC5D,OAAO;AACL,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,EAAE,KAAK,CAAC;AAC1B,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO,EAAE,GAAG,CAAC;KAC1B;AACH;AAEA;;;;;;;AAOG;AACG,SAAU,kBAAkB,CAAC,QAA8B,EAAE,KAAiC,EAAA;IAClG,MAAM,KAAK,GAAGA,oCAA6B,CAAC,KAAK,CAAC,UAAU,CAAC;IAC7D,MAAM,GAAG,GAAGA,oCAA6B,CAAC,KAAK,CAAC,QAAQ,CAAC;AACzD,IAAA,IAAI,KAAK,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI;AAAE,QAAA,OAAO,EAAE;IAC7C,IAAI,KAAK,KAAK,GAAG;QAAE,OAAO,CAAC,CAAC,CAAA,EAAG,QAAQ,UAAU,EAAE,KAAK,CAAC,CAAC;IAC1D,OAAO;AACL,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,GAAA,CAAK,EAAE,KAAK,CAAC;AACzB,QAAA,CAAC,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,EAAE,GAAG,CAAC;KAC3B;AACH;AAEA;;;;;;;AAOG;AACG,SAAU,kBAAkB,CAAC,KAAmB,EAAA;AACpD,IAAA,MAAM,OAAO,GAA4C;QACvD,CAAC,qBAAqB,EAAEC,kCAA2B,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACtE,CAAC,sBAAsB,EAAEA,kCAA2B,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,CAAC,yBAAyB,EAAEA,kCAA2B,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9E,CAAC,wBAAwB,EAAEA,kCAA2B,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;KAC7E;AACD,IAAA,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO;AACvB,IAAA,IAAI,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI;AAAE,QAAA,OAAO,EAAE;AACjC,IAAA,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC;QAAE,OAAO,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACjF,IAAA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,KAAyC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AACzF;AAEA;;;;;;AAMG;AACG,SAAU,iBAAiB,CAAC,KAAkB,EAAA;IAClD,MAAM,GAAG,GAAGC,sBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC;IACvC,MAAM,KAAK,GAAGA,sBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;IAC3C,MAAM,MAAM,GAAGA,sBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC;IAC7C,MAAM,IAAI,GAAGA,sBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC;;;;AAIzC,IAAA,MAAM,KAAK,GAA2C;QACpD,CAAC,gBAAgB,EAAE,GAAG,CAAC;QACvB,CAAC,kBAAkB,EAAE,KAAK,CAAC;QAC3B,CAAC,mBAAmB,EAAE,MAAM,CAAC;QAC7B,CAAC,iBAAiB,EAAE,IAAI,CAAC;KAC1B;IACD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAGC,OAAK,CAAC,KAAK,CAACC,2BAAqB,CAACD,OAAK,CAAC,CAAC;AAC5E,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,EAAE;AACrC,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI;AAAE,QAAA,OAAO,CAAC,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;AACjH,IAAA,OAAO,SAAS;AAClB;AAEA;;;;;;AAMG;AACG,SAAU,SAAS,CAAC,KAAU,EAAA;IAClC,MAAM,GAAG,GAAGE,sBAAe,CAAC,KAAK,CAAC,GAAG,CAAC;IACtC,MAAM,MAAM,GAAGA,sBAAe,CAAC,KAAK,CAAC,MAAM,CAAC;AAC5C,IAAA,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI;AAAE,QAAA,OAAO,EAAE;IAC9C,IAAI,GAAG,KAAK,MAAM;AAAE,QAAA,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACzC,OAAO;QACL,CAAC,QAAQ,EAAE,GAAG,CAAC;QACf,CAAC,WAAW,EAAE,MAAM,CAAC;KACtB;AACH;AAEA;;;;;;AAMG;AACG,SAAU,aAAa,CAAC,KAAW,EAAA;IACvC,MAAM,KAAK,GAAGL,oCAA6B,CAAC,KAAK,CAAC,KAAK,CAAC;IACxD,IAAI,KAAK,KAAK,IAAI;AAAE,QAAA,OAAO,EAAE;AAC7B,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,IAAI;AAAE,QAAA,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAClF,IAAA,MAAM,OAAO,GAAc;AACzB,QAAA,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC;AACxB,QAAA,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC;KAC7B;IACD,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AACxD,IAAA,OAAO,OAAO;AAChB;;;;;;;;;;"}

package/lib/cjs/core/parser/tokens.cjs

@@ -257,6 +257,15 @@ function coerceUnparsedValue(text) {
     const colorMix = evaluateColorMixWithTransparent(trimmed);
     if (colorMix !== null)
         return colorMix;
+    // Real two-color `color-mix(in <space>, A, B)` (not the `, transparent)`
+    // opacity shape) — resolve it to a concrete sRGB color via culori so the
+    // raw, RN-unreadable `color-mix(...)` string never reaches the StyleSheet.
+    if (trimmed.toLowerCase().startsWith('color-mix(')) {
+        // Resolved → concrete color; unresolvable → null (DROP). Either way the
+        // raw `color-mix(...)` text must never fall through to the string path
+        // below, where RN would receive an unreadable value and render nothing.
+        return color.normalizeColorString(trimmed);
+    }
     const fallback = extractVariableFallback(trimmed);
     if (fallback !== null)
         return coerceUnparsedValue(fallback);