rnwind 0.0.7 → 0.0.9

package/lib/esm/core/parser/declaration.mjs

@@ -1,5 +1,5 @@
 import { kebabToCamel } from './case-convert.mjs';
-import { cssColorToString } from './color.mjs';
+import { cssColorToString, normalizeColorString } from './color.mjs';
 import { lengthPercentageOrAutoToValue, dimensionPercentageToNumber, gapValueToValue, sizeLikeToValue } from './length.mjs';
 import { flexToEntries, expandBorderRadius, expandLogicalBlock, expandLogicalInline, expandFourSided, expandGap, expandBorderColor } from './shorthand.mjs';
 import { serializeTokens, substituteThemeVars, coerceUnparsedValue, coerceFontFamily } from './tokens.mjs';
@@ -24,6 +24,71 @@ const UNSUPPORTED_LOGICAL_PROPS = new Set([
     'border-block-start-style',
     'border-block-end-style',
 ]);
+/**
+ * Web-only CSS properties Tailwind v4 emits that have NO React Native style
+ * equivalent. Without this denylist they reach the generic `kebabToCamel`
+ * fallback and emit dead keys (`objectPosition`, `textWrap`, `willChange`,
+ * `float`, `columns`, `-webkit-line-clamp` → `WebkitLineClamp`, …) that bloat
+ * every StyleSheet and read as "supported" when they do nothing. Dropping the
+ * property name (kebab-case, pre-camel) is safe: it only excludes known
+ * web-only props — anything RN supports is handled by a typed branch above.
+ * (line-clamp's real RN behaviour comes from `numberOfLines` in text-truncate.)
+ */
+const RN_UNSUPPORTED_PROPERTIES = new Set([
+    'object-position',
+    'text-wrap',
+    'will-change',
+    'columns',
+    'float',
+    'clear',
+    'table-layout',
+    'caption-side',
+    'transform-style',
+    'background-blend-mode',
+    'scroll-behavior',
+    'overscroll-behavior',
+    'overscroll-behavior-x',
+    'overscroll-behavior-y',
+    'scroll-snap-type',
+    'scroll-snap-align',
+    'scroll-snap-stop',
+    'break-after',
+    'break-before',
+    'break-inside',
+    'content',
+    'field-sizing',
+    'forced-color-adjust',
+    'text-shadow',
+    'touch-action',
+    'backdrop-filter',
+    '-webkit-backdrop-filter',
+    '-webkit-line-clamp',
+    '-webkit-box-orient',
+    '-webkit-font-smoothing',
+    '-moz-osx-font-smoothing',
+]);
+/** CSS single-sided logical-inline property → RN writing-direction Yoga key. */
+const LOGICAL_INLINE_TO_RN = {
+    'margin-inline-start': 'marginStart',
+    'margin-inline-end': 'marginEnd',
+    'padding-inline-start': 'paddingStart',
+    'padding-inline-end': 'paddingEnd',
+};
+/**
+ * Logical border-COLOR property → physical RN side key(s). Custom `@theme`
+ * tokens reach the unparsed path as `border-inline-color: var(--color-x)`,
+ * which a plain `kebabToCamel` would turn into `borderInlineColor` — a key RN
+ * silently drops, so the border color never paints. Lower to the physical
+ * keys RN actually honors, matching the typed `dispatchBorderDeclaration`.
+ */
+const LOGICAL_BORDER_COLOR_SIDES = {
+    'border-inline-color': ['borderLeftColor', 'borderRightColor'],
+    'border-block-color': ['borderTopColor', 'borderBottomColor'],
+    'border-inline-start-color': ['borderLeftColor'],
+    'border-inline-end-color': ['borderRightColor'],
+    'border-block-start-color': ['borderTopColor'],
+    'border-block-end-color': ['borderBottomColor'],
+};
 /**
  * Pick the closest predefined CSS easing keyword for a `cubic-bezier`
  * control-point set. Mirrors {@link snapCubicBezierToKeyword} in
@@ -73,6 +138,25 @@ function coerceCubicBezierString(value) {
     const [, x1, y1, x2, y2] = match;
     return snapBezier(Number(x1), Number(y1), Number(x2), Number(y2));
 }
+/**
+ * Whether `text` has a whitespace char OUTSIDE any parenthesised group —
+ * the signature of a multi-token CSS value (`2px solid #000`) rather than a
+ * single color (`#000`, `rgb(1 2 3)`, `red`).
+ * @param text Resolved value text.
+ * @returns True when a top-level space is present.
+ */
+function hasTopLevelSpace(text) {
+    let depth = 0;
+    for (const ch of text.trim()) {
+        if (ch === '(')
+            depth += 1;
+        else if (ch === ')')
+            depth = Math.max(0, depth - 1);
+        else if (depth === 0 && (ch === ' ' || ch === '\t' || ch === '\n'))
+            return true;
+    }
+    return false;
+}
 /**
  * Fast-path check for the handful of color property names Tailwind emits.
  * @param property Kebab-case CSS property name.
@@ -81,6 +165,11 @@ function coerceCubicBezierString(value) {
 function isColorProperty(property) {
     return (property === 'color' ||
         property === 'background-color' ||
+        // SVG paint props (`fill-<token>` / `stroke-<token>` via react-native-svg) —
+        // they don't end in `-color`, so without this they'd skip normalization and
+        // leak a raw `oklch(…)` string for custom `@theme` tokens.
+        property === 'fill' ||
+        property === 'stroke' ||
         (property.startsWith('border-') && property.endsWith('-color')) ||
         property.endsWith('-color'));
 }
@@ -97,6 +186,8 @@ function isColorProperty(property) {
 function unparsedToEntries(property, tokens, themeVars) {
     if (property.length === 0)
         return [];
+    if (RN_UNSUPPORTED_PROPERTIES.has(property))
+        return [];
     // Safe-area detection runs BEFORE token serialization because
     // `env()` serializes to an empty string, which would strip the side
     // info we need. If the tokens encode a recognised `env(safe-area-inset-*)`
@@ -113,12 +204,15 @@ function unparsedToEntries(property, tokens, themeVars) {
     const coerced = coerceUnparsedValue(text);
     if (coerced === null)
         return [];
-    // Skip values that didn't resolve past their `var()` wrapper — they
-    // came from a `@property --tw-*` token without a real fallback.
-    // Tailwind v4's `border-N` emits `border-style: var(--tw-border-style)`
-    // expecting the cascade to fill it in; in RN we drop them and rely on
-    // RN's default (solid).
-    if (typeof coerced === 'string' && coerced.startsWith('var('))
+    // Skip values still carrying an unresolved `var(--tw-*)` ANYWHERE in the
+    // string — they came from a `@property --tw-*` composable with no real
+    // fallback (e.g. `filter: blur(8px) var(--tw-brightness) …`,
+    // `transform: rotateX(45deg) var(--tw-rotate-y) …`, `touch-action`,
+    // `scroll-snap-type`). RN can't evaluate the cascade, so a leaked `var()`
+    // makes the whole declaration an invalid string RN rejects — drop it and
+    // rely on RN's default rather than emit garbage. `var(--color-*)` refs are
+    // already substituted above, so anything left is a genuine composable miss.
+    if (typeof coerced === 'string' && coerced.includes('var('))
         return [];
     // RN `fontFamily` is a single typeface, not a CSS fallback list — take
     // the first family so `--font-x: "Name", sans-serif` works out of the box.
@@ -137,9 +231,23 @@ function unparsedToEntries(property, tokens, themeVars) {
         return [[kebabToCamel(property), coerceCubicBezierString(coerced)]];
     }
     if (isColorProperty(property) && typeof coerced === 'string') {
-        // Resolved user-theme color strings (e.g. `#ff0099`) go straight to
-        // the RN style — no further conversion needed.
-        return [[kebabToCamel(property), coerced]];
+        // A color is a single token. Tailwind compiles an arbitrary shorthand like
+        // `border-[2px_solid_#000]` to `border-color: 2px solid #000` (invalid for
+        // a color property → unparsed), which would otherwise emit
+        // `borderColor: "2px solid #000000"` — a string RN rejects. A top-level
+        // space (outside parens — `rgb(1 2 3)` keeps its inner spaces) means it's a
+        // multi-token shorthand, not a color: drop it.
+        if (hasTopLevelSpace(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 = normalizeColorString(coerced) ?? coerced;
+        // Logical border-color utilities must lower to physical RN side keys —
+        // RN ignores `borderInlineColor` / `borderInlineStartColor`.
+        const sides = LOGICAL_BORDER_COLOR_SIDES[property];
+        if (sides)
+            return sides.map((key) => [key, color]);
+        return [[kebabToCamel(property), color]];
     }
     return [[kebabToCamel(property), coerced]];
 }
@@ -336,7 +444,8 @@ function declarationToRnEntries(decl, themeVars) {
             return [['flexBasis', v]];
         }
         default: {
-            return (dispatchLayoutDeclaration(decl) ??
+            return (dispatchLogicalInline(decl) ??
+                dispatchLayoutDeclaration(decl) ??
                 dispatchTypographyDeclaration(decl) ??
                 dispatchColorPropertyDeclaration(decl) ??
                 dispatchBorderDeclaration(decl) ??
@@ -345,6 +454,48 @@ function declarationToRnEntries(decl, themeVars) {
         }
     }
 }
+/**
+ * Map single-sided CSS logical-inline props to RN's writing-direction-aware
+ * Yoga keys: `ms-2` → `marginStart`, `pe-4` → `paddingEnd`, `start-2` →
+ * `start`, `end-3` → `end`. RN resolves start/end against the layout
+ * direction, so these stay RTL-correct. Returns null for any other property
+ * (so the dispatch chain continues).
+ * @param decl One declaration from a lightningcss style rule.
+ * @returns RN entries, or null when not a logical-inline property.
+ */
+function dispatchLogicalInline(decl) {
+    switch (decl.property) {
+        case 'margin-inline-start':
+        case 'margin-inline-end':
+        case 'padding-inline-start':
+        case 'padding-inline-end': {
+            const v = lengthPercentageOrAutoToValue(decl.value);
+            return v === null ? [] : [[LOGICAL_INLINE_TO_RN[decl.property], v]];
+        }
+        case 'inset-inline-start': {
+            const v = lengthPercentageOrAutoToValue(decl.value);
+            return v === null ? [] : [['start', v]];
+        }
+        case 'inset-inline-end': {
+            const v = lengthPercentageOrAutoToValue(decl.value);
+            return v === null ? [] : [['end', v]];
+        }
+        // Logical border-radius corners (`rounded-s/e/ss/se/ee/es-*`). RN has
+        // matching keys — `kebabToCamel('border-start-start-radius')` is exactly
+        // `borderStartStartRadius`. Value is a `[x, y]` tuple like physical corners.
+        case 'border-start-start-radius':
+        case 'border-start-end-radius':
+        case 'border-end-start-radius':
+        case 'border-end-end-radius': {
+            const [xAxis] = decl.value;
+            const v = dimensionPercentageToNumber(xAxis);
+            return v === null ? [] : [[kebabToCamel(decl.property), v]];
+        }
+        default: {
+            return null;
+        }
+    }
+}
 
 export { declarationToRnEntries };
 //# sourceMappingURL=declaration.mjs.map

package/lib/esm/core/parser/declaration.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"declaration.mjs","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 } 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 * 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 * 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    (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  // 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 that didn't resolve past their `var()` wrapper — they\n  // came from a `@property --tw-*` token without a real fallback.\n  // Tailwind v4's `border-N` emits `border-style: var(--tw-border-style)`\n  // expecting the cascade to fill it in; in RN we drop them and rely on\n  // RN's default (solid).\n  if (typeof coerced === 'string' && coerced.startsWith('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    // Resolved user-theme color strings (e.g. `#ff0099`) go straight to\n    // the RN style — no further conversion needed.\n    return [[kebabToCamel(property), coerced]]\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        dispatchLayoutDeclaration(decl) ??\n        dispatchTypographyDeclaration(decl) ??\n        dispatchColorPropertyDeclaration(decl) ??\n        dispatchBorderDeclaration(decl) ??\n        dispatchMotionDeclaration(decl) ??\n        []\n      )\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"declaration.mjs","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":[],"mappings":"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"}

package/lib/esm/core/parser/gradient.d.ts

@@ -53,7 +53,8 @@ export type GradientDirection = 'to-r' | 'to-l' | 'to-t' | 'to-b' | 'to-tr' | 't
  * return the atom's role + data. Returns `null` for rules that don't
  * belong to a gradient utility.
  * @param declarations Declarations from one lightningcss style rule.
+ * @param themeVars
  * @returns Gradient info, or null.
  */
-declare function detectGradientAtom(declarations: readonly LcDeclaration[]): GradientAtomInfo | null;
+declare function detectGradientAtom(declarations: readonly LcDeclaration[], themeVars?: ReadonlyMap<string, string>): GradientAtomInfo | null;
 export { detectGradientAtom };

package/lib/esm/core/parser/gradient.mjs

@@ -1,4 +1,6 @@
-import { cssColorToString } from './color.mjs';
+import { formatHex } from 'culori';
+import { cssColorToString, normalizeColorString } from './color.mjs';
+import { serializeTokens, substituteThemeVars } from './tokens.mjs';
 
 /**
  * Gradient-atom extractor.
@@ -28,9 +30,10 @@ import { cssColorToString } from './color.mjs';
  * return the atom's role + data. Returns `null` for rules that don't
  * belong to a gradient utility.
  * @param declarations Declarations from one lightningcss style rule.
+ * @param themeVars
  * @returns Gradient info, or null.
  */
-function detectGradientAtom(declarations) {
+function detectGradientAtom(declarations, themeVars) {
     for (const decl of declarations) {
         if (decl.property !== 'custom')
             continue;
@@ -39,26 +42,50 @@ function detectGradientAtom(declarations) {
         if (!name.startsWith('--tw-gradient-'))
             continue;
         if (name === '--tw-gradient-from')
-            return fromColor('from', custom.value);
+            return fromColor('from', custom.value, themeVars);
         if (name === '--tw-gradient-via')
-            return fromColor('via', custom.value);
+            return fromColor('via', custom.value, themeVars);
         if (name === '--tw-gradient-to')
-            return fromColor('to', custom.value);
+            return fromColor('to', custom.value, themeVars);
         if (name === '--tw-gradient-position')
             return fromDirection(custom.value);
     }
     return null;
 }
 /**
- * Extract a single color token from a custom-property value list and
- * return the `{role, color}` record. Returns `null` when no color token
- * is present (defensive — Tailwind always emits one, but future output
- * shapes may not).
+ * Lower a resolved gradient-stop color string to one RN's `LinearGradient`
+ * `colors=` array accepts. Hex/rgb/hsl pass through; modern spaces
+ * (`oklch(…)`, `lab(…)`, `color(p3 …)`) and named colors go through culori.
+ * @param text Resolved color text (post theme-var substitution).
+ * @returns sRGB color string, or null when unparseable.
+ */
+function resolveGradientColor(text) {
+    if (text.startsWith('#') || text.startsWith('rgb') || text.startsWith('hsl'))
+        return text;
+    const normalized = normalizeColorString(text);
+    if (normalized)
+        return normalized;
+    try {
+        const hex = formatHex(text);
+        return typeof hex === 'string' ? hex : null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Extract a stop color from a `--tw-gradient-*` value list. The default
+ * Tailwind palette is inlined to a typed `color` token; CUSTOM `@theme`
+ * tokens arrive as an unresolved `var(--color-x)` token list, so when no
+ * typed color is present we serialize, substitute `themeVars`, and lower
+ * the result to sRGB — without this, `from-<token>` / `via-<token>` /
+ * `to-<token>` dropped the stop entirely.
  * @param role Target role (`from` / `via` / `to`).
  * @param tokens Value tokens from the `--tw-gradient-*` declaration.
+ * @param themeVars Per-scheme var table for resolving `var(--color-x)`.
  * @returns Gradient info, or null.
  */
-function fromColor(role, tokens) {
+function fromColor(role, tokens, themeVars) {
     if (!tokens)
         return null;
     for (const token of tokens) {
@@ -69,7 +96,14 @@ function fromColor(role, tokens) {
             return null;
         return { role, color };
     }
-    return null;
+    // Custom @theme token: value is `var(--color-x)` — serialize + resolve.
+    let text = serializeTokens(tokens).trim();
+    if (themeVars && themeVars.size > 0)
+        text = substituteThemeVars(text, themeVars);
+    if (text.length === 0 || text.startsWith('var('))
+        return null;
+    const color = resolveGradientColor(text);
+    return color ? { role, color } : null;
 }
 /**
  * Interpret a `--tw-gradient-position` value list as a direction tag.

package/lib/esm/core/parser/gradient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"gradient.mjs","sources":["../../../../../src/core/parser/gradient.ts"],"sourcesContent":["/**\n * Gradient-atom extractor.\n *\n * Tailwind v4's gradient system is encoded as a set of CSS custom\n * properties Tailwind writes onto specific utility class rules:\n *\n *   .from-red-500       → `--tw-gradient-from: #ef4444`\n *   .via-green-500      → `--tw-gradient-via:  #22c55e`\n *   .to-blue-500        → `--tw-gradient-to:   #3b82f6`\n *   .bg-gradient-to-r   → `--tw-gradient-position: to right`\n *   .bg-linear-to-br    → `--tw-gradient-position: to bottom right`\n *\n * None of these set properties React Native can render (`backgroundImage:\n * linear-gradient(...)` is web-only). Instead, rnwind treats them as\n * **metadata**: the transformer strips gradient atoms from the JSX\n * site's className and emits `colors={[...]} start={...} end={...}`\n * props on the original component (user supplies `<LinearGradient>`\n * from `expo-linear-gradient` or similar).\n *\n * This module walks a lightningcss declaration list, notices the\n * `--tw-gradient-*` writes, and surfaces them as a compact\n * {@link GradientAtomInfo} record the transformer can read per atom.\n */\n\nimport type { Declaration as LcDeclaration, TokenOrValue } from 'lightningcss'\nimport { cssColorToString } from './color'\n\n/**\n * The four roles an atom can play in a Tailwind v4 gradient. `from`,\n * `via`, `to` carry a color. `direction` carries one of the 8 stock\n * points (or a bare angle when Tailwind v4's `bg-linear-[angle]`\n * syntax is used).\n */\nexport type GradientAtomInfo =\n  | { readonly role: 'from'; readonly color: string }\n  | { readonly role: 'via'; readonly color: string }\n  | { readonly role: 'to'; readonly color: string }\n  | { readonly role: 'direction'; readonly dir: GradientDirection }\n\n/**\n * Eight stock corner directions Tailwind v4 ships. The transformer\n * maps each to a `(start, end)` pair of unit-square points the\n * expo-linear-gradient API expects. Unknown directions are surfaced as\n * `'unknown'` so the transformer can skip them gracefully.\n */\nexport type GradientDirection =\n  | 'to-r'\n  | 'to-l'\n  | 'to-t'\n  | 'to-b'\n  | 'to-tr'\n  | 'to-tl'\n  | 'to-br'\n  | 'to-bl'\n  | 'unknown'\n\n/**\n * Inspect a rule's declaration list for `--tw-gradient-*` writes and\n * return the atom's role + data. Returns `null` for rules that don't\n * belong to a gradient utility.\n * @param declarations Declarations from one lightningcss style rule.\n * @returns Gradient info, or null.\n */\nfunction detectGradientAtom(declarations: readonly LcDeclaration[]): GradientAtomInfo | null {\n  for (const decl of declarations) {\n    if (decl.property !== 'custom') continue\n    const custom = decl.value as { name: { name: string } | string; value?: readonly TokenOrValue[] }\n    const name = typeof custom.name === 'string' ? custom.name : custom.name.name\n    if (!name.startsWith('--tw-gradient-')) continue\n    if (name === '--tw-gradient-from') return fromColor('from', custom.value)\n    if (name === '--tw-gradient-via') return fromColor('via', custom.value)\n    if (name === '--tw-gradient-to') return fromColor('to', custom.value)\n    if (name === '--tw-gradient-position') return fromDirection(custom.value)\n  }\n  return null\n}\n\n/**\n * Extract a single color token from a custom-property value list and\n * return the `{role, color}` record. Returns `null` when no color token\n * is present (defensive — Tailwind always emits one, but future output\n * shapes may not).\n * @param role Target role (`from` / `via` / `to`).\n * @param tokens Value tokens from the `--tw-gradient-*` declaration.\n * @returns Gradient info, or null.\n */\nfunction fromColor(role: 'from' | 'via' | 'to', tokens: readonly TokenOrValue[] | undefined): GradientAtomInfo | null {\n  if (!tokens) return null\n  for (const token of tokens) {\n    if (token.type !== 'color') continue\n    const color = cssColorToString(token.value as never)\n    if (!color) return null\n    return { role, color } as GradientAtomInfo\n  }\n  return null\n}\n\n/**\n * Interpret a `--tw-gradient-position` value list as a direction tag.\n * Tailwind emits plain idents (`to`, `right`, `bottom`, …) for the\n * 8 stock corners.\n * @param tokens Value tokens from `--tw-gradient-position`.\n * @returns Direction record, or null when unrecognised.\n */\nfunction fromDirection(tokens: readonly TokenOrValue[] | undefined): GradientAtomInfo | null {\n  if (!tokens) return null\n  const idents: string[] = []\n  for (const token of tokens) {\n    if (token.type !== 'token') continue\n    if (token.value.type === 'ident') idents.push(token.value.value as string)\n  }\n  const dir = directionFromIdents(idents)\n  if (!dir) return null\n  return { role: 'direction', dir }\n}\n\n/** Table of Tailwind-space direction idents → compact rnwind tag. */\nconst DIRECTION_TABLE: Record<string, GradientDirection> = {\n  right: 'to-r',\n  left: 'to-l',\n  top: 'to-t',\n  bottom: 'to-b',\n  'top-right': 'to-tr',\n  'top-left': 'to-tl',\n  'bottom-right': 'to-br',\n  'bottom-left': 'to-bl',\n}\n\n/**\n * Collapse the ident list Tailwind emits (`['to', 'right']`,\n * `['to', 'bottom', 'right']`, etc.) into the compact tag the\n * transformer hoists.\n * @param idents Ident tokens from the declaration value.\n * @returns One of the eight stock directions, `'unknown'`, or null.\n */\nfunction directionFromIdents(idents: readonly string[]): GradientDirection | null {\n  if (idents.length === 0) return null\n  if (idents[0] !== 'to') return 'unknown'\n  // Tailwind v4 appends `in <colourspace>` for colour interpolation\n  // (`to right in oklab`). Strip everything from the `in` keyword on\n  // — it's irrelevant for the point mapping.\n  const inIndex = idents.indexOf('in')\n  const rest = idents.slice(1, inIndex === -1 ? idents.length : inIndex)\n  if (rest.length === 0 || rest.length > 2) return 'unknown'\n  return DIRECTION_TABLE[rest.join('-')] ?? 'unknown'\n}\n\nexport { detectGradientAtom }\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gradient.mjs","sources":["../../../../../src/core/parser/gradient.ts"],"sourcesContent":["/**\n * Gradient-atom extractor.\n *\n * Tailwind v4's gradient system is encoded as a set of CSS custom\n * properties Tailwind writes onto specific utility class rules:\n *\n *   .from-red-500       → `--tw-gradient-from: #ef4444`\n *   .via-green-500      → `--tw-gradient-via:  #22c55e`\n *   .to-blue-500        → `--tw-gradient-to:   #3b82f6`\n *   .bg-gradient-to-r   → `--tw-gradient-position: to right`\n *   .bg-linear-to-br    → `--tw-gradient-position: to bottom right`\n *\n * None of these set properties React Native can render (`backgroundImage:\n * linear-gradient(...)` is web-only). Instead, rnwind treats them as\n * **metadata**: the transformer strips gradient atoms from the JSX\n * site's className and emits `colors={[...]} start={...} end={...}`\n * props on the original component (user supplies `<LinearGradient>`\n * from `expo-linear-gradient` or similar).\n *\n * This module walks a lightningcss declaration list, notices the\n * `--tw-gradient-*` writes, and surfaces them as a compact\n * {@link GradientAtomInfo} record the transformer can read per atom.\n */\n\nimport { formatHex as culoriFormatHex } from 'culori'\nimport type { Declaration as LcDeclaration, TokenOrValue } from 'lightningcss'\nimport { cssColorToString, normalizeColorString } from './color'\nimport { serializeTokens, substituteThemeVars } from './tokens'\n\n/**\n * The four roles an atom can play in a Tailwind v4 gradient. `from`,\n * `via`, `to` carry a color. `direction` carries one of the 8 stock\n * points (or a bare angle when Tailwind v4's `bg-linear-[angle]`\n * syntax is used).\n */\nexport type GradientAtomInfo =\n  | { readonly role: 'from'; readonly color: string }\n  | { readonly role: 'via'; readonly color: string }\n  | { readonly role: 'to'; readonly color: string }\n  | { readonly role: 'direction'; readonly dir: GradientDirection }\n\n/**\n * Eight stock corner directions Tailwind v4 ships. The transformer\n * maps each to a `(start, end)` pair of unit-square points the\n * expo-linear-gradient API expects. Unknown directions are surfaced as\n * `'unknown'` so the transformer can skip them gracefully.\n */\nexport type GradientDirection =\n  | 'to-r'\n  | 'to-l'\n  | 'to-t'\n  | 'to-b'\n  | 'to-tr'\n  | 'to-tl'\n  | 'to-br'\n  | 'to-bl'\n  | 'unknown'\n\n/**\n * Inspect a rule's declaration list for `--tw-gradient-*` writes and\n * return the atom's role + data. Returns `null` for rules that don't\n * belong to a gradient utility.\n * @param declarations Declarations from one lightningcss style rule.\n * @param themeVars\n * @returns Gradient info, or null.\n */\nfunction detectGradientAtom(\n  declarations: readonly LcDeclaration[],\n  themeVars?: ReadonlyMap<string, string>,\n): GradientAtomInfo | null {\n  for (const decl of declarations) {\n    if (decl.property !== 'custom') continue\n    const custom = decl.value as { name: { name: string } | string; value?: readonly TokenOrValue[] }\n    const name = typeof custom.name === 'string' ? custom.name : custom.name.name\n    if (!name.startsWith('--tw-gradient-')) continue\n    if (name === '--tw-gradient-from') return fromColor('from', custom.value, themeVars)\n    if (name === '--tw-gradient-via') return fromColor('via', custom.value, themeVars)\n    if (name === '--tw-gradient-to') return fromColor('to', custom.value, themeVars)\n    if (name === '--tw-gradient-position') return fromDirection(custom.value)\n  }\n  return null\n}\n\n/**\n * Lower a resolved gradient-stop color string to one RN's `LinearGradient`\n * `colors=` array accepts. Hex/rgb/hsl pass through; modern spaces\n * (`oklch(…)`, `lab(…)`, `color(p3 …)`) and named colors go through culori.\n * @param text Resolved color text (post theme-var substitution).\n * @returns sRGB color string, or null when unparseable.\n */\nfunction resolveGradientColor(text: string): string | null {\n  if (text.startsWith('#') || text.startsWith('rgb') || text.startsWith('hsl')) return text\n  const normalized = normalizeColorString(text)\n  if (normalized) return normalized\n  try {\n    const hex = culoriFormatHex(text)\n    return typeof hex === 'string' ? hex : null\n  } catch {\n    return null\n  }\n}\n\n/**\n * Extract a stop color from a `--tw-gradient-*` value list. The default\n * Tailwind palette is inlined to a typed `color` token; CUSTOM `@theme`\n * tokens arrive as an unresolved `var(--color-x)` token list, so when no\n * typed color is present we serialize, substitute `themeVars`, and lower\n * the result to sRGB — without this, `from-<token>` / `via-<token>` /\n * `to-<token>` dropped the stop entirely.\n * @param role Target role (`from` / `via` / `to`).\n * @param tokens Value tokens from the `--tw-gradient-*` declaration.\n * @param themeVars Per-scheme var table for resolving `var(--color-x)`.\n * @returns Gradient info, or null.\n */\nfunction fromColor(\n  role: 'from' | 'via' | 'to',\n  tokens: readonly TokenOrValue[] | undefined,\n  themeVars?: ReadonlyMap<string, string>,\n): GradientAtomInfo | null {\n  if (!tokens) return null\n  for (const token of tokens) {\n    if (token.type !== 'color') continue\n    const color = cssColorToString(token.value as never)\n    if (!color) return null\n    return { role, color } as GradientAtomInfo\n  }\n  // Custom @theme token: value is `var(--color-x)` — serialize + resolve.\n  let text = serializeTokens(tokens).trim()\n  if (themeVars && themeVars.size > 0) text = substituteThemeVars(text, themeVars)\n  if (text.length === 0 || text.startsWith('var(')) return null\n  const color = resolveGradientColor(text)\n  return color ? ({ role, color } as GradientAtomInfo) : null\n}\n\n/**\n * Interpret a `--tw-gradient-position` value list as a direction tag.\n * Tailwind emits plain idents (`to`, `right`, `bottom`, …) for the\n * 8 stock corners.\n * @param tokens Value tokens from `--tw-gradient-position`.\n * @returns Direction record, or null when unrecognised.\n */\nfunction fromDirection(tokens: readonly TokenOrValue[] | undefined): GradientAtomInfo | null {\n  if (!tokens) return null\n  const idents: string[] = []\n  for (const token of tokens) {\n    if (token.type !== 'token') continue\n    if (token.value.type === 'ident') idents.push(token.value.value as string)\n  }\n  const dir = directionFromIdents(idents)\n  if (!dir) return null\n  return { role: 'direction', dir }\n}\n\n/** Table of Tailwind-space direction idents → compact rnwind tag. */\nconst DIRECTION_TABLE: Record<string, GradientDirection> = {\n  right: 'to-r',\n  left: 'to-l',\n  top: 'to-t',\n  bottom: 'to-b',\n  'top-right': 'to-tr',\n  'top-left': 'to-tl',\n  'bottom-right': 'to-br',\n  'bottom-left': 'to-bl',\n}\n\n/**\n * Collapse the ident list Tailwind emits (`['to', 'right']`,\n * `['to', 'bottom', 'right']`, etc.) into the compact tag the\n * transformer hoists.\n * @param idents Ident tokens from the declaration value.\n * @returns One of the eight stock directions, `'unknown'`, or null.\n */\nfunction directionFromIdents(idents: readonly string[]): GradientDirection | null {\n  if (idents.length === 0) return null\n  if (idents[0] !== 'to') return 'unknown'\n  // Tailwind v4 appends `in <colourspace>` for colour interpolation\n  // (`to right in oklab`). Strip everything from the `in` keyword on\n  // — it's irrelevant for the point mapping.\n  const inIndex = idents.indexOf('in')\n  const rest = idents.slice(1, inIndex === -1 ? idents.length : inIndex)\n  if (rest.length === 0 || rest.length > 2) return 'unknown'\n  return DIRECTION_TABLE[rest.join('-')] ?? 'unknown'\n}\n\nexport { detectGradientAtom }\n"],"names":["culoriFormatHex"],"mappings":"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"}

package/lib/esm/core/parser/keyframes.d.ts

@@ -15,6 +15,17 @@ export declare function keyframesName(raw: KeyframesName): string | null;
  * @returns Step offset, or `null` when unrepresentable in RN.
  */
 export declare function keyframeSelectorOffset(selectors: readonly KeyframeSelector[]): string | null;
+/**
+ * Render EVERY representable offset in a frame's selector list. Tailwind
+ * collapses shared steps into one frame with multiple selectors — `animate-ping`
+ * emits `75%, 100% { … }`, `animate-bounce` emits `0%, 100% { … }`. Reading only
+ * the first selector (the old singular helper) dropped the terminal `100%`, so
+ * the looping animation never defined its end/return-to-start state. Returns all
+ * offsets the frame's style applies to; timeline-range selectors are skipped.
+ * @param selectors Step selectors for one frame.
+ * @returns Every representable offset (may be empty).
+ */
+export declare function keyframeSelectorOffsets(selectors: readonly KeyframeSelector[]): readonly string[];
 /**
  * Extract the referenced `@keyframes` name from a declaration whose
  * property is `animation-name` or a shorthand `animation` that names one.

package/lib/esm/core/parser/keyframes.mjs

@@ -35,17 +35,13 @@ function keyframesName(raw) {
     return raw.value;
 }
 /**
- * Render a keyframe step's selector list back to CSS-text (`'from'`,
- * `'to'`, or `'50%'`). Timeline-range keyframe selectors (CSS Scroll /
- * View Timelines) can't run in React Native — those steps are skipped.
- * @param selectors Step selectors.
- * @returns Step offset, or `null` when unrepresentable in RN.
+ * Render ONE keyframe selector to its CSS offset text, or `null` when it's a
+ * timeline-range selector RN can't run.
+ * @param selector A single keyframe selector.
+ * @returns Offset text (`'from'` / `'to'` / `'50%'`), or `null`.
  */
-function keyframeSelectorOffset(selectors) {
-    const [head] = selectors;
-    if (!head)
-        return null;
-    switch (head.type) {
+function offsetForSelector(selector) {
+    switch (selector.type) {
         case 'from': {
             return 'from';
         }
@@ -53,13 +49,32 @@ function keyframeSelectorOffset(selectors) {
             return 'to';
         }
         case 'percentage': {
-            return `${head.value * 100}%`;
+            return `${selector.value * 100}%`;
         }
         default: {
             return null;
         }
     }
 }
+/**
+ * Render EVERY representable offset in a frame's selector list. Tailwind
+ * collapses shared steps into one frame with multiple selectors — `animate-ping`
+ * emits `75%, 100% { … }`, `animate-bounce` emits `0%, 100% { … }`. Reading only
+ * the first selector (the old singular helper) dropped the terminal `100%`, so
+ * the looping animation never defined its end/return-to-start state. Returns all
+ * offsets the frame's style applies to; timeline-range selectors are skipped.
+ * @param selectors Step selectors for one frame.
+ * @returns Every representable offset (may be empty).
+ */
+function keyframeSelectorOffsets(selectors) {
+    const offsets = [];
+    for (const selector of selectors) {
+        const offset = offsetForSelector(selector);
+        if (offset !== null)
+            offsets.push(offset);
+    }
+    return offsets;
+}
 /**
  * Extract the referenced `@keyframes` name from a declaration whose
  * property is `animation-name` or a shorthand `animation` that names one.
@@ -87,5 +102,5 @@ function pickAnimationName(decl) {
     return null;
 }
 
-export { keyframeSelectorOffset, keyframesName, pickAnimationName };
+export { keyframeSelectorOffsets, keyframesName, pickAnimationName };
 //# sourceMappingURL=keyframes.mjs.map