react-native-css 0.0.0-nightly.61d67fe → 0.0.0-nightly.7da12fa

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

@@ -0,0 +1,339 @@
+"use strict";
+
+/* eslint-disable */
+
+import { specificityCompareFn } from "react-native-css/utilities";
+import { getInteractionHandler } from "../react/interaction.js";
+import { activeFamily, containerLayoutFamily, family, focusFamily, hoverFamily, observable, VAR_SYMBOL } from "../reactivity.js";
+import { calculateProps } from "./calculate-props.js";
+
+/**
+ * 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, 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, 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, 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;
+}
+export const stylesFamily = family((hash, rules) => {
+  const sortedRules = Array.from(rules).sort(specificityCompareFn);
+  const obs = observable(read => calculateProps(read, sortedRules));
+
+  /**
+   * A family is a map, so we need to cleanup the observers when the the hash is no longer used
+   */
+  return Object.assign(obs, {
+    cleanup: effect => {
+      obs.observers.delete(effect);
+      if (obs.observers.size === 0) {
+        stylesFamily.delete(hash);
+      }
+    }
+  });
+});
+export function getStyledProps(state, inline) {
+  let result;
+  const styledProps = state.stylesObs?.get(state.styleEffect);
+  for (const config of state.configs) {
+    result = deepMergeConfig(config, nativeStyleMapping(config, styledProps?.normal), inline, true);
+    if (styledProps?.important) {
+      result = deepMergeConfig(config, result, nativeStyleMapping(config, styledProps.important));
+    }
+
+    // Apply the handlers
+    if (hoverFamily.has(state.ruleEffectGetter)) {
+      result ??= {};
+      result.onHoverIn = getInteractionHandler(state.ruleEffectGetter, "onHoverIn", inline?.onHoverIn);
+      result.onHoverOut = getInteractionHandler(state.ruleEffectGetter, "onHoverOut", inline?.onHoverOut);
+    }
+    if (activeFamily.has(state.ruleEffectGetter)) {
+      result ??= {};
+      result.onPress = getInteractionHandler(state.ruleEffectGetter, "onPress", inline?.onPress);
+      result.onPressIn = getInteractionHandler(state.ruleEffectGetter, "onPressIn", inline?.onPressIn);
+      result.onPressOut = getInteractionHandler(state.ruleEffectGetter, "onPressOut", inline?.onPressOut);
+    }
+    if (focusFamily.has(state.ruleEffectGetter)) {
+      result ??= {};
+      result.onBlur = getInteractionHandler(state.ruleEffectGetter, "onBlur", inline?.onBlur);
+      result.onFocus = getInteractionHandler(state.ruleEffectGetter, "onFocus", inline?.onFocus);
+    }
+    if (containerLayoutFamily.has(state.ruleEffectGetter)) {
+      result ??= {};
+      result.onLayout = getInteractionHandler(state.ruleEffectGetter, "onLayout", inline?.onLayout);
+    }
+  }
+  return result;
+}
+function deepMergeConfig(config, left, right, rightIsInline = false) {
+  if (!right) {
+    return {
+      ...left
+    };
+  }
+
+  // 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 = Object.assign({}, left, right);
+  }
+  if (right && rightIsInline && config.source in right && config.target !== config.source) {
+    delete result[config.source];
+  }
+
+  /**
+   *  If target is a path, deep merge until we get to the last key
+   */
+  if (Array.isArray(config.target)) {
+    for (let i = 0; i < config.target.length - 1; i++) {
+      const key = config.target[i];
+      if (key === undefined) {
+        return result;
+      }
+      result[key] = deepMergeConfig({
+        source: config.source,
+        target: config.target.slice(i + 1)
+      }, left?.[key], right?.[key], rightIsInline);
+    }
+    return result;
+  }
+  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 !== 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/module/native/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["specificityCompareFn","getInteractionHandler","activeFamily","containerLayoutFamily","family","focusFamily","hoverFamily","observable","VAR_SYMBOL","calculateProps","hasNonOverlappingProperties","left","right","key","Object","prototype","hasOwnProperty","call","flattenStyleArray","styleArray","item","Array","isArray","reduce","acc","assign","filterCssVariables","value","depth","undefined","filtered","filteredItem","push","length","hasProperties","keys","filteredValue","stylesFamily","hash","rules","sortedRules","from","sort","obs","read","cleanup","effect","observers","delete","size","getStyledProps","state","inline","result","styledProps","stylesObs","get","styleEffect","config","configs","deepMergeConfig","nativeStyleMapping","normal","important","has","ruleEffectGetter","onHoverIn","onHoverOut","onPress","onPressIn","onPressOut","onBlur","onFocus","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/module/native/styles/line-height.js

@@ -0,0 +1,20 @@
+"use strict";
+
+export const lineHeight = (resolve, func) => {
+  const value = resolve(func[2]);
+  if (typeof value !== "number") {
+    return;
+  }
+  let emValue = resolve([{}, "var", ["__rn-css-em"]]);
+  if (typeof emValue !== "number") {
+    emValue = resolve([{}, "var", ["__rn-css-rem"]]);
+  }
+  if (typeof emValue !== "number") {
+    return;
+  }
+  return round(value * emValue);
+};
+function round(number) {
+  return Math.round((number + Number.EPSILON) * 100) / 100;
+}
+//# sourceMappingURL=line-height.js.map

package/dist/module/native/styles/line-height.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lineHeight","resolve","func","value","emValue","round","number","Math","Number","EPSILON"],"sourceRoot":"../../../../src","sources":["native/styles/line-height.ts"],"mappings":";;AAEA,OAAO,MAAMA,UAAiC,GAAGA,CAACC,OAAO,EAAEC,IAAI,KAAK;EAClE,MAAMC,KAAK,GAAGF,OAAO,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;EAE9B,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;IAC7B;EACF;EAEA,IAAIC,OAAO,GAAGH,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;EAEnD,IAAI,OAAOG,OAAO,KAAK,QAAQ,EAAE;IAC/BA,OAAO,GAAGH,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;EAClD;EAEA,IAAI,OAAOG,OAAO,KAAK,QAAQ,EAAE;IAC/B;EACF;EAEA,OAAOC,KAAK,CAACF,KAAK,GAAGC,OAAO,CAAC;AAC/B,CAAC;AAED,SAASC,KAAKA,CAACC,MAAc,EAAE;EAC7B,OAAOC,IAAI,CAACF,KAAK,CAAC,CAACC,MAAM,GAAGE,MAAM,CAACC,OAAO,IAAI,GAAG,CAAC,GAAG,GAAG;AAC1D","ignoreList":[]}

package/dist/module/native/styles/resolve.js

@@ -0,0 +1,102 @@
+"use strict";
+
+/* eslint-disable */
+
+import { transformKeys } from "./defaults.js";
+import * as functions from "./functions/index.js";
+import { lineHeight } from "./line-height.js";
+import * as shorthands from "./shorthands/index.js";
+import { em, rem, vh, vw } from "./units.js";
+import { varResolver } from "./variables.js";
+const functionResolvers = {
+  ...shorthands,
+  ...functions,
+  lineHeight,
+  em,
+  rem,
+  vh,
+  vw
+};
+export function resolveValue(value, get, options) {
+  const {
+    castToArray
+  } = options;
+  switch (typeof value) {
+    case "bigint":
+    case "symbol":
+    case "undefined":
+    case "function":
+      // These types are not supported
+      return;
+    case "number":
+    case "boolean":
+      return value;
+    case "string":
+      {
+        if (value === "unset") {
+          return null;
+        } else if (value.endsWith("px")) {
+          // Inline vars() might set a value with a px suffix
+          return parseInt(value.slice(0, -2), 10);
+        } else {
+          return value;
+        }
+      }
+    case "object":
+      {
+        if (!Array.isArray(value)) {
+          return value;
+        }
+        if (isDescriptorArray(value)) {
+          value = value.map(d => resolveValue(d, get, options)).filter(d => d !== undefined);
+          if (castToArray && !Array.isArray(value)) {
+            return [value];
+          } else {
+            return value;
+          }
+        }
+        const name = value[1];
+        const simpleResolve = value => {
+          return resolveValue(value, get, options);
+        };
+        if (name === "var") {
+          return varResolver(simpleResolve, value, get, options);
+        } else if (name in functionResolvers) {
+          const fn = functionResolvers[name];
+          if (typeof fn !== "function") {
+            throw new Error(`Unknown function: ${name}`);
+          }
+          value = fn(simpleResolve, value, get, options);
+        } else if (transformKeys.has(name)) {
+          // translate, rotate, scale, etc.
+          return {
+            [name]: simpleResolve(value[2], castToArray)
+          };
+        } else {
+          let args = simpleResolve(value[2], castToArray);
+          if (args === undefined) {
+            return;
+          } else if (Array.isArray(args)) {
+            let joinedArgs = args.map(arg => {
+              if (Array.isArray(arg)) {
+                return arg.flat().join(" ");
+              }
+              return arg;
+            }).filter(value => value !== "/").join(", ");
+            if (name === "radial-gradient") {
+              // Nativewind / Tailwind CSS hack which can force the 'in oklab' color space
+              joinedArgs = joinedArgs.replace("in oklab, ", "");
+            }
+            value = `${name}(${joinedArgs})`;
+          } else {
+            value = `${name}(${args})`;
+          }
+        }
+        return castToArray && value && !Array.isArray(value) ? [value] : value;
+      }
+  }
+}
+function isDescriptorArray(value) {
+  return Array.isArray(value) && typeof value[0] === "object" ? Array.isArray(value[0]) : true;
+}
+//# sourceMappingURL=resolve.js.map

package/dist/module/native/styles/resolve.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["transformKeys","functions","lineHeight","shorthands","em","rem","vh","vw","varResolver","functionResolvers","resolveValue","value","get","options","castToArray","endsWith","parseInt","slice","Array","isArray","isDescriptorArray","map","d","filter","undefined","name","simpleResolve","fn","Error","has","args","joinedArgs","arg","flat","join","replace"],"sourceRoot":"../../../../src","sources":["native/styles/resolve.ts"],"mappings":";;AAAA;;AAWA,SAASA,aAAa,QAAQ,eAAY;AAC1C,OAAO,KAAKC,SAAS,MAAM,sBAAa;AACxC,SAASC,UAAU,QAAQ,kBAAe;AAC1C,OAAO,KAAKC,UAAU,MAAM,uBAAc;AAC1C,SAASC,EAAE,EAAEC,GAAG,EAAEC,EAAE,EAAEC,EAAE,QAAQ,YAAS;AACzC,SAASC,WAAW,QAAQ,gBAAa;AAqBzC,MAAMC,iBAAiB,GAAG;EACxB,GAAGN,UAAU;EACb,GAAGF,SAAS;EACZC,UAAU;EACVE,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC;AACF,CAAC;AAYD,OAAO,SAASG,YAAYA,CAC1BC,KAAsB,EACtBC,GAAW,EACXC,OAA4B,EACvB;EACL,MAAM;IAAEC;EAAY,CAAC,GAAGD,OAAO;EAE/B,QAAQ,OAAOF,KAAK;IAClB,KAAK,QAAQ;IACb,KAAK,QAAQ;IACb,KAAK,WAAW;IAChB,KAAK,UAAU;MACb;MACA;IACF,KAAK,QAAQ;IACb,KAAK,SAAS;MACZ,OAAOA,KAAK;IACd,KAAK,QAAQ;MAAE;QACb,IAAIA,KAAK,KAAK,OAAO,EAAE;UACrB,OAAO,IAAI;QACb,CAAC,MAAM,IAAIA,KAAK,CAACI,QAAQ,CAAC,IAAI,CAAC,EAAE;UAC/B;UACA,OAAOC,QAAQ,CAACL,KAAK,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACzC,CAAC,MAAM;UACL,OAAON,KAAK;QACd;MACF;IACA,KAAK,QAAQ;MAAE;QACb,IAAI,CAACO,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,EAAE;UACzB,OAAOA,KAAK;QACd;QAEA,IAAIS,iBAAiB,CAACT,KAAK,CAAC,EAAE;UAC5BA,KAAK,GAAGA,KAAK,CACVU,GAAG,CAAEC,CAAC,IAAKZ,YAAY,CAACY,CAAC,EAAEV,GAAG,EAAEC,OAAO,CAAC,CAAC,CACzCU,MAAM,CAAED,CAAC,IAAKA,CAAC,KAAKE,SAAS,CAAC;UAEjC,IAAIV,WAAW,IAAI,CAACI,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,EAAE;YACxC,OAAO,CAACA,KAAK,CAAC;UAChB,CAAC,MAAM;YACL,OAAOA,KAAK;UACd;QACF;QAEA,MAAMc,IAAI,GAAGd,KAAK,CAAC,CAAC,CAAC;QAErB,MAAMe,aAAiC,GAAIf,KAAK,IAAK;UACnD,OAAOD,YAAY,CAACC,KAAK,EAAEC,GAAG,EAAEC,OAAO,CAAC;QAC1C,CAAC;QAED,IAAIY,IAAI,KAAK,KAAK,EAAE;UAClB,OAAOjB,WAAW,CAACkB,aAAa,EAAEf,KAAK,EAAEC,GAAG,EAAEC,OAAO,CAAC;QACxD,CAAC,MAAM,IAAIY,IAAI,IAAIhB,iBAAiB,EAAE;UACpC,MAAMkB,EAAE,GAAGlB,iBAAiB,CAACgB,IAAI,CAAmC;UAEpE,IAAI,OAAOE,EAAE,KAAK,UAAU,EAAE;YAC5B,MAAM,IAAIC,KAAK,CAAC,qBAAqBH,IAAI,EAAE,CAAC;UAC9C;UAEAd,KAAK,GAAGgB,EAAE,CACRD,aAAa,EACbf,KAAK,EACLC,GAAG,EACHC,OACF,CAAoB;QACtB,CAAC,MAAM,IAAIb,aAAa,CAAC6B,GAAG,CAACJ,IAAI,CAAC,EAAE;UAClC;UACA,OAAO;YAAE,CAACA,IAAI,GAAGC,aAAa,CAACf,KAAK,CAAC,CAAC,CAAC,EAAEG,WAAW;UAAE,CAAC;QACzD,CAAC,MAAM;UACL,IAAIgB,IAAI,GAAGJ,aAAa,CAACf,KAAK,CAAC,CAAC,CAAC,EAAEG,WAAW,CAAC;UAE/C,IAAIgB,IAAI,KAAKN,SAAS,EAAE;YACtB;UACF,CAAC,MAAM,IAAIN,KAAK,CAACC,OAAO,CAACW,IAAI,CAAC,EAAE;YAC9B,IAAIC,UAAU,GAAGD,IAAI,CAClBT,GAAG,CAAEW,GAAY,IAAK;cACrB,IAAId,KAAK,CAACC,OAAO,CAACa,GAAG,CAAC,EAAE;gBACtB,OAAOA,GAAG,CAACC,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;cAC7B;cACA,OAAOF,GAAG;YACZ,CAAC,CAAC,CACDT,MAAM,CAAEZ,KAAK,IAAKA,KAAK,KAAK,GAAG,CAAC,CAChCuB,IAAI,CAAC,IAAI,CAAC;YAEb,IAAIT,IAAI,KAAK,iBAAiB,EAAE;cAC9B;cACAM,UAAU,GAAGA,UAAU,CAACI,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;YACnD;YAEAxB,KAAK,GAAG,GAAGc,IAAI,IAAIM,UAAU,GAAG;UAClC,CAAC,MAAM;YACLpB,KAAK,GAAG,GAAGc,IAAI,IAAIK,IAAI,GAAG;UAC5B;QACF;QAEA,OAAOhB,WAAW,IAAIH,KAAK,IAAI,CAACO,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,GAAG,CAACA,KAAK,CAAC,GAAGA,KAAK;MACxE;EACF;AACF;AAEA,SAASS,iBAAiBA,CACxBT,KAA0C,EACd;EAC5B,OAAOO,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,IAAI,OAAOA,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,GACvDO,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,GACvB,IAAI;AACV","ignoreList":[]}

package/dist/module/native/styles/shorthands/_handler.js

@@ -0,0 +1,84 @@
+"use strict";
+
+/* eslint-disable */
+import { isStyleDescriptorArray, isStyleFunction } from "react-native-css/utilities";
+import { setDeepPath } from "../../objects.js";
+import { ShortHandSymbol } from "../constants.js";
+import { defaultValues } from "../defaults.js";
+export function shorthandHandler(mappings, defaults, returnType = "shorthandObject") {
+  return (resolve, value, __, {
+    castToArray
+  }) => {
+    let args = isStyleDescriptorArray(value) ? resolve(value) : Array.isArray(value) ? resolve(value[2]) : value;
+    if (!Array.isArray(args)) {
+      return;
+    }
+    args = args.flat();
+    if (!Array.isArray(args)) {
+      return;
+    }
+    const match = mappings.find(mapping => {
+      return args.length === mapping.length && mapping.every((map, index) => {
+        const type = map[1];
+        const value = args[index];
+        if (Array.isArray(type)) {
+          return type.includes(value) || type.includes(typeof value);
+        }
+
+        // Style functions (var, calc, env, etc.) are unresolved at pattern-match
+        // time — their actual values won't be known until runtime variable
+        // resolution. Accepting them in any type slot makes pattern matching
+        // less strict when variables are involved, but rejecting them would
+        // break variable-based shadows entirely (e.g. box-shadow: var(--shadow)
+        // where --shadow resolves to "0 4px 6px -1px #000").
+        if (isStyleFunction(value)) {
+          return true;
+        }
+        switch (type) {
+          case "string":
+          case "number":
+            return typeof value === type;
+          case "color":
+            return typeof value === "string" || typeof value === "object";
+          case "length":
+            return typeof value === "string" ? value.endsWith("%") : typeof value === "number";
+        }
+        return;
+      });
+    });
+    if (!match) return;
+    const seenDefaults = new Set(defaults);
+    const tuples = [...match.map((map, index) => {
+      if (map.length === 3) {
+        seenDefaults.delete(map);
+      }
+      let value = args[index];
+      if (castToArray && value && !Array.isArray(value)) {
+        value = [value];
+      }
+      return [value, map[0]];
+    }), ...Array.from(seenDefaults).map(map => {
+      let value = defaultValues[map[2]] ?? map[2];
+      if (castToArray && value && !Array.isArray(value)) {
+        value = [value];
+      }
+      return [value, map[0]];
+    })];
+    if (returnType === "shorthandObject" || returnType === "object") {
+      const target = returnType === "shorthandObject" ? {
+        [ShortHandSymbol]: true
+      } : {};
+      for (const [value, prop] of tuples) {
+        if (typeof prop === "string") {
+          target[prop] = value;
+        } else {
+          setDeepPath(target, prop, value);
+        }
+      }
+      return target;
+    } else {
+      return tuples;
+    }
+  };
+}
+//# sourceMappingURL=_handler.js.map

package/dist/module/native/styles/shorthands/_handler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isStyleDescriptorArray","isStyleFunction","setDeepPath","ShortHandSymbol","defaultValues","shorthandHandler","mappings","defaults","returnType","resolve","value","__","castToArray","args","Array","isArray","flat","match","find","mapping","length","every","map","index","type","includes","endsWith","seenDefaults","Set","tuples","delete","from","target","prop"],"sourceRoot":"../../../../../src","sources":["native/styles/shorthands/_handler.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/native/styles/shorthands/animation.js

@@ -0,0 +1,54 @@
+"use strict";
+
+/* eslint-disable */
+import { StyleCollection } from "react-native-css/native-internal";
+import { applyShorthand } from "../../objects.js";
+import { shorthandHandler } from "./_handler.js";
+const name = ["animationName", "string", "none"];
+const delay = ["animationDelay", "number", 0];
+const duration = ["animationDuration", "number", 0];
+const iteration = ["animationIterationCount", ["number", "infinite"], 1];
+const fill = ["animationFillMode", ["none", "forwards", "backwards", "both"], "none"];
+const playState = ["animationPlayState", ["running", "paused"], "running"];
+const direction = ["animationDirection", ["normal", "reverse", "alternate", "alternate-reverse"], "normal"];
+const timingFunction = ["animationTimingFunction", ["linear", "ease", "ease-in", "ease-out", "ease-in-out", "object"], "ease"];
+export const animationShorthand = shorthandHandler([[name], [duration, name], [name, duration], [name, duration, iteration], [name, duration, timingFunction, iteration], [duration, delay, name], [duration, delay, iteration, name], [duration, delay, iteration, timingFunction, name], [name, duration, timingFunction, delay, iteration, fill]], [name, delay, direction, duration, fill, iteration, playState, timingFunction], "tuples");
+export const animation = (resolveValue, value, get, options) => {
+  const animationShortHandTuples = animationShorthand(resolveValue, value, get, options);
+  if (!Array.isArray(animationShortHandTuples)) {
+    return;
+  }
+  const nameTuple = animationShortHandTuples.find(tuple => tuple[1] === "animationName");
+  const name = nameTuple?.[0];
+  if (!nameTuple || typeof name !== "string") {
+    return;
+  }
+  const keyframes = get(StyleCollection.keyframes(name));
+  const animation = {};
+  for (const [progress, declarations] of keyframes) {
+    animation[progress] ??= {};
+    const props = options.calculateProps?.(get,
+    // Cast this into a StyleRule[]
+    [{
+      s: [0],
+      d: declarations
+    }], options.renderGuards, options.inheritedVariables, options.inlineVariables);
+    if (!props) {
+      continue;
+    }
+    if (props.normal) {
+      Object.assign(animation[progress], props.normal);
+    }
+    if (props.important) {
+      Object.assign(animation[progress], props.important);
+    }
+    animation[progress] = animation[progress].style;
+  }
+  nameTuple[0] = animation;
+  return applyShorthand(animationShortHandTuples);
+};
+export const animationName = (resolveValue, value, get, options) => {
+  const shorthand = animation(resolveValue, value, get, options);
+  return shorthand.animationName;
+};
+//# sourceMappingURL=animation.js.map

package/dist/module/native/styles/shorthands/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleCollection","applyShorthand","shorthandHandler","name","delay","duration","iteration","fill","playState","direction","timingFunction","animationShorthand","animation","resolveValue","value","get","options","animationShortHandTuples","Array","isArray","nameTuple","find","tuple","keyframes","progress","declarations","props","calculateProps","s","d","renderGuards","inheritedVariables","inlineVariables","normal","Object","assign","important","style","animationName","shorthand"],"sourceRoot":"../../../../../src","sources":["native/styles/shorthands/animation.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/native/styles/shorthands/border.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shorthandHandler","width","style","color","border"],"sourceRoot":"../../../../../src","sources":["native/styles/shorthands/border.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,eAAY;AAE7C,MAAMC,KAAK,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAU;AAChD,MAAMC,KAAK,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAU;AAChD,MAAMC,KAAK,GAAG,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,CAAU;AAExD,OAAO,MAAMC,MAAM,GAAGJ,gBAAgB,CACpC,CAAC,CAACC,KAAK,EAAEC,KAAK,EAAEC,KAAK,CAAC,EAAE,CAACD,KAAK,EAAEC,KAAK,CAAC,EAAE,CAACF,KAAK,EAAEC,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC,EAChE,EACF,CAAC","ignoreList":[]}