rnwind 0.0.7 → 0.0.9

package/lib/cjs/core/parser/color.cjs

@@ -34,7 +34,9 @@ function byteToHex(byte) {
 function rgbIntsToString(r, g, b, alpha) {
     if (alpha >= 1)
         return `#${byteToHex(r)}${byteToHex(g)}${byteToHex(b)}`;
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    // Round the alpha to shed f32 noise (`0.2 → 0.20000000298…`) — RN parses
+    // either, but the rounded form keeps generated StyleSheets compact.
+    return `rgba(${r}, ${g}, ${b}, ${Math.round(alpha * 10_000) / 10_000})`;
 }
 /**
  * Format a float-RGB triple + alpha (CSS `color(srgb …)` forms) as
@@ -132,6 +134,35 @@ function xyzToHex(color) {
     const mode = color.type === 'xyz-d50' ? 'xyz50' : 'xyz65';
     return withAlpha(culori.formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null, color.alpha);
 }
+/**
+ * Modern CSS color functions RN's native view manager can't paint —
+ * everything else (hex, `rgb()`/`rgba()`, `hsl()`/`hsla()`, named colors,
+ * `transparent`, `currentColor`) RN reads directly and must pass through
+ * untouched. Custom `@theme` tokens reach the parser as `var(--color-x)`
+ * (only the default palette is `theme(inline)`-d), so they flow through the
+ * unparsed-string path where the typed {@link cssColorToString} never runs —
+ * this is the one place that lowers their wide-gamut values to sRGB.
+ */
+const RN_UNREADABLE_COLOR_PREFIXES = ['oklch(', 'oklab(', 'lab(', 'lch(', 'color(', 'hwb('];
+/**
+ * Lower a wide-gamut / modern CSS color STRING (`oklch(…)`, `lab(…)`,
+ * `color(display-p3 …)`, …) to an sRGB hex/rgba string RN can paint. Returns
+ * `null` for anything RN already understands (hex, rgb, hsl, named) so the
+ * caller keeps the original text — only the unrepresentable forms convert.
+ * Mirrors {@link cssColorToString}'s culori lowering for the string path.
+ * @param text Resolved CSS color text (post theme-var substitution).
+ * @returns sRGB color string, or `null` when no conversion is needed/possible.
+ */
+function normalizeColorString(text) {
+    const lower = text.trim().toLowerCase();
+    if (!RN_UNREADABLE_COLOR_PREFIXES.some((prefix) => lower.startsWith(prefix)))
+        return null;
+    const parsed = culori.rgb(text);
+    if (!parsed || ![parsed.r, parsed.g, parsed.b].every((v) => typeof v === 'number' && Number.isFinite(v)))
+        return null;
+    const alpha = typeof parsed.alpha === 'number' ? parsed.alpha : 1;
+    return rgbIntsToString(clampByte(parsed.r * 255), clampByte(parsed.g * 255), clampByte(parsed.b * 255), alpha);
+}
 /**
  * Convert a lightningcss `CssColor` to an RN-safe color string. RGB
  * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`
@@ -190,4 +221,5 @@ function cssColorToString(color) {
 }
 
 exports.cssColorToString = cssColorToString;
+exports.normalizeColorString = normalizeColorString;
 //# sourceMappingURL=color.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"color.cjs","sources":["../../../../../src/core/parser/color.ts"],"sourcesContent":["import type { CssColor, LABColor } from 'lightningcss'\nimport { formatHex, rgb as culoriRgb } from 'culori'\n\n/**\n * Clamp a 0-255 float to the integer byte range RN color strings accept.\n * @param value Unclamped float (may be negative or above 255).\n * @returns Integer in `[0, 255]`.\n */\nfunction clampByte(value: number): number {\n  if (value < 0) return 0\n  if (value > 255) return 255\n  return Math.round(value)\n}\n\n/**\n * Two-digit hex encoding of a 0-255 byte.\n * @param byte Byte value (may be out-of-range — clamped).\n * @returns Zero-padded two-char hex string.\n */\nfunction byteToHex(byte: number): string {\n  const hex = clampByte(byte).toString(16)\n  return hex.length === 1 ? `0${hex}` : hex\n}\n\n/**\n * Format an integer-RGB triple + alpha as `#rrggbb` or `rgba(r, g, b, a)`.\n * @param r 0-255 red.\n * @param g 0-255 green.\n * @param b 0-255 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction rgbIntsToString(r: number, g: number, b: number, alpha: number): string {\n  if (alpha >= 1) return `#${byteToHex(r)}${byteToHex(g)}${byteToHex(b)}`\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/**\n * Format a float-RGB triple + alpha (CSS `color(srgb …)` forms) as\n * hex/rgba.\n * @param r 0-1 red.\n * @param g 0-1 green.\n * @param b 0-1 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction floatRgbToString(r: number, g: number, b: number, alpha: number): string {\n  return rgbIntsToString(clampByte(r * 255), clampByte(g * 255), clampByte(b * 255), alpha)\n}\n\n/**\n * Dispatch a LAB-family color through culori's hex formatter.\n * @param color Typed LAB-family color.\n * @returns `#rrggbb` string, or `null` when culori couldn't convert.\n */\nfunction culoriHexFor(color: LABColor): string | null {\n  switch (color.type) {\n    case 'oklch': {\n      return formatHex({ mode: 'oklch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    case 'oklab': {\n      return formatHex({ mode: 'oklab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lab': {\n      return formatHex({ mode: 'lab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lch': {\n      return formatHex({ mode: 'lch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    default: {\n      return null\n    }\n  }\n}\n\n/**\n * Composite a culori-produced sRGB hex with the source alpha into the RN\n * color string. Shared tail for every culori-backed conversion (lab\n * family, XYZ, wide-gamut RGB): opaque → the hex as-is; translucent →\n * `rgba(...)` rebuilt from the hex channels.\n * @param hex sRGB hex from culori, or `null` when culori rejected the color.\n * @param alpha Source alpha (0–1).\n * @returns RN color string.\n */\nfunction withAlpha(hex: string | null, alpha: number): string {\n  if (!hex) return alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'\n  if (alpha >= 1) return hex\n  const back = culoriRgb(hex)\n  if (!back) return hex\n  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), alpha)\n}\n\n/**\n * Convert a LAB / LCH / OKLAB / OKLCH color to sRGB hex via culori. RN\n * can't evaluate these modern color spaces at paint time; compile-time\n * lowering to sRGB is the only portable path.\n * @param color Typed lab-family color.\n * @returns Hex or rgba string in sRGB.\n */\nfunction labFamilyToHex(color: LABColor): string {\n  return withAlpha(culoriHexFor(color), color.alpha)\n}\n\n/**\n * Convert a wide-gamut `color(<space> r g b)` triple to sRGB hex via\n * culori. The channels are NOT sRGB — each space (display-p3, rec2020,\n * a98-rgb, prophoto-rgb, srgb-linear) carries its own primaries / transfer\n * function, so a bare `channel * 255` would mis-paint. culori does the\n * gamut + gamma conversion to sRGB.\n * @param mode culori mode key for the source space.\n * @param r Source red (0–1).\n * @param g Source green (0–1).\n * @param b Source blue (0–1).\n * @param alpha Alpha channel (0–1).\n * @returns sRGB color string RN accepts.\n */\nfunction wideGamutToHex(mode: 'lrgb' | 'p3' | 'a98' | 'prophoto' | 'rec2020', r: number, g: number, b: number, alpha: number): string {\n  return withAlpha(formatHex({ mode, r, g, b }) ?? null, alpha)\n}\n\n/**\n * Convert a CSS `color(xyz-d50 …)` / `color(xyz-d65 …)` value to sRGB hex\n * via culori.\n * @param color Typed XYZ color (discriminated by `type`).\n * @param color.type Whether the color is in the D50 or D65 XYZ space.\n * @param color.x CIE X component (0–1).\n * @param color.y CIE Y component (0–1).\n * @param color.z CIE Z component (0–1).\n * @param color.alpha Alpha channel (0–1).\n * @returns `#rrggbb` string, or `'transparent'` when culori rejects it.\n */\nfunction xyzToHex(color: { type: 'xyz-d50' | 'xyz-d65'; x: number; y: number; z: number; alpha: number }): string {\n  const mode = color.type === 'xyz-d50' ? 'xyz50' : 'xyz65'\n  return withAlpha(formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null, color.alpha)\n}\n\n/**\n * Convert a lightningcss `CssColor` to an RN-safe color string. RGB\n * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`\n * forms go through culori to reach sRGB — RN's native view manager only\n * understands sRGB-family strings. SystemColor keywords (`'background'`,\n * `'canvas'`, …) pass through untouched; they have no RN analog and the\n * runtime ignores unknown color strings gracefully.\n * @param color Typed color value.\n * @returns Color string RN accepts.\n */\nexport function cssColorToString(color: CssColor): string {\n  if (typeof color === 'string') return color\n  switch (color.type) {\n    case 'rgb': {\n      return rgbIntsToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'lab':\n    case 'lch':\n    case 'oklab':\n    case 'oklch': {\n      return labFamilyToHex(color)\n    }\n    case 'srgb': {\n      return floatRgbToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'srgb-linear': {\n      return wideGamutToHex('lrgb', color.r, color.g, color.b, color.alpha)\n    }\n    case 'display-p3': {\n      return wideGamutToHex('p3', color.r, color.g, color.b, color.alpha)\n    }\n    case 'a98-rgb': {\n      return wideGamutToHex('a98', color.r, color.g, color.b, color.alpha)\n    }\n    case 'prophoto-rgb': {\n      return wideGamutToHex('prophoto', color.r, color.g, color.b, color.alpha)\n    }\n    case 'rec2020': {\n      return wideGamutToHex('rec2020', color.r, color.g, color.b, color.alpha)\n    }\n    case 'xyz-d50':\n    case 'xyz-d65': {\n      return xyzToHex(color)\n    }\n    case 'currentcolor': {\n      return 'currentColor'\n    }\n    case 'light-dark': {\n      return cssColorToString(color.light)\n    }\n    default: {\n      return 'transparent'\n    }\n  }\n}\n"],"names":["formatHex","culoriRgb"],"mappings":"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"}
+{"version":3,"file":"color.cjs","sources":["../../../../../src/core/parser/color.ts"],"sourcesContent":["import type { CssColor, LABColor } from 'lightningcss'\nimport { formatHex, rgb as culoriRgb } from 'culori'\n\n/**\n * Clamp a 0-255 float to the integer byte range RN color strings accept.\n * @param value Unclamped float (may be negative or above 255).\n * @returns Integer in `[0, 255]`.\n */\nfunction clampByte(value: number): number {\n  if (value < 0) return 0\n  if (value > 255) return 255\n  return Math.round(value)\n}\n\n/**\n * Two-digit hex encoding of a 0-255 byte.\n * @param byte Byte value (may be out-of-range — clamped).\n * @returns Zero-padded two-char hex string.\n */\nfunction byteToHex(byte: number): string {\n  const hex = clampByte(byte).toString(16)\n  return hex.length === 1 ? `0${hex}` : hex\n}\n\n/**\n * Format an integer-RGB triple + alpha as `#rrggbb` or `rgba(r, g, b, a)`.\n * @param r 0-255 red.\n * @param g 0-255 green.\n * @param b 0-255 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction rgbIntsToString(r: number, g: number, b: number, alpha: number): string {\n  if (alpha >= 1) return `#${byteToHex(r)}${byteToHex(g)}${byteToHex(b)}`\n  // Round the alpha to shed f32 noise (`0.2 → 0.20000000298…`) — RN parses\n  // either, but the rounded form keeps generated StyleSheets compact.\n  return `rgba(${r}, ${g}, ${b}, ${Math.round(alpha * 10_000) / 10_000})`\n}\n\n/**\n * Format a float-RGB triple + alpha (CSS `color(srgb …)` forms) as\n * hex/rgba.\n * @param r 0-1 red.\n * @param g 0-1 green.\n * @param b 0-1 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction floatRgbToString(r: number, g: number, b: number, alpha: number): string {\n  return rgbIntsToString(clampByte(r * 255), clampByte(g * 255), clampByte(b * 255), alpha)\n}\n\n/**\n * Dispatch a LAB-family color through culori's hex formatter.\n * @param color Typed LAB-family color.\n * @returns `#rrggbb` string, or `null` when culori couldn't convert.\n */\nfunction culoriHexFor(color: LABColor): string | null {\n  switch (color.type) {\n    case 'oklch': {\n      return formatHex({ mode: 'oklch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    case 'oklab': {\n      return formatHex({ mode: 'oklab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lab': {\n      return formatHex({ mode: 'lab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lch': {\n      return formatHex({ mode: 'lch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    default: {\n      return null\n    }\n  }\n}\n\n/**\n * Composite a culori-produced sRGB hex with the source alpha into the RN\n * color string. Shared tail for every culori-backed conversion (lab\n * family, XYZ, wide-gamut RGB): opaque → the hex as-is; translucent →\n * `rgba(...)` rebuilt from the hex channels.\n * @param hex sRGB hex from culori, or `null` when culori rejected the color.\n * @param alpha Source alpha (0–1).\n * @returns RN color string.\n */\nfunction withAlpha(hex: string | null, alpha: number): string {\n  if (!hex) return alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'\n  if (alpha >= 1) return hex\n  const back = culoriRgb(hex)\n  if (!back) return hex\n  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), alpha)\n}\n\n/**\n * Convert a LAB / LCH / OKLAB / OKLCH color to sRGB hex via culori. RN\n * can't evaluate these modern color spaces at paint time; compile-time\n * lowering to sRGB is the only portable path.\n * @param color Typed lab-family color.\n * @returns Hex or rgba string in sRGB.\n */\nfunction labFamilyToHex(color: LABColor): string {\n  return withAlpha(culoriHexFor(color), color.alpha)\n}\n\n/**\n * Convert a wide-gamut `color(<space> r g b)` triple to sRGB hex via\n * culori. The channels are NOT sRGB — each space (display-p3, rec2020,\n * a98-rgb, prophoto-rgb, srgb-linear) carries its own primaries / transfer\n * function, so a bare `channel * 255` would mis-paint. culori does the\n * gamut + gamma conversion to sRGB.\n * @param mode culori mode key for the source space.\n * @param r Source red (0–1).\n * @param g Source green (0–1).\n * @param b Source blue (0–1).\n * @param alpha Alpha channel (0–1).\n * @returns sRGB color string RN accepts.\n */\nfunction wideGamutToHex(mode: 'lrgb' | 'p3' | 'a98' | 'prophoto' | 'rec2020', r: number, g: number, b: number, alpha: number): string {\n  return withAlpha(formatHex({ mode, r, g, b }) ?? null, alpha)\n}\n\n/**\n * Convert a CSS `color(xyz-d50 …)` / `color(xyz-d65 …)` value to sRGB hex\n * via culori.\n * @param color Typed XYZ color (discriminated by `type`).\n * @param color.type Whether the color is in the D50 or D65 XYZ space.\n * @param color.x CIE X component (0–1).\n * @param color.y CIE Y component (0–1).\n * @param color.z CIE Z component (0–1).\n * @param color.alpha Alpha channel (0–1).\n * @returns `#rrggbb` string, or `'transparent'` when culori rejects it.\n */\nfunction xyzToHex(color: { type: 'xyz-d50' | 'xyz-d65'; x: number; y: number; z: number; alpha: number }): string {\n  const mode = color.type === 'xyz-d50' ? 'xyz50' : 'xyz65'\n  return withAlpha(formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null, color.alpha)\n}\n\n/**\n * Modern CSS color functions RN's native view manager can't paint —\n * everything else (hex, `rgb()`/`rgba()`, `hsl()`/`hsla()`, named colors,\n * `transparent`, `currentColor`) RN reads directly and must pass through\n * untouched. Custom `@theme` tokens reach the parser as `var(--color-x)`\n * (only the default palette is `theme(inline)`-d), so they flow through the\n * unparsed-string path where the typed {@link cssColorToString} never runs —\n * this is the one place that lowers their wide-gamut values to sRGB.\n */\nconst RN_UNREADABLE_COLOR_PREFIXES: readonly string[] = ['oklch(', 'oklab(', 'lab(', 'lch(', 'color(', 'hwb(']\n\n/**\n * Lower a wide-gamut / modern CSS color STRING (`oklch(…)`, `lab(…)`,\n * `color(display-p3 …)`, …) to an sRGB hex/rgba string RN can paint. Returns\n * `null` for anything RN already understands (hex, rgb, hsl, named) so the\n * caller keeps the original text — only the unrepresentable forms convert.\n * Mirrors {@link cssColorToString}'s culori lowering for the string path.\n * @param text Resolved CSS color text (post theme-var substitution).\n * @returns sRGB color string, or `null` when no conversion is needed/possible.\n */\nexport function normalizeColorString(text: string): string | null {\n  const lower = text.trim().toLowerCase()\n  if (!RN_UNREADABLE_COLOR_PREFIXES.some((prefix) => lower.startsWith(prefix))) return null\n  const parsed = culoriRgb(text)\n  if (!parsed || ![parsed.r, parsed.g, parsed.b].every((v) => typeof v === 'number' && Number.isFinite(v))) return null\n  const alpha = typeof parsed.alpha === 'number' ? parsed.alpha : 1\n  return rgbIntsToString(clampByte(parsed.r * 255), clampByte(parsed.g * 255), clampByte(parsed.b * 255), alpha)\n}\n\n/**\n * Convert a lightningcss `CssColor` to an RN-safe color string. RGB\n * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`\n * forms go through culori to reach sRGB — RN's native view manager only\n * understands sRGB-family strings. SystemColor keywords (`'background'`,\n * `'canvas'`, …) pass through untouched; they have no RN analog and the\n * runtime ignores unknown color strings gracefully.\n * @param color Typed color value.\n * @returns Color string RN accepts.\n */\nexport function cssColorToString(color: CssColor): string {\n  if (typeof color === 'string') return color\n  switch (color.type) {\n    case 'rgb': {\n      return rgbIntsToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'lab':\n    case 'lch':\n    case 'oklab':\n    case 'oklch': {\n      return labFamilyToHex(color)\n    }\n    case 'srgb': {\n      return floatRgbToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'srgb-linear': {\n      return wideGamutToHex('lrgb', color.r, color.g, color.b, color.alpha)\n    }\n    case 'display-p3': {\n      return wideGamutToHex('p3', color.r, color.g, color.b, color.alpha)\n    }\n    case 'a98-rgb': {\n      return wideGamutToHex('a98', color.r, color.g, color.b, color.alpha)\n    }\n    case 'prophoto-rgb': {\n      return wideGamutToHex('prophoto', color.r, color.g, color.b, color.alpha)\n    }\n    case 'rec2020': {\n      return wideGamutToHex('rec2020', color.r, color.g, color.b, color.alpha)\n    }\n    case 'xyz-d50':\n    case 'xyz-d65': {\n      return xyzToHex(color)\n    }\n    case 'currentcolor': {\n      return 'currentColor'\n    }\n    case 'light-dark': {\n      return cssColorToString(color.light)\n    }\n    default: {\n      return 'transparent'\n    }\n  }\n}\n"],"names":["formatHex","culoriRgb"],"mappings":";;;;AAGA;;;;AAIG;AACH,SAAS,SAAS,CAAC,KAAa,EAAA;IAC9B,IAAI,KAAK,GAAG,CAAC;AAAE,QAAA,OAAO,CAAC;IACvB,IAAI,KAAK,GAAG,GAAG;AAAE,QAAA,OAAO,GAAG;AAC3B,IAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAC1B;AAEA;;;;AAIG;AACH,SAAS,SAAS,CAAC,IAAY,EAAA;IAC7B,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC;AACxC,IAAA,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,GAAG,GAAG;AAC3C;AAEA;;;;;;;AAOG;AACH,SAAS,eAAe,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,KAAa,EAAA;IACrE,IAAI,KAAK,IAAI,CAAC;AAAE,QAAA,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE;;;AAGvE,IAAA,OAAO,QAAQ,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG;AACzE;AAEA;;;;;;;;AAQG;AACH,SAAS,gBAAgB,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,KAAa,EAAA;IACtE,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC;AAC3F;AAEA;;;;AAIG;AACH,SAAS,YAAY,CAAC,KAAe,EAAA;AACnC,IAAA,QAAQ,KAAK,CAAC,IAAI;QAChB,KAAK,OAAO,EAAE;AACZ,YAAA,OAAOA,gBAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI;QACjF;QACA,KAAK,OAAO,EAAE;AACZ,YAAA,OAAOA,gBAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI;QACjF;QACA,KAAK,KAAK,EAAE;AACV,YAAA,OAAOA,gBAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI;QAC/E;QACA,KAAK,KAAK,EAAE;AACV,YAAA,OAAOA,gBAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI;QAC/E;QACA,SAAS;AACP,YAAA,OAAO,IAAI;QACb;;AAEJ;AAEA;;;;;;;;AAQG;AACH,SAAS,SAAS,CAAC,GAAkB,EAAE,KAAa,EAAA;AAClD,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,KAAK,GAAG,CAAC,GAAG,kBAAkB,GAAG,aAAa;IAC/D,IAAI,KAAK,IAAI,CAAC;AAAE,QAAA,OAAO,GAAG;AAC1B,IAAA,MAAM,IAAI,GAAGC,UAAS,CAAC,GAAG,CAAC;AAC3B,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,GAAG;AACrB,IAAA,OAAO,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC;AAC1G;AAEA;;;;;;AAMG;AACH,SAAS,cAAc,CAAC,KAAe,EAAA;IACrC,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;AACpD;AAEA;;;;;;;;;;;;AAYG;AACH,SAAS,cAAc,CAAC,IAAoD,EAAE,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,KAAa,EAAA;AAC1H,IAAA,OAAO,SAAS,CAACD,gBAAS,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,KAAK,CAAC;AAC/D;AAEA;;;;;;;;;;AAUG;AACH,SAAS,QAAQ,CAAC,KAAsF,EAAA;AACtG,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO;AACzD,IAAA,OAAO,SAAS,CAACA,gBAAS,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;AAChG;AAEA;;;;;;;;AAQG;AACH,MAAM,4BAA4B,GAAsB,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC;AAE9G;;;;;;;;AAQG;AACG,SAAU,oBAAoB,CAAC,IAAY,EAAA;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;AACvC,IAAA,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AAAE,QAAA,OAAO,IAAI;AACzF,IAAA,MAAM,MAAM,GAAGC,UAAS,CAAC,IAAI,CAAC;AAC9B,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAAE,QAAA,OAAO,IAAI;AACrH,IAAA,MAAM,KAAK,GAAG,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC;AACjE,IAAA,OAAO,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC;AAChH;AAEA;;;;;;;;;AASG;AACG,SAAU,gBAAgB,CAAC,KAAe,EAAA;IAC9C,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,KAAK;AAC3C,IAAA,QAAQ,KAAK,CAAC,IAAI;QAChB,KAAK,KAAK,EAAE;AACV,YAAA,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;QAChE;AACA,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,KAAK;AACV,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;AACZ,YAAA,OAAO,cAAc,CAAC,KAAK,CAAC;QAC9B;QACA,KAAK,MAAM,EAAE;AACX,YAAA,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;QACjE;QACA,KAAK,aAAa,EAAE;YAClB,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;QACvE;QACA,KAAK,YAAY,EAAE;YACjB,OAAO,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;QACrE;QACA,KAAK,SAAS,EAAE;YACd,OAAO,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;QACtE;QACA,KAAK,cAAc,EAAE;YACnB,OAAO,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;QAC3E;QACA,KAAK,SAAS,EAAE;YACd,OAAO,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;QAC1E;AACA,QAAA,KAAK,SAAS;QACd,KAAK,SAAS,EAAE;AACd,YAAA,OAAO,QAAQ,CAAC,KAAK,CAAC;QACxB;QACA,KAAK,cAAc,EAAE;AACnB,YAAA,OAAO,cAAc;QACvB;QACA,KAAK,YAAY,EAAE;AACjB,YAAA,OAAO,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;QACtC;QACA,SAAS;AACP,YAAA,OAAO,aAAa;QACtB;;AAEJ;;;;;"}

package/lib/cjs/core/parser/color.d.ts

@@ -1,4 +1,14 @@
 import type { CssColor } from 'lightningcss';
+/**
+ * Lower a wide-gamut / modern CSS color STRING (`oklch(…)`, `lab(…)`,
+ * `color(display-p3 …)`, …) to an sRGB hex/rgba string RN can paint. Returns
+ * `null` for anything RN already understands (hex, rgb, hsl, named) so the
+ * caller keeps the original text — only the unrepresentable forms convert.
+ * Mirrors {@link cssColorToString}'s culori lowering for the string path.
+ * @param text Resolved CSS color text (post theme-var substitution).
+ * @returns sRGB color string, or `null` when no conversion is needed/possible.
+ */
+export declare function normalizeColorString(text: string): string | null;
 /**
  * Convert a lightningcss `CssColor` to an RN-safe color string. RGB
  * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`

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

@@ -26,6 +26,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
@@ -75,6 +140,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.
@@ -83,6 +167,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'));
 }
@@ -99,6 +188,8 @@ function isColorProperty(property) {
 function unparsedToEntries(property, tokens$1, 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-*)`
@@ -115,12 +206,15 @@ function unparsedToEntries(property, tokens$1, themeVars) {
     const coerced = tokens.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.
@@ -139,9 +233,23 @@ function unparsedToEntries(property, tokens$1, themeVars) {
         return [[caseConvert.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 [[caseConvert.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$1 = 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$1]);
+        return [[caseConvert.kebabToCamel(property), color$1]];
     }
     return [[caseConvert.kebabToCamel(property), coerced]];
 }
@@ -338,7 +446,8 @@ function declarationToRnEntries(decl, themeVars) {
             return [['flexBasis', v]];
         }
         default: {
-            return (layoutDispatcher.dispatchLayoutDeclaration(decl) ??
+            return (dispatchLogicalInline(decl) ??
+                layoutDispatcher.dispatchLayoutDeclaration(decl) ??
                 typographyDispatcher.dispatchTypographyDeclaration(decl) ??
                 colorPropertiesDispatcher.dispatchColorPropertyDeclaration(decl) ??
                 borderDispatcher.dispatchBorderDeclaration(decl) ??
@@ -347,6 +456,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 = length.lengthPercentageOrAutoToValue(decl.value);
+            return v === null ? [] : [[LOGICAL_INLINE_TO_RN[decl.property], v]];
+        }
+        case 'inset-inline-start': {
+            const v = length.lengthPercentageOrAutoToValue(decl.value);
+            return v === null ? [] : [['start', v]];
+        }
+        case 'inset-inline-end': {
+            const v = length.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 = length.dimensionPercentageToNumber(xAxis);
+            return v === null ? [] : [[caseConvert.kebabToCamel(decl.property), v]];
+        }
+        default: {
+            return null;
+        }
+    }
+}
 
 exports.declarationToRnEntries = declarationToRnEntries;
 //# sourceMappingURL=declaration.cjs.map

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 } 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":["tokens","detectSafeAreaMarker","kebabToCamel","serializeTokens","substituteThemeVars","coerceUnparsedValue","coerceFontFamily","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, 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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"}

package/lib/cjs/core/parser/gradient.cjs

@@ -1,6 +1,8 @@
 'use strict';
 
+var culori = require('culori');
 var color = require('./color.cjs');
+var tokens = require('./tokens.cjs');
 
 /**
  * Gradient-atom extractor.
@@ -30,9 +32,10 @@ var color = require('./color.cjs');
  * 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;
@@ -41,29 +44,53 @@ 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 = color.normalizeColorString(text);
+    if (normalized)
+        return normalized;
+    try {
+        const hex = culori.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) {
-    if (!tokens)
+function fromColor(role, tokens$1, themeVars) {
+    if (!tokens$1)
         return null;
-    for (const token of tokens) {
+    for (const token of tokens$1) {
         if (token.type !== 'color')
             continue;
         const color$1 = color.cssColorToString(token.value);
@@ -71,7 +98,14 @@ function fromColor(role, tokens) {
             return null;
         return { role, color: color$1 };
     }
-    return null;
+    // Custom @theme token: value is `var(--color-x)` — serialize + resolve.
+    let text = tokens.serializeTokens(tokens$1).trim();
+    if (themeVars && themeVars.size > 0)
+        text = tokens.substituteThemeVars(text, themeVars);
+    if (text.length === 0 || text.startsWith('var('))
+        return null;
+    const color$1 = resolveGradientColor(text);
+    return color$1 ? { role, color: color$1 } : null;
 }
 /**
  * Interpret a `--tw-gradient-position` value list as a direction tag.