react-native-css 0.0.0-nightly.008d479

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorSpace","to","convert","mix","OKLab","P3","parse","sRGB","register","colorMix","resolveValue","value","args","Array","isArray","length","space","shift","left","next","endsWith","alpha","parseFloat","undefined","spaceId","coords","right","result","outputSpace"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/color-mix.ts"],"mappings":";;AAAA;;AAEA,SACEA,UAAU,EACVC,EAAE,IAAIC,OAAO,EACbC,GAAG,EACHC,KAAK,EACLC,EAAE,EACFC,KAAK,EACLC,IAAI,QAEC,eAAe;AAItBP,UAAU,CAACQ,QAAQ,CAACD,IAAI,CAAC;AACzBP,UAAU,CAACQ,QAAQ,CAACH,EAAE,CAAC;AACvBL,UAAU,CAACQ,QAAQ,CAACJ,KAAK,CAAC;AAE1B,OAAO,MAAMK,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,GAAGZ,KAAK,CACnDM,IAAI,CAACK,KAAK,CAAC,CACb,CAAC;IAED,IAAIE,IAAI,GAAGP,IAAI,CAACK,KAAK,CAAC,CAAC;IAEvB,IAAI,OAAOE,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;MAClDF,IAAI,CAACG,KAAK,GAAGC,UAAU,CAACH,IAAI,CAAC,GAAG,GAAG;MACnCA,IAAI,GAAGP,IAAI,CAACK,KAAK,CAAC,CAAC;IACrB;IAEA,IAAIE,IAAI,KAAKI,SAAS,EAAE;MACtB,IAAIL,IAAI,CAACM,OAAO,KAAK,MAAM,EAAE;QAC3BN,IAAI,GAAGhB,OAAO,CAACgB,IAAI,EAAE,MAAM,CAAC;MAC9B;MAEA,OAAO,QAAQ,CAACA,IAAI,CAACO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAACP,IAAI,CAACO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAACP,IAAI,CAACO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAKP,IAAI,CAACG,KAAK,GAAG;IAC9H;IAEA,IAAI,OAAOF,IAAI,KAAK,QAAQ,EAAE;MAC5B;IACF;IACA,MAAMO,KAAK,GAAGpB,KAAK,CAACa,IAAI,CAAC;IAEzBA,IAAI,GAAGP,IAAI,CAACK,KAAK,CAAC,CAAC;IACnB,IAAIE,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;MAC1DM,KAAK,CAACL,KAAK,GAAGC,UAAU,CAACH,IAAI,CAAC,GAAG,GAAG;IACtC;IAEA,MAAMQ,MAAM,GAAGxB,GAAG,CAACe,IAAI,EAAEQ,KAAK,EAAE;MAC9BV,KAAK;MACLY,WAAW,EAAE;IACf,CAAC,CAAC;IAEF,OAAO,QAAQ,CAACD,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,CAACN,KAAK,GAAG;EACtI,CAAC,CAAC,MAAM;IACN;EACF;AACF,CAAC","ignoreList":[]}

package/dist/module/native/styles/functions/filters.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import { isStyleDescriptorArray } from "react-native-css/utilities";
+import { shorthandHandler } from "../shorthands/_handler.js";
+export const blur = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    blur: Array.isArray(args) ? args[0] : args
+  };
+};
+export const brightness = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    brightness: Array.isArray(args) ? args[0] : args
+  };
+};
+export const contrast = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    contrast: Array.isArray(args) ? args[0] : args
+  };
+};
+export const grayscale = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    grayscale: Array.isArray(args) ? args[0] : args
+  };
+};
+export const hueRotate = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    hueRotate: Array.isArray(args) ? args[0] : args
+  };
+};
+export const invert = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    invert: Array.isArray(args) ? args[0] : args
+  };
+};
+export const sepia = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    sepia: Array.isArray(args) ? args[0] : args
+  };
+};
+export const saturate = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    saturate: Array.isArray(args) ? args[0] : args
+  };
+};
+export const opacity = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  return {
+    hueRotate: Array.isArray(args) ? args[0] : args
+  };
+};
+const color = ["color", "string"];
+const offsetX = ["offsetX", "number"];
+const offsetY = ["offsetY", "number"];
+const blurRadius = ["blurRadius", "number"];
+const handler = shorthandHandler([[offsetX, offsetY, blurRadius, color], [color, offsetX, offsetY], [color, offsetX, offsetY, blurRadius], [offsetX, offsetY, color], [offsetX, offsetY, blurRadius, color]], [], "object");
+export const dropShadow = (resolveValue, func, get, options) => {
+  const args = resolveValue(func[2]);
+  return isStyleDescriptorArray(args) ? {
+    dropShadow: handler(resolveValue, args, get, options)
+  } : undefined;
+};
+//# sourceMappingURL=filters.js.map

package/dist/module/native/styles/functions/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isStyleDescriptorArray","shorthandHandler","blur","resolveValue","value","args","Array","isArray","brightness","contrast","grayscale","hueRotate","invert","sepia","saturate","opacity","color","offsetX","offsetY","blurRadius","handler","dropShadow","func","get","options","undefined"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/filters.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+export * from "./animation-timing.js";
+export * from "./calc.js";
+export * from "./filters.js";
+export * from "./numeric-functions.js";
+export * from "./platform-functions.js";
+export * from "./string-functions.js";
+export * from "./transform-functions.js";
+export * from "./color-mix.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["native/styles/functions/index.ts"],"mappings":";;AAAA,cAAc,uBAAoB;AAClC,cAAc,WAAQ;AACtB,cAAc,cAAW;AACzB,cAAc,wBAAqB;AACnC,cAAc,yBAAsB;AACpC,cAAc,uBAAoB;AAClC,cAAc,0BAAuB;AACrC,cAAc,gBAAa","ignoreList":[]}

package/dist/module/native/styles/functions/numeric-functions.js

@@ -0,0 +1,25 @@
+"use strict";
+
+export const max = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  if (!Array.isArray(args) || args.some(arg => typeof arg !== "number")) {
+    return;
+  }
+  return Math.max(...args);
+};
+export const min = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  if (!Array.isArray(args) || args.some(arg => typeof arg !== "number")) {
+    return;
+  }
+  return Math.min(...args);
+};
+export const clamp = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  const [clampValue, min, max] = args;
+  if (!Array.isArray(args) || typeof clampValue !== "number" || typeof min !== "number" || typeof max !== "number") {
+    return;
+  }
+  return Math.min(Math.max(clampValue, min), max);
+};
+//# sourceMappingURL=numeric-functions.js.map

package/dist/module/native/styles/functions/numeric-functions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["max","resolveValue","value","args","Array","isArray","some","arg","Math","min","clamp","clampValue"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/numeric-functions.ts"],"mappings":";;AAEA,OAAO,MAAMA,GAA0B,GAAGA,CAACC,YAAY,EAAEC,KAAK,KAAK;EACjE,MAAMC,IAAI,GAAGF,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAEnC,IAAI,CAACE,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACG,IAAI,CAAEC,GAAG,IAAK,OAAOA,GAAG,KAAK,QAAQ,CAAC,EAAE;IACvE;EACF;EAEA,OAAOC,IAAI,CAACR,GAAG,CAAC,GAAIG,IAAiB,CAAC;AACxC,CAAC;AAED,OAAO,MAAMM,GAA0B,GAAGA,CAACR,YAAY,EAAEC,KAAK,KAAK;EACjE,MAAMC,IAAI,GAAGF,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAEnC,IAAI,CAACE,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACG,IAAI,CAAEC,GAAG,IAAK,OAAOA,GAAG,KAAK,QAAQ,CAAC,EAAE;IACvE;EACF;EAEA,OAAOC,IAAI,CAACC,GAAG,CAAC,GAAIN,IAAiB,CAAC;AACxC,CAAC;AAED,OAAO,MAAMO,KAA4B,GAAGA,CAACT,YAAY,EAAEC,KAAK,KAAK;EACnE,MAAMC,IAAI,GAAGF,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAEnC,MAAM,CAACS,UAAU,EAAEF,GAAG,EAAET,GAAG,CAAC,GAAGG,IAAgB;EAE/C,IACE,CAACC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,IACpB,OAAOQ,UAAU,KAAK,QAAQ,IAC9B,OAAOF,GAAG,KAAK,QAAQ,IACvB,OAAOT,GAAG,KAAK,QAAQ,EACvB;IACA;EACF;EAEA,OAAOQ,IAAI,CAACC,GAAG,CAACD,IAAI,CAACR,GAAG,CAACW,UAAU,EAAEF,GAAG,CAAC,EAAET,GAAG,CAAC;AACjD,CAAC","ignoreList":[]}

package/dist/module/native/styles/functions/platform-functions.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { PixelRatio, PlatformColor, StyleSheet } from "react-native";
+export const platformColor = (resolveValue, value) => {
+  const color = resolveValue(value[2]);
+  if (Array.isArray(color)) {
+    return PlatformColor(...color);
+  } else if (typeof color === "string") {
+    return PlatformColor(color);
+  }
+  return;
+};
+export const hairlineWidth = () => {
+  return StyleSheet.hairlineWidth;
+};
+export const pixelRatio = () => {
+  return PixelRatio.get();
+};
+export const fontScale = () => {
+  return PixelRatio.getFontScale();
+};
+export const getPixelSizeForLayoutSize = (resolveValue, value) => {
+  const size = resolveValue(value[2]);
+  if (typeof size === "number") {
+    return PixelRatio.getPixelSizeForLayoutSize(size);
+  }
+  return;
+};
+export const roundToNearestPixel = (resolveValue, value) => {
+  const size = resolveValue(value[2]);
+  if (typeof size === "number") {
+    return PixelRatio.roundToNearestPixel(size);
+  }
+  return;
+};
+//# sourceMappingURL=platform-functions.js.map

package/dist/module/native/styles/functions/platform-functions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PixelRatio","PlatformColor","StyleSheet","platformColor","resolveValue","value","color","Array","isArray","hairlineWidth","pixelRatio","get","fontScale","getFontScale","getPixelSizeForLayoutSize","size","roundToNearestPixel"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/platform-functions.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,aAAa,EAAEC,UAAU,QAAQ,cAAc;AAIpE,OAAO,MAAMC,aAAoC,GAAGA,CAACC,YAAY,EAAEC,KAAK,KAAK;EAC3E,MAAMC,KAAc,GAAGF,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC7C,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;IACxB,OAAOL,aAAa,CAAC,GAAIK,KAAkB,CAAC;EAC9C,CAAC,MAAM,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACpC,OAAOL,aAAa,CAACK,KAAK,CAAC;EAC7B;EAEA;AACF,CAAC;AAED,OAAO,MAAMG,aAAoC,GAAGA,CAAA,KAAM;EACxD,OAAOP,UAAU,CAACO,aAAa;AACjC,CAAC;AAED,OAAO,MAAMC,UAAiC,GAAGA,CAAA,KAAM;EACrD,OAAOV,UAAU,CAACW,GAAG,CAAC,CAAC;AACzB,CAAC;AAED,OAAO,MAAMC,SAAgC,GAAGA,CAAA,KAAM;EACpD,OAAOZ,UAAU,CAACa,YAAY,CAAC,CAAC;AAClC,CAAC;AAED,OAAO,MAAMC,yBAAgD,GAAGA,CAC9DV,YAAY,EACZC,KAAK,KACF;EACH,MAAMU,IAAa,GAAGX,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC5C,IAAI,OAAOU,IAAI,KAAK,QAAQ,EAAE;IAC5B,OAAOf,UAAU,CAACc,yBAAyB,CAACC,IAAI,CAAC;EACnD;EAEA;AACF,CAAC;AAED,OAAO,MAAMC,mBAA0C,GAAGA,CACxDZ,YAAY,EACZC,KAAK,KACF;EACH,MAAMU,IAAa,GAAGX,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC5C,IAAI,OAAOU,IAAI,KAAK,QAAQ,EAAE;IAC5B,OAAOf,UAAU,CAACgB,mBAAmB,CAACD,IAAI,CAAC;EAC7C;EAEA;AACF,CAAC","ignoreList":[]}

package/dist/module/native/styles/functions/string-functions.js

@@ -0,0 +1,18 @@
+"use strict";
+
+export const join = (resolveValue, value) => {
+  const args = resolveValue(value[2]);
+  if (!Array.isArray(args)) {
+    return args;
+  }
+  const array = args[0];
+  const separator = args[1] ?? ",";
+  if (!Array.isArray(array)) {
+    return array;
+  }
+  if (!separator || typeof separator !== "string") {
+    return array.join();
+  }
+  return array.join(separator);
+};
+//# sourceMappingURL=string-functions.js.map

package/dist/module/native/styles/functions/string-functions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["join","resolveValue","value","args","Array","isArray","array","separator"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/string-functions.ts"],"mappings":";;AAEA,OAAO,MAAMA,IAA2B,GAAGA,CAACC,YAAY,EAAEC,KAAK,KAAK;EAClE,MAAMC,IAAI,GAAGF,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAEnC,IAAI,CAACE,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,EAAE;IACxB,OAAOA,IAAI;EACb;EAEA,MAAMG,KAAc,GAAGH,IAAI,CAAC,CAAC,CAAC;EAC9B,MAAMI,SAAkB,GAAGJ,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG;EAEzC,IAAI,CAACC,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EAEA,IAAI,CAACC,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAAE;IAC/C,OAAOD,KAAK,CAACN,IAAI,CAAC,CAAC;EACrB;EAEA,OAAOM,KAAK,CAACN,IAAI,CAACO,SAAS,CAAC;AAC9B,CAAC","ignoreList":[]}

package/dist/module/native/styles/functions/transform-functions.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import { isStyleDescriptorArray } from "react-native-css/utilities";
+export const scale = (resolveValue, descriptor) => {
+  const args = descriptor[2];
+  if (!isStyleDescriptorArray(args)) {
+    return {
+      scale: resolveValue(args)
+    };
+  }
+  const x = resolveValue(args[0]);
+  const y = resolveValue(args[1]);
+  const isXValid = typeof x === "string" || typeof x === "number";
+  const isYValid = typeof y === "string" || typeof y === "number";
+  if (isXValid && isYValid) {
+    return x === y ? {
+      scale: x
+    } : [{
+      scaleX: x
+    }, {
+      scaleY: y
+    }];
+  } else if (isXValid) {
+    return {
+      scaleX: x
+    };
+  } else if (isYValid) {
+    return {
+      scaleY: y
+    };
+  }
+  return;
+};
+export const rotate = (resolveValue, descriptor) => {
+  const args = descriptor[2];
+  if (!isStyleDescriptorArray(args)) {
+    return {
+      rotate: resolveValue(args)
+    };
+  }
+  const x = resolveValue(args[0]);
+  const y = resolveValue(args[1]);
+  const z = resolveValue(args[2]);
+  const isXValid = typeof x === "string" || typeof x === "number";
+  const isYValid = typeof y === "string" || typeof y === "number";
+  const isZValid = typeof z === "string" || typeof z === "number";
+  if (isXValid && isYValid && isZValid) {
+    return [{
+      rotateX: x
+    }, {
+      rotateY: y
+    }, {
+      rotateZ: z
+    }];
+  } else if (isXValid && isYValid) {
+    return [{
+      rotateX: x
+    }, {
+      rotateY: y
+    }];
+  } else if (isXValid && isZValid) {
+    return [{
+      rotateX: x
+    }, {
+      rotateZ: z
+    }];
+  } else if (isYValid && isZValid) {
+    return [{
+      rotateY: y
+    }, {
+      rotateZ: z
+    }];
+  } else if (isXValid) {
+    return {
+      rotateX: x
+    };
+  } else if (isYValid) {
+    return {
+      rotateY: y
+    };
+  } else if (isZValid) {
+    return {
+      rotateZ: z
+    };
+  }
+  return;
+};
+export const translate = (resolveValue, descriptor) => {
+  const args = descriptor[2];
+  if (!isStyleDescriptorArray(args)) {
+    return;
+  }
+  const x = resolveValue(args[0]);
+  const y = resolveValue(args[1]);
+  const isXValid = typeof x === "string" || typeof x === "number";
+  const isYValid = typeof y === "string" || typeof y === "number";
+  if (isXValid && isYValid) {
+    return [{
+      translateX: x
+    }, {
+      translateY: y
+    }];
+  } else if (isXValid) {
+    return {
+      translateX: x
+    };
+  } else if (isYValid) {
+    return {
+      translateY: y
+    };
+  }
+  return;
+};
+//# sourceMappingURL=transform-functions.js.map

package/dist/module/native/styles/functions/transform-functions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isStyleDescriptorArray","scale","resolveValue","descriptor","args","x","y","isXValid","isYValid","scaleX","scaleY","rotate","z","isZValid","rotateX","rotateY","rotateZ","translate","translateX","translateY"],"sourceRoot":"../../../../../src","sources":["native/styles/functions/transform-functions.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,341 @@
+"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 = {
+      ...left
+    };
+  }
+  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