react-native-css 3.0.0 → 3.0.2

package/dist/commonjs/native/react/useNativeCss.js

@@ -121,35 +121,41 @@ function mappingToConfig(mapping) {
         target: value.split(".")
       };
     } else if (typeof value === "object") {
+      const nativeStyleMapping = value.nativeStyleMapping;
       if (Array.isArray(value)) {
         return {
           source: key,
-          target: value
+          target: value,
+          nativeStyleMapping
         };
       }
       if ("target" in value) {
         if (value.target === false) {
           return {
             source: key,
-            target: false
+            target: false,
+            nativeStyleMapping
           };
         } else if (typeof value.target === "string") {
           const target = value.target.split(".");
           if (target.length === 1) {
             return {
               source: key,
-              target: target[0]
+              target: target[0],
+              nativeStyleMapping
             };
           } else {
             return {
               source: key,
-              target
+              target,
+              nativeStyleMapping
             };
           }
         } else if (Array.isArray(value.target)) {
           return {
             source: key,
-            target: value.target
+            target: value.target,
+            nativeStyleMapping
           };
         }
       }

package/dist/commonjs/native/react/useNativeCss.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_nativeInternal","_guards","_reactivity","_reanimated","_index","_rules","useNativeCss","type","originalProps","configs","source","target","inheritedVariables","useContext","VariableContext","inheritedContainers","ContainerContext","state","setState","useState","observers","Set","ruleEffect","run","updateRules","styleEffect","ruleEffectGetter","observable","get","pressable","View","undefined","useEffect","cleanupEffect","testGuards","createElement","Fragment","props","getStyledProps","onPress","Pressable","animated","animatedComponentFamily","variables","value","children","Provider","containers","mappingToConfig","mapping","Object","entries","flatMap","key","split","Array","isArray","length","Error"],"sourceRoot":"../../../../src","sources":["native/react/useNativeCss.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_nativeInternal","_guards","_reactivity","_reanimated","_index","_rules","useNativeCss","type","originalProps","configs","source","target","inheritedVariables","useContext","VariableContext","inheritedContainers","ContainerContext","state","setState","useState","observers","Set","ruleEffect","run","updateRules","styleEffect","ruleEffectGetter","observable","get","pressable","View","undefined","useEffect","cleanupEffect","testGuards","createElement","Fragment","props","getStyledProps","onPress","Pressable","animated","animatedComponentFamily","variables","value","children","Provider","containers","mappingToConfig","mapping","Object","entries","flatMap","key","split","nativeStyleMapping","Array","isArray","length","Error"],"sourceRoot":"../../../../src","sources":["native/react/useNativeCss.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/native/styles/functions/color-mix.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colorMix = void 0;
+var _fn = require("colorjs.io/fn");
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+
+_fn.ColorSpace.register(_fn.sRGB);
+_fn.ColorSpace.register(_fn.P3);
+_fn.ColorSpace.register(_fn.OKLab);
+const colorMix = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  if (!Array.isArray(args) || args.length < 3) {
+    return;
+  }
+  try {
+    const space = args.shift();
+    let left = (0, _fn.parse)(args.shift());
+    let next = args.shift();
+    if (typeof next === "string" && next.endsWith("%")) {
+      left.alpha = parseFloat(next) / 100;
+      next = args.shift();
+    }
+    if (next === undefined) {
+      if (left.spaceId !== "srgb") {
+        left = (0, _fn.to)(left, "srgb");
+      }
+      return `rgba(${(left.coords[0] ?? 0) * 255}, ${(left.coords[1] ?? 0) * 255}, ${(left.coords[2] ?? 0) * 255}, ${left.alpha})`;
+    }
+    if (typeof next !== "string") {
+      return;
+    }
+    const right = (0, _fn.parse)(next);
+    next = args.shift();
+    if (next && typeof next === "string" && next.endsWith("%")) {
+      right.alpha = parseFloat(next) / 100;
+    }
+    const result = (0, _fn.mix)(left, right, {
+      space,
+      outputSpace: "srgb"
+    });
+    return `rgba(${(result.coords[0] ?? 0) * 255}, ${(result.coords[1] ?? 0) * 255}, ${(result.coords[2] ?? 0) * 255}, ${result.alpha})`;
+  } catch {
+    return;
+  }
+};
+exports.colorMix = colorMix;
+//# sourceMappingURL=color-mix.js.map

package/dist/commonjs/native/styles/functions/color-mix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_fn","require","ColorSpace","register","sRGB","P3","OKLab","colorMix","resolveValue","value","args","Array","isArray","length","space","shift","left","parse","next","endsWith","alpha","parseFloat","undefined","spaceId","convert","coords","right","result","mix","outputSpace","exports"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/color-mix.ts"],"mappings":";;;;;;AAEA,IAAAA,GAAA,GAAAC,OAAA;AAFA;;AAeAC,cAAU,CAACC,QAAQ,CAACC,QAAI,CAAC;AACzBF,cAAU,CAACC,QAAQ,CAACE,MAAE,CAAC;AACvBH,cAAU,CAACC,QAAQ,CAACG,SAAK,CAAC;AAEnB,MAAMC,QAA+B,GAAGA,CAACC,YAAY,EAAEC,KAAK,KAAK;EACtE,MAAMC,IAAI,GAAGF,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAEnC,IAAI,CAACE,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;IAC3C;EACF;EAEA,IAAI;IACF,MAAMC,KAAK,GAAGJ,IAAI,CAACK,KAAK,CAAC,CAAC;IAE1B,IAAIC,IAAyC,GAAG,IAAAC,SAAK,EACnDP,IAAI,CAACK,KAAK,CAAC,CACb,CAAC;IAED,IAAIG,IAAI,GAAGR,IAAI,CAACK,KAAK,CAAC,CAAC;IAEvB,IAAI,OAAOG,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;MAClDH,IAAI,CAACI,KAAK,GAAGC,UAAU,CAACH,IAAI,CAAC,GAAG,GAAG;MACnCA,IAAI,GAAGR,IAAI,CAACK,KAAK,CAAC,CAAC;IACrB;IAEA,IAAIG,IAAI,KAAKI,SAAS,EAAE;MACtB,IAAIN,IAAI,CAACO,OAAO,KAAK,MAAM,EAAE;QAC3BP,IAAI,GAAG,IAAAQ,MAAO,EAACR,IAAI,EAAE,MAAM,CAAC;MAC9B;MAEA,OAAO,QAAQ,CAACA,IAAI,CAACS,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAACT,IAAI,CAACS,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAACT,IAAI,CAACS,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAKT,IAAI,CAACI,KAAK,GAAG;IAC9H;IAEA,IAAI,OAAOF,IAAI,KAAK,QAAQ,EAAE;MAC5B;IACF;IACA,MAAMQ,KAAK,GAAG,IAAAT,SAAK,EAACC,IAAI,CAAC;IAEzBA,IAAI,GAAGR,IAAI,CAACK,KAAK,CAAC,CAAC;IACnB,IAAIG,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;MAC1DO,KAAK,CAACN,KAAK,GAAGC,UAAU,CAACH,IAAI,CAAC,GAAG,GAAG;IACtC;IAEA,MAAMS,MAAM,GAAG,IAAAC,OAAG,EAACZ,IAAI,EAAEU,KAAK,EAAE;MAC9BZ,KAAK;MACLe,WAAW,EAAE;IACf,CAAC,CAAC;IAEF,OAAO,QAAQ,CAACF,MAAM,CAACF,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAACE,MAAM,CAACF,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAACE,MAAM,CAACF,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAKE,MAAM,CAACP,KAAK,GAAG;EACtI,CAAC,CAAC,MAAM;IACN;EACF;AACF,CAAC;AAACU,OAAA,CAAAvB,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/commonjs/native/styles/functions/index.js

@@ -80,4 +80,15 @@ Object.keys(_transformFunctions).forEach(function (key) {
     }
   });
 });
+var _colorMix = require("./color-mix.js");
+Object.keys(_colorMix).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _colorMix[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _colorMix[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/commonjs/native/styles/functions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_animationTiming","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_calc","_filters","_numericFunctions","_platformFunctions","_stringFunctions","_transformFunctions"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_animationTiming","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_calc","_filters","_numericFunctions","_platformFunctions","_stringFunctions","_transformFunctions","_colorMix"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/index.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/native/styles/index.js

@@ -11,6 +11,126 @@ var _reactivity = require("../reactivity.js");
 var _calculateProps = require("./calculate-props.js");
 /* eslint-disable */
 
+/**
+ * Checks if the left style object has any properties that are not present in the right style object.
+ * This is used to determine if styles need to be preserved in an array or if right can completely override left.
+ *
+ * Note: This intentionally only checks one direction (left → right). We don't need to check if right has
+ * properties that left doesn't have, because right will always be applied/merged. The question we're
+ * answering is: "Does left have any properties that would be lost if we just used right?" If yes, we
+ * create a style array [left, right] to preserve both. If no, right can safely replace left entirely.
+ *
+ * @param left - The left style object to check
+ * @param right - The right style object to compare against
+ * @returns true if left has at least one property key that doesn't exist in right, false otherwise
+ *
+ * @example
+ * hasNonOverlappingProperties({color: 'red', fontSize: 12}, {color: 'blue'}) // true - fontSize is not in right
+ * hasNonOverlappingProperties({color: 'red'}, {color: 'blue', fontSize: 12}) // false - all left keys exist in right
+ */
+function hasNonOverlappingProperties(left, right) {
+  // Null safety check
+  if (!left || !right) {
+    return false;
+  }
+
+  // Only check own properties to avoid prototype pollution
+  for (const key in left) {
+    if (Object.prototype.hasOwnProperty.call(left, key)) {
+      if (!Object.prototype.hasOwnProperty.call(right, key)) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+
+/**
+ * Flattens a style array into a single object when possible, with rightmost values taking precedence.
+ * Returns the original array if it contains any non-plain objects, arrays, or CSS variable objects.
+ *
+ * Note: This function assumes the input array has already been filtered (e.g., by filterCssVariables),
+ * so empty arrays should not reach this function. If they do, they will be treated as non-flattenable.
+ *
+ * @param styleArray - The style array to potentially flatten
+ * @returns A single merged object if all items are plain objects, otherwise the original array
+ */
+function flattenStyleArray(styleArray) {
+  // Check if we can flatten to a single object (all items are plain objects)
+  for (const item of styleArray) {
+    // Use explicit null check instead of !item to allow falsy values like 0 or false
+    if (item == null || typeof item !== "object" || Array.isArray(item) || Object.prototype.hasOwnProperty.call(item, _reactivity.VAR_SYMBOL)) {
+      return styleArray;
+    }
+  }
+
+  // Use reduce to avoid spread operator performance issues with large arrays
+  return styleArray.reduce((acc, item) => Object.assign(acc, item), {});
+}
+
+/**
+ * Recursively filters out CSS variable objects (with VAR_SYMBOL) from style values.
+ * This prevents CSS variable runtime objects from leaking into React Native component props.
+ *
+ * @param value - The value to filter (can be any type: object, array, primitive, etc.)
+ * @param depth - Internal recursion depth counter to prevent stack overflow (max 100)
+ * @returns The filtered value with CSS variables removed, or `undefined` if the entire value
+ *          should be filtered out (e.g., empty arrays, objects with only VAR_SYMBOL properties)
+ *
+ * Filtering behavior:
+ * - Objects with VAR_SYMBOL property: returns `undefined` (completely filtered)
+ * - Arrays: filters out VAR_SYMBOL objects, returns `undefined` if empty after filtering
+ * - Objects: recursively filters properties, returns `undefined` if no properties remain
+ * - Primitives (null, undefined, numbers, strings, booleans): returned as-is
+ * - Symbol properties: intentionally filtered out for React Native compatibility
+ *
+ * @example
+ * filterCssVariables({fontSize: 16, color: {[VAR_SYMBOL]: true}}) // {fontSize: 16}
+ * filterCssVariables([{margin: 10}, {[VAR_SYMBOL]: true}]) // [{margin: 10}]
+ * filterCssVariables({color: {[VAR_SYMBOL]: true}}) // undefined (all props filtered)
+ */
+function filterCssVariables(value, depth = 0) {
+  // Prevent stack overflow on deeply nested structures
+  if (depth > 100) {
+    return value;
+  }
+  if (value === null || value === undefined) {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    // Single-pass filter with map operation
+    const filtered = [];
+    for (const item of value) {
+      const filteredItem = filterCssVariables(item, depth + 1);
+      if (filteredItem !== undefined && !(typeof filteredItem === "object" && filteredItem !== null && Object.prototype.hasOwnProperty.call(filteredItem, _reactivity.VAR_SYMBOL))) {
+        filtered.push(filteredItem);
+      }
+    }
+    return filtered.length > 0 ? filtered : undefined;
+  }
+  if (typeof value === "object") {
+    // If the object itself has VAR_SYMBOL, filter it out (check own property only)
+    if (Object.prototype.hasOwnProperty.call(value, _reactivity.VAR_SYMBOL)) {
+      return undefined;
+    }
+
+    // Otherwise, filter VAR_SYMBOL properties from nested objects
+    const filtered = {};
+    let hasProperties = false;
+
+    // Use Object.keys to only iterate own string properties (not inherited, not Symbols)
+    // This intentionally filters out Symbol properties for React Native compatibility
+    for (const key of Object.keys(value)) {
+      const filteredValue = filterCssVariables(value[key], depth + 1);
+      if (filteredValue !== undefined) {
+        filtered[key] = filteredValue;
+        hasProperties = true;
+      }
+    }
+    return hasProperties ? filtered : undefined;
+  }
+  return value;
+}
 const stylesFamily = exports.stylesFamily = (0, _reactivity.family)((hash, rules) => {
   const sortedRules = Array.from(rules).sort(_utilities.specificityCompareFn);
   const obs = (0, _reactivity.observable)(read => (0, _calculateProps.calculateProps)(read, sortedRules));
@@ -31,9 +151,9 @@ function getStyledProps(state, inline) {
   let result;
   const styledProps = state.stylesObs?.get(state.styleEffect);
   for (const config of state.configs) {
-    result = deepMergeConfig(config, styledProps?.normal, inline, true);
+    result = deepMergeConfig(config, nativeStyleMapping(config, styledProps?.normal), inline, true);
     if (styledProps?.important) {
-      result = deepMergeConfig(config, result, styledProps.important);
+      result = deepMergeConfig(config, result, nativeStyleMapping(config, styledProps.important));
     }
 
     // Apply the handlers
@@ -61,12 +181,91 @@ function getStyledProps(state, inline) {
   return result;
 }
 function deepMergeConfig(config, left, right, rightIsInline = false) {
-  if (!config.target || !right) {
+  if (!right) {
     return {
       ...left
     };
   }
-  let result = Object.assign({}, left, right);
+
+  // Handle style merging to support both className and inline style props
+  let result;
+  if (config.target) {
+    if (Array.isArray(config.target) && config.target.length === 1 && config.target[0] === "style") {
+      // Special handling for style target when we have inline styles
+      result = {
+        ...left,
+        ...right
+      };
+
+      // Handle null/undefined inline styles
+      if (right?.style === null || right?.style === undefined) {
+        if (left?.style) {
+          result.style = left.style;
+        }
+      } else if (rightIsInline && right?.style) {
+        // Filter inline styles if rightIsInline is true
+        const filteredRightStyle = filterCssVariables(right.style);
+        if (left?.style) {
+          if (!filteredRightStyle) {
+            // All inline styles were CSS variables, only use left
+            result.style = left.style;
+          } else {
+            const leftStyle = left.style;
+
+            // For arrays or objects, check if we need to create a style array
+            const leftIsObject = typeof leftStyle === "object" && !Array.isArray(leftStyle);
+            const rightIsObject = typeof filteredRightStyle === "object" && !Array.isArray(filteredRightStyle);
+            if (leftIsObject && rightIsObject) {
+              if (hasNonOverlappingProperties(leftStyle, filteredRightStyle)) {
+                result.style = [leftStyle, filteredRightStyle];
+              } else {
+                // All left properties are in right, right overrides
+                result.style = filteredRightStyle;
+              }
+            } else {
+              // One or both are arrays, merge them
+              result.style = [leftStyle, filteredRightStyle];
+            }
+          }
+        } else {
+          // No left style, just use filtered right
+          if (filteredRightStyle) {
+            result.style = filteredRightStyle;
+          } else {
+            // All filtered out, remove style prop
+            delete result.style;
+          }
+        }
+      } else if (!rightIsInline && right?.style) {
+        // Merging non-inline styles (e.g., important styles)
+        if (left?.style) {
+          // If left.style is an array, append right.style
+          if (Array.isArray(left.style)) {
+            const combined = [...left.style, right.style];
+            result.style = flattenStyleArray(combined);
+          } else if (typeof left.style === "object" && typeof right.style === "object") {
+            // Both are objects, check for overlaps
+            if (hasNonOverlappingProperties(left.style, right.style)) {
+              result.style = flattenStyleArray([left.style, right.style]);
+            } else {
+              // All left properties are overridden by right
+              result.style = right.style;
+            }
+          } else {
+            // One or both are arrays/mixed types
+            const combined = [left.style, right.style];
+            result.style = flattenStyleArray(combined);
+          }
+        }
+      }
+    } else {
+      result = Object.assign({}, left, right);
+    }
+  } else {
+    result = {
+      ...left
+    };
+  }
   if (right && rightIsInline && config.source in right && config.target !== config.source) {
     delete result[config.source];
   }
@@ -74,7 +273,7 @@ function deepMergeConfig(config, left, right, rightIsInline = false) {
   /**
    *  If target is a path, deep merge until we get to the last key
    */
-  if (Array.isArray(config.target) && config.target.length > 1) {
+  if (Array.isArray(config.target)) {
     for (let i = 0; i < config.target.length - 1; i++) {
       const key = config.target[i];
       if (key === undefined) {
@@ -87,29 +286,60 @@ function deepMergeConfig(config, left, right, rightIsInline = false) {
     }
     return result;
   }
-  const target = Array.isArray(config.target) ? config.target[0] : config.target;
-  if (target === undefined) {
+  const target = config.target;
+  if (target === undefined || target === false) {
     return result;
   }
   let rightValue = right?.[target];
 
   // Strip any inline variables from the target
-  if (rightIsInline && rightValue) {
-    if (Array.isArray(rightValue)) {
-      rightValue = rightValue.filter(v => {
-        return typeof v !== "object" || !(v && _reactivity.VAR_SYMBOL in v);
-      });
-      if (rightValue.length === 0) {
-        rightValue = undefined;
-      }
-    } else if (typeof rightValue === "object" && rightValue && _reactivity.VAR_SYMBOL in rightValue) {
-      rightValue = undefined;
-      delete result[target][_reactivity.VAR_SYMBOL];
-    }
+  if (rightIsInline && rightValue !== undefined) {
+    rightValue = filterCssVariables(rightValue);
   }
   if (rightValue !== undefined) {
     result[target] = left && target in left ? [left[target], rightValue] : rightValue;
   }
   return result;
 }
+function nativeStyleMapping(config, props) {
+  if (!config.nativeStyleMapping || !props) {
+    return props;
+  }
+  let source;
+  if (typeof config.target === "string") {
+    source = props[config.target];
+  } else if (config.target === false) {
+    source = props["style"];
+  } else {
+    const tokens = [...config.target];
+    const lastToken = tokens.pop();
+    source = props;
+    for (const token of tokens) {
+      source = source[token];
+      if (!source) {
+        return props;
+      }
+    }
+    source = source[lastToken];
+  }
+  if (!source) {
+    return props;
+  }
+  for (const [key, path] of Object.entries(config.nativeStyleMapping)) {
+    const styleValue = source[key];
+    delete source[key];
+    if (styleValue === undefined) {
+      continue;
+    }
+    let target = props;
+    const tokens = path.split(".");
+    const lastToken = tokens.pop();
+    for (const token of tokens) {
+      target[token] ??= {};
+      target = target[token];
+    }
+    target[lastToken] = styleValue;
+  }
+  return props;
+}
 //# sourceMappingURL=index.js.map

package/dist/commonjs/native/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utilities","require","_interaction","_reactivity","_calculateProps","stylesFamily","exports","family","hash","rules","sortedRules","Array","from","sort","specificityCompareFn","obs","observable","read","calculateProps","Object","assign","cleanup","effect","observers","delete","size","getStyledProps","state","inline","result","styledProps","stylesObs","get","styleEffect","config","configs","deepMergeConfig","normal","important","hoverFamily","has","ruleEffectGetter","onHoverIn","getInteractionHandler","onHoverOut","activeFamily","onPress","onPressIn","onPressOut","focusFamily","onBlur","onFocus","containerLayoutFamily","onLayout","left","right","rightIsInline","target","source","isArray","length","i","key","undefined","slice","rightValue","filter","v","VAR_SYMBOL"],"sourceRoot":"../../../../src","sources":["native/styles/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_utilities","require","_interaction","_reactivity","_calculateProps","hasNonOverlappingProperties","left","right","key","Object","prototype","hasOwnProperty","call","flattenStyleArray","styleArray","item","Array","isArray","VAR_SYMBOL","reduce","acc","assign","filterCssVariables","value","depth","undefined","filtered","filteredItem","push","length","hasProperties","keys","filteredValue","stylesFamily","exports","family","hash","rules","sortedRules","from","sort","specificityCompareFn","obs","observable","read","calculateProps","cleanup","effect","observers","delete","size","getStyledProps","state","inline","result","styledProps","stylesObs","get","styleEffect","config","configs","deepMergeConfig","nativeStyleMapping","normal","important","hoverFamily","has","ruleEffectGetter","onHoverIn","getInteractionHandler","onHoverOut","activeFamily","onPress","onPressIn","onPressOut","focusFamily","onBlur","onFocus","containerLayoutFamily","onLayout","rightIsInline","target","style","filteredRightStyle","leftStyle","leftIsObject","rightIsObject","combined","source","i","slice","rightValue","props","tokens","lastToken","pop","token","path","entries","styleValue","split"],"sourceRoot":"../../../../src","sources":["native/styles/index.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/web/api.js

@@ -10,7 +10,10 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _assignStyle = require("./assign-style.js");
 var _jsxRuntime = require("react/jsx-runtime");
-const styled = (baseComponent, mapping, _options) => {
+const defaultMapping = {
+  className: "style"
+};
+const styled = (baseComponent, mapping = defaultMapping, _options) => {
   return props => {
     return useCssElement(baseComponent, mapping, props);
   };
@@ -66,7 +69,7 @@ function vars(variables) {
 function VariableContextProvider(props) {
   const style = (0, _react.useMemo)(() => {
     return {
-      display: "content",
+      display: "contents",
       ...Object.fromEntries(Object.entries(props.value).map(([key, value]) => [key.startsWith("--") ? key : `--${key}`, value]))
     };
   }, [props.value]);

package/dist/commonjs/web/api.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_assignStyle","_jsxRuntime","styled","baseComponent","mapping","_options","props","useCssElement","exports","component","incomingProps","key","value","Object","entries","source","target","assignStyle","$$css","split","createElement","colorScheme","get","Appearance","getColorScheme","set","name","setColorScheme","vars","variables","$variables","startsWith","toString","VariableContextProvider","style","useMemo","display","fromEntries","map","jsx","children","useNativeVariable","Error","useUnstableNativeVariable"],"sourceRoot":"../../../src","sources":["web/api.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_assignStyle","_jsxRuntime","defaultMapping","className","styled","baseComponent","mapping","_options","props","useCssElement","exports","component","incomingProps","key","value","Object","entries","source","target","assignStyle","$$css","split","createElement","colorScheme","get","Appearance","getColorScheme","set","name","setColorScheme","vars","variables","$variables","startsWith","toString","VariableContextProvider","style","useMemo","display","fromEntries","map","jsx","children","useNativeVariable","Error","useUnstableNativeVariable"],"sourceRoot":"../../../src","sources":["web/api.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/compiler/declarations.js

@@ -782,6 +782,8 @@ export function parseUnparsed(tokenOrValue, builder, property, allowAuto = allow
           case "min":
           case "clamp":
             return parseCalcFn(tokenOrValue.value.name, tokenOrValue.value.arguments, builder, property);
+          case "color-mix":
+            return parseColorMix(tokenOrValue.value.arguments, builder, property);
           default:
             {
               builder.addWarning("value", `${tokenOrValue.value.name}()`);
@@ -1834,6 +1836,54 @@ export function parseCalcFn(name, tokens, builder, property) {
   }
   return;
 }
+export function parseColorMix(tokens, builder, property) {
+  const [inToken, whitespace, colorSpace, comma, ...rest] = tokens;
+  if (typeof inToken !== "object" || inToken.type !== "token" || inToken.value.type !== "ident" || inToken.value.value !== "in") {
+    return;
+  }
+  if (typeof whitespace !== "object" || whitespace.type !== "token" || whitespace.value.type !== "white-space") {
+    return;
+  }
+  if (typeof comma !== "object" || comma.type !== "token" || comma.value.type !== "comma") {
+    return;
+  }
+  const colorSpaceArg = parseUnparsed(colorSpace, builder, property);
+  if (typeof colorSpaceArg !== "string") {
+    return;
+  }
+  let nextToken = rest.shift();
+  const leftColorArg = parseUnparsed(nextToken, builder, property);
+  if (!leftColorArg) {
+    return;
+  }
+  nextToken = rest.shift();
+  let leftColorPercentage;
+  if (nextToken?.type !== "token" || nextToken.value.type !== "comma") {
+    leftColorPercentage = parseUnparsed(nextToken, builder, property);
+    nextToken = rest.shift();
+  }
+  if (typeof nextToken !== "object" || nextToken.type !== "token" || nextToken.value.type !== "comma") {
+    return;
+  }
+  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") {
+    rightColorPercentage = parseUnparsed(nextToken, builder, property);
+    nextToken = rest.shift();
+  }
+
+  // We should have expired all tokens now
+  if (nextToken) {
+    return;
+  }
+  return [{}, "colorMix", [colorSpaceArg, leftColorArg, leftColorPercentage, rightColorArg, rightColorPercentage]];
+}
 export function parseCalcArguments([...args], builder, property) {
   const parsed = [];
   for (const arg of args) {