react-native-css 0.0.0-nightly.da5ce0f → 0.0.0-nightly.eda2b28

package/dist/module/compiler/compiler.js

@@ -3,9 +3,9 @@
 /* eslint-disable */
 import { inspect } from "node:util";
 import { debug } from "debug";
-import { maybeMutateReactNativeOptions, parsePropAtRule } from "./atRules.js";
+import { maybeMutateReactNativeOptions, parsePropAtRule, parsePropDeclarations } from "./atRules.js";
 import { parseContainerCondition } from "./container-query.js";
-import { parseDeclaration, round } from "./declarations.js";
+import { parseAngle, parseColor, parseDeclaration, parseLength, reduceParseUnparsed, round } from "./declarations.js";
 import { inlineVariables } from "./inline-variables.js";
 import { extractKeyFrames } from "./keyframes.js";
 import { lightningcssLoader } from "./lightningcss-loader.js";
@@ -54,15 +54,38 @@ export function compile(code, options = {}) {
    */
 
   const vars = new Map();
-  const firstPassVisitor = {};
-  if (options.inlineRem !== false) {
+
+  // Determine the effective rem multiplier for compile-time inlining.
+  // If inlineRem is explicitly set, use that. Otherwise, scan for
+  // :root { font-size: Npx } in the CSS to allow CSS-based configuration.
+  let effectiveRem = options.inlineRem ?? undefined;
+  if (effectiveRem === undefined) {
+    const css = typeof code === "string" ? code : code.toString();
+    const match = css.match(/:root\s*\{[^}]*font-size:\s*([\d.]+)px/);
+    effectiveRem = match?.[1] ? parseFloat(match[1]) : 14;
+    options.inlineRem = effectiveRem;
+  }
+  const firstPassVisitor = {
+    Rule(rule) {
+      if (rule.type === "unknown" && ["cssInterop", "react-native"].includes(rule.value.name)) {
+        throw new Error(`Unsupported @${rule.value.name} configuration. Use the compiler inlineVariables.exclude option to preserve variables, @media (prefers-color-scheme: dark) for dark mode, and React Native Appearance.setColorScheme() for manual selection.`);
+      }
+      // Reject before variable inlining can erase an unsupported condition and
+      // accidentally turn its values into unconditional declarations.
+      if (rule.type === "style" && rule.value.selectors.some(selector => selector.some(part => part.type === "pseudo-class" && part.kind === "root") && selector.some(part => part.type === "class" || part.type === "attribute" && part.name === "class"))) {
+        throw new Error("Class-qualified :root selectors are unsupported on native. Use @media (prefers-color-scheme: dark) for dark mode, and React Native Appearance.setColorScheme() for manual selection.");
+      }
+    }
+  };
+  if (effectiveRem !== false) {
+    const remMultiplier = effectiveRem;
     firstPassVisitor.Length = length => {
-      if (length.unit !== "rem" || options.inlineRem === false) {
+      if (length.unit !== "rem") {
         return length;
       }
       return {
         unit: "px",
-        value: round(length.value * (options.inlineRem ?? 14))
+        value: round(length.value * remMultiplier)
       };
     };
   }
@@ -204,7 +227,9 @@ function extractRule(rule, builder, mapping = {}) {
         const declarationBlock = value.declarations;
         mapping = {
           ...mapping,
-          ...parsePropAtRule(value.rules)
+          ...parsePropAtRule(value.rules),
+          ...parsePropDeclarations(declarationBlock?.declarations),
+          ...parsePropDeclarations(declarationBlock?.importantDeclarations)
         };
 
         // If the rule is a style declaration, extract it with the `getExtractedStyle` function and store it in the `declarations` map
@@ -246,13 +271,15 @@ function extractRule(rule, builder, mapping = {}) {
         }
       }
       break;
+    case "property":
+      extractPropertyRule(rule.value, builder);
+      break;
     case "custom":
     case "font-face":
     case "font-palette-values":
     case "font-feature-values":
     case "namespace":
     case "layer-statement":
-    case "property":
     case "view-transition":
     case "ignored":
     case "unknown":
@@ -280,33 +307,16 @@ function extractRule(rule, builder, mapping = {}) {
  * @returns undefined if no screen media queries are found in the mediaRule, else it returns the extracted styles.
  */
 function extractMedia(mediaRule, builder, mapping) {
-  builder = builder.fork("media");
-
-  // Initialize an empty array to store screen media queries
-  const media = [];
-
-  // Iterate over all media queries in the mediaRule
+  // Comma separated queries are alternatives. Each branch inherits the outer
+  // conditions without adding its siblings as required conjunctions.
   for (const mediaQuery of mediaRule.query.mediaQueries) {
-    if (
-    // If this is only a media query
-    mediaQuery.mediaType === "print" && mediaQuery.qualifier !== "not" ||
-    // If this is a @media not print {}
-    // We can only do this if there are no conditions, as @media not print and (min-width: 100px) could be valid
-    mediaQuery.mediaType !== "print" && mediaQuery.qualifier === "not" && mediaQuery.condition === null) {
+    const queryBuilder = builder.fork("media");
+    if (!parseMediaQuery(mediaQuery, queryBuilder)) {
       continue;
     }
-    media.push(mediaQuery);
-  }
-  if (media.length === 0) {
-    return;
-  }
-  for (const m of media) {
-    parseMediaQuery(m, builder);
-  }
-
-  // Iterate over all rules in the mediaRule and extract their styles using the updated CompilerCollection
-  for (const rule of mediaRule.rules) {
-    extractRule(rule, builder, mapping);
+    for (const rule of mediaRule.rules) {
+      extractRule(rule, queryBuilder, mapping);
+    }
   }
 }
 
@@ -319,8 +329,13 @@ function extractContainer(containerRule, builder, mapping) {
   builder = builder.fork("container");
 
   // Iterate over all rules inside the containerRule and extract their styles using the updated CompilerCollection
+  const condition = parseContainerCondition(containerRule.condition, builder);
+  if (!condition) {
+    // An unsupported condition must not turn into an unconditional container.
+    return;
+  }
   const query = {
-    m: parseContainerCondition(containerRule.condition, builder)
+    m: condition
   };
   if (containerRule.name) {
     query.n = `c:${containerRule.name}`;
@@ -330,4 +345,50 @@ function extractContainer(containerRule, builder, mapping) {
     extractRule(rule, builder, mapping);
   }
 }
+function extractPropertyRule(propertyRule, builder) {
+  const {
+    initialValue,
+    name
+  } = propertyRule;
+  if (initialValue == null) {
+    return;
+  }
+  const varName = name.startsWith("--") ? name.slice(2) : name;
+  const value = parsePropertyInitialValue(initialValue, builder);
+  if (value !== undefined) {
+    builder.addRootVariable(varName, value);
+  }
+}
+function parsePropertyInitialValue(component, builder) {
+  switch (component.type) {
+    case "length":
+      return parseLength(component.value, builder);
+    case "number":
+    case "integer":
+      return round(component.value);
+    case "percentage":
+      return `${round(component.value * 100)}%`;
+    case "color":
+      return parseColor(component.value, builder);
+    case "angle":
+      return parseAngle(component.value, builder);
+    case "length-percentage":
+      return parseLength(component.value, builder);
+    case "token-list":
+      return reduceParseUnparsed(component.value, builder, "@property", false);
+    case "custom-ident":
+    case "literal":
+      return component.value;
+    case "repeated":
+      {
+        const results = component.value.components.map(c => parsePropertyInitialValue(c, builder)).filter(v => v !== undefined);
+        // Unwrap single-child repeated values so downstream consumers get a
+        // scalar instead of a 1-element array. For example, `<length>+` with
+        // initial-value `10px` should produce the same shape as `<length>`.
+        return results.length === 1 ? results[0] : results;
+      }
+    default:
+      return undefined;
+  }
+}
 //# sourceMappingURL=compiler.js.map

package/dist/module/compiler/compiler.js.map

@@ -1 +1 @@
-{"version":3,"names":["inspect","debug","maybeMutateReactNativeOptions","parsePropAtRule","parseContainerCondition","parseDeclaration","round","inlineVariables","extractKeyFrames","lightningcssLoader","parseMediaQuery","StylesheetBuilder","supportsConditionValid","defaultLogger","compile","code","options","logger","isLoggerEnabled","enabled","Boolean","features","Object","assign","selectorPrefix","startsWith","slice","JSON","stringify","process","env","NODE_ENV","toString","builder","lightningcss","Features","vars","Map","firstPassVisitor","inlineRem","Length","length","unit","value","exclusionList","exclude","Declaration","decl","property","name","includes","entry","get","count","type","set","StyleSheetExit","sheet","firstPass","TextEncoder","encode","include","DoublePositionGradients","ColorFunction","VendorPrefixes","visitor","filename","projectRoot","cwd","MAX_LOG_SIZE","subarray","customAtRules","body","Rule","rule","rules","depth","colors","compact","extractRule","stylesheet","getNativeStyleSheet","warnings","getWarnings","mapping","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","applyRuleToSelectors","importantDeclarations","important","fork","selectors","newRule","nestedRule","layerRule","condition","mediaRule","media","mediaQuery","query","mediaQueries","mediaType","qualifier","push","m","containerRule","n","addContainerQuery"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["inspect","debug","maybeMutateReactNativeOptions","parsePropAtRule","parsePropDeclarations","parseContainerCondition","parseAngle","parseColor","parseDeclaration","parseLength","reduceParseUnparsed","round","inlineVariables","extractKeyFrames","lightningcssLoader","parseMediaQuery","StylesheetBuilder","supportsConditionValid","defaultLogger","compile","code","options","logger","isLoggerEnabled","enabled","Boolean","features","Object","assign","selectorPrefix","startsWith","slice","JSON","stringify","process","env","NODE_ENV","toString","builder","lightningcss","Features","vars","Map","effectiveRem","inlineRem","undefined","css","match","parseFloat","firstPassVisitor","Rule","rule","type","includes","value","name","Error","selectors","some","selector","part","kind","remMultiplier","Length","length","unit","exclusionList","exclude","Declaration","decl","property","entry","get","count","set","StyleSheetExit","sheet","firstPass","TextEncoder","encode","include","DoublePositionGradients","ColorFunction","VendorPrefixes","visitor","filename","projectRoot","cwd","MAX_LOG_SIZE","subarray","customAtRules","body","rules","depth","colors","compact","extractRule","stylesheet","getNativeStyleSheet","warnings","getWarnings","mapping","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","applyRuleToSelectors","importantDeclarations","important","fork","newRule","nestedRule","layerRule","condition","extractPropertyRule","mediaRule","mediaQuery","query","mediaQueries","queryBuilder","containerRule","m","n","addContainerQuery","propertyRule","initialValue","varName","parsePropertyInitialValue","addRootVariable","component","results","components","map","c","filter","v"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/compiler/container-query.js

@@ -20,7 +20,12 @@ function parseContainerQueryCondition(condition, builder) {
       const query = parseContainerCondition(condition.value, builder);
       return query ? ["!", query] : undefined;
     case "operation":
-      const conditions = condition.conditions.map(c => parseContainerQueryCondition(c, builder)).filter(v => !!v);
+      const parsed = condition.conditions.map(c => parseContainerCondition(c, builder));
+      if (condition.operator === "and" && parsed.some(c => !c)) {
+        // Dropping a conjunct would broaden the query to unrelated containers.
+        return;
+      }
+      const conditions = parsed.filter(c => !!c);
       if (conditions.length === 0) {
         return;
       }

package/dist/module/compiler/container-query.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseMediaFeatureOperator","parseMediaFeatureValue","parseContainerCondition","condition","builder","containerQuery","parseContainerQueryCondition","some","v","undefined","type","parseFeature","value","query","conditions","map","c","filter","length","operator","feature","name","start","startOperator","end","endOperator"],"sourceRoot":"../../../src","sources":["compiler/container-query.ts"],"mappings":";;AAAA;;AAOA,SACEA,yBAAyB,EACzBC,sBAAsB,QACjB,kBAAe;AAGtB,OAAO,SAASC,uBAAuBA,CACrCC,SAAgC,EAChCC,OAA0B,EAC1B;EACA,IAAIC,cAAc,GAAGC,4BAA4B,CAACH,SAAS,EAAEC,OAAO,CAAC;;EAErE;EACA,IAAI,CAACC,cAAc,IAAIA,cAAc,CAACE,IAAI,CAAEC,CAAC,IAAKA,CAAC,KAAKC,SAAS,CAAC,EAAE;IAClE;EACF;EAEA,OAAOJ,cAAc;AACvB;AAEA,SAASC,4BAA4BA,CACnCH,SAAgC,EAChCC,OAA0B,EACE;EAC5B,QAAQD,SAAS,CAACO,IAAI;IACpB,KAAK,SAAS;MACZ,OAAOC,YAAY,CAACR,SAAS,CAACS,KAAK,EAAER,OAAO,CAAC;IAC/C,KAAK,KAAK;MACR,MAAMS,KAAK,GAAGX,uBAAuB,CAACC,SAAS,CAACS,KAAK,EAAER,OAAO,CAAC;MAC/D,OAAOS,KAAK,GAAG,CAAC,GAAG,EAAEA,KAAK,CAAC,GAAGJ,SAAS;IACzC,KAAK,WAAW;MACd,MAAMK,UAAU,GAAGX,SAAS,CAACW,UAAU,CACpCC,GAAG,CAAEC,CAAC,IAAKV,4BAA4B,CAACU,CAAC,EAAEZ,OAAO,CAAC,CAAC,CACpDa,MAAM,CAAET,CAAC,IAA0B,CAAC,CAACA,CAAC,CAAC;MAE1C,IAAIM,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;QAC3B;MACF;MAEA,QAAQf,SAAS,CAACgB,QAAQ;QACxB,KAAK,KAAK;UACR,OAAO,CAAC,GAAG,EAAEL,UAAU,CAAC;QAC1B,KAAK,IAAI;UACP,OAAO,CAAC,GAAG,EAAEA,UAAU,CAAC;QAC1B;UACEX,SAAS,CAACgB,QAAQ;UAClB;MACJ;IACF,KAAK,OAAO;MACV;MACA;IACF;MACEhB,SAAS;MACT;EACJ;AACF;AAEA,SAASQ,YAAYA,CACnBS,OAA+C,EAC/ChB,OAA0B,EACE;EAC5B,QAAQgB,OAAO,CAACV,IAAI;IAClB,KAAK,SAAS;MACZ,OAAO,CAAC,IAAI,EAAEU,OAAO,CAACC,IAAI,CAAC;IAC7B,KAAK,OAAO;MACV,OAAO,CACL,GAAG,EACHD,OAAO,CAACC,IAAI,EACZpB,sBAAsB,CAACmB,OAAO,CAACR,KAAK,EAAER,OAAO,CAAC,CAC/C;IACH,KAAK,OAAO;MACV,OAAO,CACLJ,yBAAyB,CAACoB,OAAO,CAACD,QAAQ,CAAC,EAC3CC,OAAO,CAACC,IAAI,EACZpB,sBAAsB,CAACmB,OAAO,CAACR,KAAK,EAAER,OAAO,CAAC,CAC/C;IACH,KAAK,UAAU;MACb,OAAO,CACL,IAAI,EACJgB,OAAO,CAACC,IAAI,EACZpB,sBAAsB,CAACmB,OAAO,CAACE,KAAK,EAAElB,OAAO,CAAC,EAC9CJ,yBAAyB,CAACoB,OAAO,CAACG,aAAa,CAAC,EAChDtB,sBAAsB,CAACmB,OAAO,CAACI,GAAG,EAAEpB,OAAO,CAAC,EAC5CJ,yBAAyB,CAACoB,OAAO,CAACK,WAAW,CAAC,CAC/C;IACH;MACEL,OAAO;MACP;EACJ;AACF","ignoreList":[]}
+{"version":3,"names":["parseMediaFeatureOperator","parseMediaFeatureValue","parseContainerCondition","condition","builder","containerQuery","parseContainerQueryCondition","some","v","undefined","type","parseFeature","value","query","parsed","conditions","map","c","operator","filter","length","feature","name","start","startOperator","end","endOperator"],"sourceRoot":"../../../src","sources":["compiler/container-query.ts"],"mappings":";;AAAA;;AAOA,SACEA,yBAAyB,EACzBC,sBAAsB,QACjB,kBAAe;AAGtB,OAAO,SAASC,uBAAuBA,CACrCC,SAAgC,EAChCC,OAA0B,EAC1B;EACA,IAAIC,cAAc,GAAGC,4BAA4B,CAACH,SAAS,EAAEC,OAAO,CAAC;;EAErE;EACA,IAAI,CAACC,cAAc,IAAIA,cAAc,CAACE,IAAI,CAAEC,CAAC,IAAKA,CAAC,KAAKC,SAAS,CAAC,EAAE;IAClE;EACF;EAEA,OAAOJ,cAAc;AACvB;AAEA,SAASC,4BAA4BA,CACnCH,SAAgC,EAChCC,OAA0B,EACE;EAC5B,QAAQD,SAAS,CAACO,IAAI;IACpB,KAAK,SAAS;MACZ,OAAOC,YAAY,CAACR,SAAS,CAACS,KAAK,EAAER,OAAO,CAAC;IAC/C,KAAK,KAAK;MACR,MAAMS,KAAK,GAAGX,uBAAuB,CAACC,SAAS,CAACS,KAAK,EAAER,OAAO,CAAC;MAC/D,OAAOS,KAAK,GAAG,CAAC,GAAG,EAAEA,KAAK,CAAC,GAAGJ,SAAS;IACzC,KAAK,WAAW;MACd,MAAMK,MAAM,GAAGX,SAAS,CAACY,UAAU,CAACC,GAAG,CAAEC,CAAC,IACxCf,uBAAuB,CAACe,CAAC,EAAEb,OAAO,CACpC,CAAC;MACD,IAAID,SAAS,CAACe,QAAQ,KAAK,KAAK,IAAIJ,MAAM,CAACP,IAAI,CAAEU,CAAC,IAAK,CAACA,CAAC,CAAC,EAAE;QAC1D;QACA;MACF;MACA,MAAMF,UAAU,GAAGD,MAAM,CAACK,MAAM,CAAEF,CAAC,IAA0B,CAAC,CAACA,CAAC,CAAC;MAEjE,IAAIF,UAAU,CAACK,MAAM,KAAK,CAAC,EAAE;QAC3B;MACF;MAEA,QAAQjB,SAAS,CAACe,QAAQ;QACxB,KAAK,KAAK;UACR,OAAO,CAAC,GAAG,EAAEH,UAAU,CAAC;QAC1B,KAAK,IAAI;UACP,OAAO,CAAC,GAAG,EAAEA,UAAU,CAAC;QAC1B;UACEZ,SAAS,CAACe,QAAQ;UAClB;MACJ;IACF,KAAK,OAAO;MACV;MACA;IACF;MACEf,SAAS;MACT;EACJ;AACF;AAEA,SAASQ,YAAYA,CACnBU,OAA+C,EAC/CjB,OAA0B,EACE;EAC5B,QAAQiB,OAAO,CAACX,IAAI;IAClB,KAAK,SAAS;MACZ,OAAO,CAAC,IAAI,EAAEW,OAAO,CAACC,IAAI,CAAC;IAC7B,KAAK,OAAO;MACV,OAAO,CACL,GAAG,EACHD,OAAO,CAACC,IAAI,EACZrB,sBAAsB,CAACoB,OAAO,CAACT,KAAK,EAAER,OAAO,CAAC,CAC/C;IACH,KAAK,OAAO;MACV,OAAO,CACLJ,yBAAyB,CAACqB,OAAO,CAACH,QAAQ,CAAC,EAC3CG,OAAO,CAACC,IAAI,EACZrB,sBAAsB,CAACoB,OAAO,CAACT,KAAK,EAAER,OAAO,CAAC,CAC/C;IACH,KAAK,UAAU;MACb,OAAO,CACL,IAAI,EACJiB,OAAO,CAACC,IAAI,EACZrB,sBAAsB,CAACoB,OAAO,CAACE,KAAK,EAAEnB,OAAO,CAAC,EAC9CJ,yBAAyB,CAACqB,OAAO,CAACG,aAAa,CAAC,EAChDvB,sBAAsB,CAACoB,OAAO,CAACI,GAAG,EAAErB,OAAO,CAAC,EAC5CJ,yBAAyB,CAACqB,OAAO,CAACK,WAAW,CAAC,CAC/C;IACH;MACEL,OAAO;MACP;EACJ;AACF","ignoreList":[]}

package/dist/module/compiler/declarations.js

@@ -4,13 +4,28 @@
 
 import Color from "colorjs.io";
 import { isStyleFunction } from "../utilities/index.js";
+import { isMappingProperty } from "./atRules.js";
 import { parseEasingFunction, parseIterationCount } from "./keyframes.js";
 import { toRNProperty } from "./selectors.js";
 const CommaSeparator = Symbol("CommaSeparator");
 const propertyRename = {
-  "background-image": "experimental_backgroundImage"
+  "background-image": "experimental_backgroundImage",
+  // React Native has no border-inline-* props, but ships the equivalent
+  // RTL-aware border-start-* / border-end-* props
+  "border-inline-end-color": "border-end-color",
+  "border-inline-end-width": "border-end-width",
+  "border-inline-start-color": "border-start-color",
+  "border-inline-start-width": "border-start-width",
+  "border-block-start-width": "border-top-width",
+  "border-block-end-width": "border-bottom-width",
+  "font-variant-caps": "font-variant"
 };
-const unparsedRuntimeParsing = new Set(["animation", "border", "box-shadow", "line-height", "rotate", "scale", "text-shadow", "transform", "translate"]);
+
+// React Native only supports a uniform borderStyle, so per-side border
+// styles have no native equivalent and are dropped. "solid" is dropped
+// silently as it matches React Native's default rendering.
+const unsupportedLogicalStyles = new Set(["border-inline-style", "border-inline-start-style", "border-inline-end-style", "border-block-style", "border-block-start-style", "border-block-end-style"]);
+const unparsedRuntimeParsing = new Set(["animation", "animation-name", "border", "border-block-width", "border-inline-width", "box-shadow", "filter", "line-height", "rotate", "scale", "text-shadow", "transform", "translate"]);
 const parsers = {
   "align-content": parseAlignContent,
   "align-items": parseAlignItems,
@@ -34,10 +49,11 @@ const parsers = {
   "border-block-color": parseBorderColor,
   "border-block-end": parseBorderBlockEnd,
   "border-block-end-color": parseColorDeclaration,
+  "border-block-end-style": parseBorderInlineStyle,
   "border-block-end-width": parseBorderSideWidthDeclaration,
   "border-block-start": parseBorderBlockStart,
   "border-block-start-color": parseColorDeclaration,
-  "border-block-start-style": parseBorderStyleDeclaration,
+  "border-block-start-style": parseBorderInlineStyle,
   "border-block-start-width": parseBorderSideWidthDeclaration,
   "border-block-style": parseBorderBlockStyle,
   "border-block-width": parseBorderBlockWidth,
@@ -240,8 +256,8 @@ function parseInsetInline({
   value
 }, builder) {
   builder.addShorthand("inset-inline", {
-    "inset-block-start": parseLengthPercentageOrAuto(value.inlineStart, builder),
-    "inset-block-end": parseLengthPercentageOrAuto(value.inlineEnd, builder)
+    "inset-inline-start": parseLengthPercentageOrAuto(value.inlineStart, builder),
+    "inset-inline-end": parseLengthPercentageOrAuto(value.inlineEnd, builder)
   });
 }
 function parseInset({
@@ -275,14 +291,14 @@ function parseBorderColor(declaration, builder) {
   } else {
     const start = parseColor(declaration.value.start, builder);
     const end = parseColor(declaration.value.end, builder);
-    if (start === end) {
+    if (declaration.property === "border-inline-color") {
+      builder.addDescriptor("border-start-color", start);
+      builder.addDescriptor("border-end-color", end);
+    } else if (start === end) {
       builder.addDescriptor(declaration.property, start);
-    } else if (declaration.property === "border-block-color") {
+    } else {
       builder.addDescriptor("border-top-color", start);
       builder.addDescriptor("border-bottom-color", end);
-    } else {
-      builder.addDescriptor("border-left-color", start);
-      builder.addDescriptor("border-right-color", end);
     }
   }
 }
@@ -316,53 +332,65 @@ function parseBorderBlock({
   value
 }, builder) {
   builder.addDescriptor("border-block-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-block-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-block-style", parseBorderStyle(value.style, builder));
+  const width = parseBorderSideWidth(value.width, builder);
+  builder.addDescriptor("border-top-width", width);
+  builder.addDescriptor("border-bottom-width", width);
+  dropUnsupportedInlineStyle(parseBorderStyle(value.style, builder), builder, "border-block-style");
 }
 function parseBorderBlockStart({
   value
 }, builder) {
   builder.addDescriptor("border-block-start-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-block-start-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-top-width", parseBorderSideWidth(value.width, builder));
+  dropUnsupportedInlineStyle(parseBorderStyle(value.style, builder), builder, "border-block-start-style");
 }
 function parseBorderBlockEnd({
   value
 }, builder) {
   builder.addDescriptor("border-block-end-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-block-end-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-bottom-width", parseBorderSideWidth(value.width, builder));
+  dropUnsupportedInlineStyle(parseBorderStyle(value.style, builder), builder, "border-block-end-style");
 }
 function parseBorderInline({
   value
 }, builder) {
-  builder.addDescriptor("border-inline-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-inline-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-inline-style", parseBorderStyle(value.style, builder));
+  const color = parseColor(value.color, builder);
+  const width = parseBorderSideWidth(value.width, builder);
+  builder.addDescriptor("border-start-color", color);
+  builder.addDescriptor("border-end-color", color);
+  builder.addDescriptor("border-start-width", width);
+  builder.addDescriptor("border-end-width", width);
+  dropUnsupportedInlineStyle(parseBorderStyle(value.style, builder), builder, "border-inline-style");
 }
 function parseBorderInlineStart({
   value
 }, builder) {
-  builder.addDescriptor("border-inline-start-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-inline-start-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-inline-start-style", parseBorderStyle(value.style, builder));
+  builder.addDescriptor("border-start-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-start-width", parseBorderSideWidth(value.width, builder));
+  dropUnsupportedInlineStyle(parseBorderStyle(value.style, builder), builder, "border-inline-start-style");
 }
 function parseBorderInlineEnd({
   value
 }, builder) {
-  builder.addDescriptor("border-inline-end-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-inline-end-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-inline-end-style", parseBorderStyle(value.style, builder));
+  builder.addDescriptor("border-end-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-end-width", parseBorderSideWidth(value.width, builder));
+  dropUnsupportedInlineStyle(parseBorderStyle(value.style, builder), builder, "border-inline-end-style");
 }
 export function parseBorderInlineWidth(declaration, builder) {
-  builder.addDescriptor("border-inline-width", parseBorderSideWidth(declaration.value.start, builder));
+  builder.addDescriptor("border-start-width", parseBorderSideWidth(declaration.value.start, builder));
+  builder.addDescriptor("border-end-width", parseBorderSideWidth(declaration.value.end, builder));
 }
 export function parseBorderInlineStyle(declaration, builder) {
   if (typeof declaration.value === "string") {
-    builder.addDescriptor(declaration.property, parseBorderStyle(declaration.value, builder));
-  } else if (declaration.value.start === declaration.value.end) {
-    builder.addDescriptor(declaration.property, parseBorderStyle(declaration.value.start, builder));
+    dropUnsupportedInlineStyle(parseBorderStyle(declaration.value, builder), builder, declaration.property);
   } else {
-    builder.addDescriptor("border-inline-start-style", parseBorderStyle(declaration.value.start, builder));
-    builder.addDescriptor("border-inline-end-style", parseBorderStyle(declaration.value.end, builder));
+    dropUnsupportedInlineStyle(parseBorderStyle(declaration.value.start, builder), builder, "border-inline-start-style");
+    dropUnsupportedInlineStyle(parseBorderStyle(declaration.value.end, builder), builder, "border-inline-end-style");
+  }
+}
+function dropUnsupportedInlineStyle(style, builder, property) {
+  if (style !== undefined && style !== "solid") {
+    builder.addWarning("style", property, style);
   }
 }
 function parseFlexFlow({
@@ -528,7 +556,7 @@ function parseScale({
 }
 export function parseScaleValue(translate, prop, builder) {
   if (translate === "none") {
-    return 0;
+    return 1;
   }
   return parseLength(translate[prop], builder);
 }
@@ -578,6 +606,10 @@ export function parseUnparsedDeclaration(declaration, builder) {
     builder.addWarning("property", property);
     return;
   }
+  if (unsupportedLogicalStyles.has(property)) {
+    builder.addWarning("property", property);
+    return;
+  }
   builder.setWarningProperty(property);
 
   /**
@@ -614,7 +646,10 @@ export function parseUnparsedDeclaration(declaration, builder) {
 }
 export function parseCustomDeclaration(declaration, builder) {
   const property = declaration.value.name;
-  if (property === "-webkit-line-clamp") {
+  if (isMappingProperty(property)) {
+    // Consumed before declarations so property order cannot affect mapping.
+    return;
+  } else if (property === "-webkit-line-clamp") {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
   } else if (property === "-rn-ripple-style") {
     if (parseUnparsed(declaration.value.value, builder, property) === "borderless") {
@@ -635,6 +670,11 @@ export function parseCustomDeclaration(declaration, builder) {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
   } else if (property === "corner-shape") {
     parseCornerShape(declaration.value, builder);
+  } else if (property === "font-variant") {
+    const parsedFontVariant = parseFontVariantCaps(parseUnparsed(declaration.value.value, builder, property), builder);
+    if (parsedFontVariant !== undefined) {
+      builder.addDescriptor(property, parsedFontVariant);
+    }
   } else if (validProperties.has(property) || property.startsWith("--") || property.startsWith("-rn-")) {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
   } else {
@@ -1087,7 +1127,19 @@ export function parseFontColorDeclaration(declaration, builder) {
   }
 }
 export function parseColorDeclaration(declaration, builder) {
-  builder.addDescriptor(declaration.property, parseColor(declaration.value, builder));
+  builder.addDescriptor(propertyRename[declaration.property] ?? declaration.property, parseColor(declaration.value, builder));
+}
+
+/**
+ * Lab/LCH/OKLab/OKLCH channels can be `NaN` when lightningcss resolves a
+ * degenerate `color-mix()` at compile time (e.g. mixing black with
+ * `transparent` in oklab yields `NaN` for the a/b chromaticity channels).
+ * Passing `NaN` to colorjs.io produces an invalid string such as
+ * `#NaNNaNNaN80`, which React Native silently discards. Per CSS Color 4 a
+ * missing component is treated as `0`, so coerce `NaN` to `0`.
+ */
+function nanToZero(value) {
+  return Number.isNaN(value) ? 0 : value;
 }
 export function parseColor(cssColor, builder) {
   if (typeof cssColor === "string") {
@@ -1140,28 +1192,28 @@ export function parseColor(cssColor, builder) {
     case "lab":
       color = new Color({
         space: cssColor.type,
-        coords: [cssColor.l, cssColor.a, cssColor.b],
+        coords: [nanToZero(cssColor.l), nanToZero(cssColor.a), nanToZero(cssColor.b)],
         alpha: cssColor.alpha
       });
       break;
     case "lch":
       color = new Color({
         space: cssColor.type,
-        coords: [cssColor.l, cssColor.c, cssColor.h],
+        coords: [nanToZero(cssColor.l), nanToZero(cssColor.c), nanToZero(cssColor.h)],
         alpha: cssColor.alpha
       });
       break;
     case "oklab":
       color = new Color({
         space: cssColor.type,
-        coords: [cssColor.l, cssColor.a, cssColor.b],
+        coords: [nanToZero(cssColor.l), nanToZero(cssColor.a), nanToZero(cssColor.b)],
         alpha: cssColor.alpha
       });
       break;
     case "oklch":
       color = new Color({
         space: cssColor.type,
-        coords: [cssColor.l, cssColor.c, cssColor.h],
+        coords: [nanToZero(cssColor.l), nanToZero(cssColor.c), nanToZero(cssColor.h)],
         alpha: cssColor.alpha
       });
       break;
@@ -1470,25 +1522,17 @@ export function parseBorderStyle(value, builder) {
 export function parseBorderBlockWidth(declaration, builder) {
   const start = parseBorderSideWidth(declaration.value.start, builder);
   const end = parseBorderSideWidth(declaration.value.end, builder);
-  if (start === end) {
-    builder.addDescriptor("border-block-width", start);
-  } else {
-    builder.addDescriptor("border-block-start-width", start);
-    builder.addDescriptor("border-block-end-width", end);
-  }
+  builder.addDescriptor("border-top-width", start);
+  builder.addDescriptor("border-bottom-width", end);
 }
 function parseBorderBlockStyle(declaration, builder) {
   const start = parseBorderStyle(declaration.value.start, builder);
   const end = parseBorderStyle(declaration.value.end, builder);
-  if (start == end) {
-    builder.addDescriptor("border-block-style", start);
-  } else {
-    builder.addDescriptor("border-block-start-style", start);
-    builder.addDescriptor("border-block-end-style", end);
-  }
+  dropUnsupportedInlineStyle(start, builder, "border-block-start-style");
+  dropUnsupportedInlineStyle(end, builder, "border-block-end-style");
 }
 export function parseBorderSideWidthDeclaration(declaration, builder) {
-  builder.addDescriptor(declaration.property, parseBorderSideWidth(declaration.value, builder));
+  builder.addDescriptor(propertyRename[declaration.property] ?? declaration.property, parseBorderSideWidth(declaration.value, builder));
 }
 export function parseBorderSideWidth(value, builder) {
   if (value.type === "length") {
@@ -1517,14 +1561,14 @@ function parseFontFamily({
   return value[0];
 }
 export function parseLineHeightDeclaration(declaration, builder) {
-  builder.addDescriptor("line-height", [{}, "lineHeight", [parseLineHeight(declaration.value, builder)], 1]);
+  builder.addDescriptor("line-height", parseLineHeight(declaration.value, builder));
 }
 export function parseLineHeight(value, builder) {
   switch (value.type) {
     case "normal":
       return undefined;
     case "number":
-      return [{}, "em", [value.value], 1];
+      return [{}, "em", value.value, 1];
     case "length":
       {
         const length = value.value;
@@ -1837,7 +1881,8 @@ export function parseCalcFn(name, tokens, builder, property) {
   return;
 }
 export function parseColorMix(tokens, builder, property) {
-  const [inToken, whitespace, colorSpace, comma, ...rest] = tokens;
+  const [inToken, whitespace, colorSpace, comma, ...remaining] = tokens;
+  const rest = remaining.filter(token => token.type !== "token" || !["white-space", "comment"].includes(token.value.type));
   if (typeof inToken !== "object" || inToken.type !== "token" || inToken.value.type !== "ident" || inToken.value.value !== "in") {
     return;
   }
@@ -1867,10 +1912,6 @@ export function parseColorMix(tokens, builder, property) {
   }
   nextToken = rest.shift();
   const rightColorArg = parseUnparsed(nextToken, builder, property);
-  if (rightColorArg === "transparent") {
-    // Ignore the rest, treat as single color with alpha
-    return [{}, "colorMix", [colorSpaceArg, leftColorArg, leftColorPercentage]];
-  }
   nextToken = rest.shift();
   let rightColorPercentage;
   if (nextToken?.type !== "token" || nextToken.value.type !== "comma") {
@@ -2138,7 +2179,7 @@ export function kebabCase(str) {
   return str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
 }
 function parseBackgroundImage(declaration, builder) {
-  builder.addDescriptor("experimental_backgroundImage", declaration.value.flatMap(image => {
+  builder.addDescriptor("experimental_backgroundImage", [{}, "join", [declaration.value.flatMap(image => {
     switch (image.type) {
       case "gradient":
         {
@@ -2149,7 +2190,7 @@ function parseBackgroundImage(declaration, builder) {
         return ["none"];
     }
     return [];
-  }));
+  }), ", "]]);
   return;
 }
 function parseGradient(gradient, builder) {
@@ -2185,10 +2226,10 @@ function parseGradientItem(item, builder) {
         if (item.position) {
           args.push(parseLength(item.position, builder));
         }
-        return [{}, "@colorStop", args, 1];
+        return [{}, "colorStop", args, 1];
       }
     case "hint":
-      return parseLength(item.value, builder);
+      return [{}, "gradientPosition", parseLength(item.value, builder), 1];
   }
 }
 function parseObjectFit(declaration, builder) {
@@ -2247,7 +2288,7 @@ function parseFilter(declaration, builder) {
         };
       case "hue-rotate":
         return {
-          [value.type]: parseAngle(value.value, builder)
+          [toRNProperty(value.type)]: parseAngle(value.value, builder)
         };
       case "drop-shadow":
         return [{}, toRNProperty(value.type), [parseLength(value.value.xOffset, builder), parseLength(value.value.yOffset, builder), parseLength(value.value.blur, builder), parseColor(value.value.color, builder)]];