react-native-css 2.1.1 → 3.0.0-nightly.27bd5e2

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

@@ -0,0 +1,82 @@
+"use strict";
+
+/* eslint-disable */
+
+import { applyShorthand } from "../../utils/index.js";
+import { StyleCollection } from "../injection.js";
+import { weakFamily } from "../reactivity.js";
+import { shorthandHandler } from "./shorthand.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 animatedComponentFamily = weakFamily(component => {
+  if ("displayName" in component && component.displayName?.startsWith("Animated.")) {
+    return component;
+  }
+  const createAnimatedComponent = require("react-native-reanimated").createAnimatedComponent;
+  return createAnimatedComponent(component);
+});
+export const animation = (resolveValue, value, get, options) => {
+  const animationShortHandTuples = animationShorthand(resolveValue, value, get, options);
+  if (!Array.isArray(animationShortHandTuples)) {
+    return;
+  }
+  animationShortHandTuples.pop();
+  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);
+};
+const advancedTimingFunctions = {
+  "cubic-bezier": () => {
+    return require("react-native-reanimated").cubicBezier;
+  },
+  "steps": () => {
+    return require("react-native-reanimated").steps;
+  }
+};
+export const timingFunctionResolver = (resolveValue, value) => {
+  const name = value[1];
+  const resolver = advancedTimingFunctions[name];
+  if (!resolver) {
+    return;
+  }
+  const args = resolveValue(value[2]);
+  if (!Array.isArray(args)) {
+    return;
+  }
+  const fn = resolver();
+  const result = fn(...args);
+  return result;
+};
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["applyShorthand","StyleCollection","weakFamily","shorthandHandler","name","delay","duration","iteration","fill","playState","direction","timingFunction","animationShorthand","animatedComponentFamily","component","displayName","startsWith","createAnimatedComponent","require","animation","resolveValue","value","get","options","animationShortHandTuples","Array","isArray","pop","nameTuple","find","tuple","keyframes","progress","declarations","props","calculateProps","s","d","renderGuards","inheritedVariables","inlineVariables","normal","Object","assign","important","style","advancedTimingFunctions","cubic-bezier","cubicBezier","steps","timingFunctionResolver","resolver","args","fn","result"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/animation.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/runtime/native/styles/border.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { shorthandHandler } from "./shorthand.js";
+const width = ["borderWidth", "number"];
+const style = ["borderStyle", "string"];
+const color = ["borderColor", "color", "color"];
+export const border = shorthandHandler([[width, style, color], [style, color], [width, style], [style]], []);
+//# sourceMappingURL=border.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["shorthandHandler","width","style","color","border"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/border.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,gBAAa;AAE9C,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":[]}

package/dist/module/runtime/native/styles/box-shadow.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { isStyleDescriptorArray } from "../../utils/index.js";
+import { shorthandHandler } from "./shorthand.js";
+const color = ["color", "string"];
+const offsetX = ["offsetX", "number"];
+const offsetY = ["offsetY", "number"];
+const blurRadius = ["blurRadius", "number"];
+const spreadDistance = ["spreadDistance", "number"];
+// const inset = ["inset", "string"] as const;
+
+const handler = shorthandHandler([[offsetX, offsetY, blurRadius, spreadDistance, color], [color, offsetX, offsetY], [color, offsetX, offsetY, blurRadius], [color, offsetX, offsetY, blurRadius, spreadDistance], [offsetX, offsetY, color], [offsetX, offsetY, blurRadius, color]], [], "object");
+export const boxShadow = (resolveValue, func, get, options) => {
+  const args = resolveValue(func[2]);
+  if (!isStyleDescriptorArray(args)) {
+    return args;
+  } else {
+    return args.flatMap(shadows => {
+      if (shadows === undefined) {
+        return [];
+      } else if (isStyleDescriptorArray(shadows)) {
+        if (shadows.length === 0) {
+          return [];
+        } else if (Array.isArray(shadows[0])) {
+          return shadows.map(shadow => handler(resolveValue, shadow, get, options)).filter(v => v !== undefined);
+        } else {
+          return handler(resolveValue, shadows, get, options);
+        }
+      } else {
+        return handler(resolveValue, shadows, get, options);
+      }
+    });
+  }
+};
+//# sourceMappingURL=box-shadow.js.map

package/dist/module/runtime/native/styles/box-shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isStyleDescriptorArray","shorthandHandler","color","offsetX","offsetY","blurRadius","spreadDistance","handler","boxShadow","resolveValue","func","get","options","args","flatMap","shadows","undefined","length","Array","isArray","map","shadow","filter","v"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/box-shadow.ts"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,sBAAa;AAEpD,SAASC,gBAAgB,QAAQ,gBAAa;AAE9C,MAAMC,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU;AAC1C,MAAMC,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAU;AAC9C,MAAMC,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAU;AAC9C,MAAMC,UAAU,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAU;AACpD,MAAMC,cAAc,GAAG,CAAC,gBAAgB,EAAE,QAAQ,CAAU;AAC5D;;AAEA,MAAMC,OAAO,GAAGN,gBAAgB,CAC9B,CACE,CAACE,OAAO,EAAEC,OAAO,EAAEC,UAAU,EAAEC,cAAc,EAAEJ,KAAK,CAAC,EACrD,CAACA,KAAK,EAAEC,OAAO,EAAEC,OAAO,CAAC,EACzB,CAACF,KAAK,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,CAAC,EACrC,CAACH,KAAK,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,EAAEC,cAAc,CAAC,EACrD,CAACH,OAAO,EAAEC,OAAO,EAAEF,KAAK,CAAC,EACzB,CAACC,OAAO,EAAEC,OAAO,EAAEC,UAAU,EAAEH,KAAK,CAAC,CACtC,EACD,EAAE,EACF,QACF,CAAC;AAED,OAAO,MAAMM,SAAgC,GAAGA,CAC9CC,YAAY,EACZC,IAAI,EACJC,GAAG,EACHC,OAAO,KACJ;EACH,MAAMC,IAAI,GAAGJ,YAAY,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;EAElC,IAAI,CAACV,sBAAsB,CAACa,IAAI,CAAC,EAAE;IACjC,OAAOA,IAAI;EACb,CAAC,MAAM;IACL,OAAOA,IAAI,CAACC,OAAO,CAAEC,OAAO,IAAK;MAC/B,IAAIA,OAAO,KAAKC,SAAS,EAAE;QACzB,OAAO,EAAE;MACX,CAAC,MAAM,IAAIhB,sBAAsB,CAACe,OAAO,CAAC,EAAE;QAC1C,IAAIA,OAAO,CAACE,MAAM,KAAK,CAAC,EAAE;UACxB,OAAO,EAAE;QACX,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACJ,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;UACpC,OAAOA,OAAO,CACXK,GAAG,CAAEC,MAAM,IAAKd,OAAO,CAACE,YAAY,EAAEY,MAAM,EAAEV,GAAG,EAAEC,OAAO,CAAC,CAAC,CAC5DU,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKP,SAAS,CAAC;QACnC,CAAC,MAAM;UACL,OAAOT,OAAO,CAACE,YAAY,EAAEM,OAAO,EAAEJ,GAAG,EAAEC,OAAO,CAAC;QACrD;MACF,CAAC,MAAM;QACL,OAAOL,OAAO,CAACE,YAAY,EAAEM,OAAO,EAAEJ,GAAG,EAAEC,OAAO,CAAC;MACrD;IACF,CAAC,CAAC;EACJ;AACF,CAAC","ignoreList":[]}

package/dist/module/runtime/native/styles/calc.js

@@ -0,0 +1,79 @@
+"use strict";
+
+/* eslint-disable */
+import { isStyleDescriptorArray } from "../../utils/index.js";
+const calcPrecedence = {
+  "+": 1,
+  "-": 1,
+  "*": 2,
+  "/": 2
+};
+export const calc = (resolveValue, func) => {
+  let mode;
+  const values = [];
+  const ops = [];
+  const args = resolveValue(func[2]);
+  if (!isStyleDescriptorArray(args)) return;
+  for (let token of args) {
+    if (typeof token === "number") {
+      if (!mode) mode = "number";
+      if (mode !== "number") return;
+      values.push(token);
+      continue;
+    } else if (typeof token === "string") {
+      if (token === "(") {
+        ops.push(token);
+      } else if (token === ")") {
+        // Resolve all values within the brackets
+        while (ops.length && ops[ops.length - 1] !== "(") {
+          applyCalcOperator(ops.pop(), values.pop(), values.pop(), values);
+        }
+        ops.pop();
+      } else if (token.endsWith("%")) {
+        if (!mode) mode = "percentage";
+        if (mode !== "percentage") return;
+        values.push(Number.parseFloat(token.slice(0, -1)));
+      } else {
+        // This means we have an operator
+        while (ops.length && ops[ops.length - 1] &&
+        // @ts-ignore
+        calcPrecedence[ops[ops.length - 1]] >= calcPrecedence[token]) {
+          applyCalcOperator(ops.pop(), values.pop(), values.pop(), values);
+        }
+        ops.push(token);
+      }
+    } else {
+      // We got something unexpected
+      return;
+    }
+  }
+  while (ops.length) {
+    applyCalcOperator(ops.pop(), values.pop(), values.pop(), values);
+  }
+  if (!mode) return;
+  const num = values[0];
+  if (typeof num !== "number") {
+    return;
+  }
+  const value = Math.round((num + Number.EPSILON) * 100) / 100;
+  if (mode === "percentage") {
+    return `${value}%`;
+  }
+  return value;
+};
+function applyCalcOperator(operator, b = 0,
+// These are reversed because we pop them off the stack
+a = 0, values) {
+  switch (operator) {
+    case "+":
+      return values.push(a + b);
+    case "-":
+      return values.push(a - b);
+    case "*":
+      return values.push(a * b);
+    case "/":
+      return values.push(a / b);
+  }
+  return;
+}
+//# sourceMappingURL=calc.js.map

package/dist/module/runtime/native/styles/calc.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isStyleDescriptorArray","calcPrecedence","calc","resolveValue","func","mode","values","ops","args","token","push","length","applyCalcOperator","pop","endsWith","Number","parseFloat","slice","num","value","Math","round","EPSILON","operator","b","a"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/calc.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/runtime/native/styles/calculate-props.js

@@ -0,0 +1,118 @@
+"use strict";
+
+/* eslint-disable */
+
+import { applyValue, Specificity as S } from "../../utils/index.js";
+import { VAR_SYMBOL } from "../reactivity.js";
+import { resolveValue } from "./resolve.js";
+export function calculateProps(get, rules, guards = [], inheritedVariables = {
+  [VAR_SYMBOL]: true
+}, inlineVariables = {
+  [VAR_SYMBOL]: "inline"
+}) {
+  let normal;
+  let important;
+  const delayedStyles = [];
+  for (const rule of rules) {
+    if (VAR_SYMBOL in rule) {
+      if (typeof rule[VAR_SYMBOL] === "string") {
+        Object.assign(inlineVariables, rule);
+      } else {
+        Object.assign(inheritedVariables, rule);
+      }
+      continue;
+    }
+    if (rule.v) {
+      for (const variable of rule.v) {
+        inlineVariables[variable[0]] = variable[1];
+      }
+    }
+    if (rule.d) {
+      let topLevelTarget = rule.s?.[S.Important] ? important ??= {} : normal ??= {};
+      let target = topLevelTarget;
+      const ruleTarget = rule.target || "style";
+      if (typeof ruleTarget === "string") {
+        target = target[ruleTarget] ??= {};
+      } else if (ruleTarget) {
+        for (const path of ruleTarget) {
+          target = target[path] ??= {};
+        }
+      }
+      applyDeclarations(get, rule.d, inlineVariables, inheritedVariables, delayedStyles, guards, target, topLevelTarget);
+    }
+  }
+  for (const delayedStyle of delayedStyles) {
+    delayedStyle();
+  }
+  return {
+    normal,
+    guards,
+    important
+  };
+}
+export function applyDeclarations(get, declarations, inlineVariables, inheritedVariables, delayedStyles = [], guards = [], target = {}, topLevelTarget = target) {
+  for (const declaration of declarations) {
+    if (!Array.isArray(declaration)) {
+      // Static styles
+      Object.assign(target, declaration);
+    } else {
+      // Dynamic styles
+      let value = declaration[0];
+      let propPath = declaration[1];
+      let prop = "";
+      if (typeof propPath === "string") {
+        if (propPath.startsWith("^")) {
+          propPath = propPath.slice(1);
+          target = topLevelTarget[propPath] ??= {};
+        }
+        prop = propPath;
+      } else {
+        for (prop of propPath) {
+          if (prop.startsWith("^")) {
+            prop = prop.slice(1);
+            target = topLevelTarget[prop] ??= {};
+          } else {
+            target = target[prop] ??= {};
+          }
+        }
+      }
+      if (Array.isArray(value)) {
+        const shouldDelay = declaration[2];
+        if (shouldDelay) {
+          /**
+           * We need to delay the resolution of this value until after all
+           * styles have been calculated. But another style might override
+           * this value. So we set a placeholder value and only override
+           * if the placeholder is preserved
+           *
+           * This also ensures the props exist, so setValue will properly
+           * mutate the props object and not create a new one
+           */
+          const originalValue = value;
+          value = {};
+          delayedStyles.push(() => {
+            if (target[prop] === value) {
+              delete target[prop];
+              value = resolveValue(originalValue, get, {
+                inlineVariables,
+                inheritedVariables,
+                renderGuards: guards,
+                calculateProps
+              });
+              applyValue(target, prop, value);
+            }
+          });
+        } else {
+          value = resolveValue(value, get, {
+            inlineVariables,
+            inheritedVariables,
+            renderGuards: guards,
+            calculateProps
+          });
+        }
+        applyValue(target, prop, value);
+      }
+    }
+  }
+}
+//# sourceMappingURL=calculate-props.js.map

package/dist/module/runtime/native/styles/calculate-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["applyValue","Specificity","S","VAR_SYMBOL","resolveValue","calculateProps","get","rules","guards","inheritedVariables","inlineVariables","normal","important","delayedStyles","rule","Object","assign","v","variable","d","topLevelTarget","s","Important","target","ruleTarget","path","applyDeclarations","delayedStyle","declarations","declaration","Array","isArray","value","propPath","prop","startsWith","slice","shouldDelay","originalValue","push","renderGuards"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/calculate-props.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/runtime/native/styles/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export const emVariableName = "__rn-css-em";
+export const ShortHandSymbol = Symbol();
+//# sourceMappingURL=constants.js.map

package/dist/module/runtime/native/styles/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["emVariableName","ShortHandSymbol","Symbol"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GAAG,aAAa;AAC3C,OAAO,MAAMC,eAAe,GAAGC,MAAM,CAAC,CAAC","ignoreList":[]}

package/dist/module/runtime/native/styles/defaults.js

@@ -0,0 +1,65 @@
+"use strict";
+
+/* eslint-disable */
+export const transformKeys = new Set(["translateX", "translateY", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skewX", "skewY", "perspective", "matrix", "transformOrigin"]);
+export const defaultValues = {
+  backgroundColor: "transparent",
+  borderBottomColor: "transparent",
+  borderBottomLeftRadius: 0,
+  borderBottomRightRadius: 0,
+  borderBottomWidth: 0,
+  borderColor: "transparent",
+  borderLeftColor: "transparent",
+  borderLeftWidth: 0,
+  borderRadius: 0,
+  borderRightColor: "transparent",
+  borderRightWidth: 0,
+  borderTopColor: "transparent",
+  borderTopWidth: 0,
+  borderWidth: 0,
+  bottom: 0,
+  color: "black",
+  flex: 1,
+  flexBasis: 1,
+  flexGrow: 1,
+  flexShrink: 0,
+  fontSize: 14,
+  fontWeight: "400",
+  gap: 0,
+  left: 0,
+  lineHeight: 14,
+  margin: 0,
+  marginBottom: 0,
+  marginLeft: 0,
+  marginRight: 0,
+  marginTop: 0,
+  maxHeight: 99999,
+  maxWidth: 99999,
+  minHeight: 0,
+  minWidth: 0,
+  opacity: 1,
+  padding: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  paddingTop: 0,
+  perspective: 1,
+  right: 0,
+  rotate: "0deg",
+  rotateX: "0deg",
+  rotateY: "0deg",
+  rotateZ: "0deg",
+  scale: 1,
+  scaleX: 1,
+  scaleY: 1,
+  skewX: "0deg",
+  skewY: "0deg",
+  textShadowRadius: 0,
+  top: 0,
+  transformOrigin: "50%",
+  translateX: 0,
+  translateY: 0,
+  width: 0,
+  zIndex: 0
+};
+//# sourceMappingURL=defaults.js.map

package/dist/module/runtime/native/styles/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["transformKeys","Set","defaultValues","backgroundColor","borderBottomColor","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","borderColor","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderTopColor","borderTopWidth","borderWidth","bottom","color","flex","flexBasis","flexGrow","flexShrink","fontSize","fontWeight","gap","left","lineHeight","margin","marginBottom","marginLeft","marginRight","marginTop","maxHeight","maxWidth","minHeight","minWidth","opacity","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","perspective","right","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","skewX","skewY","textShadowRadius","top","transformOrigin","translateX","translateY","width","zIndex"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/defaults.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,aAAa,GAAG,IAAIC,GAAG,CAAC,CACnC,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,QAAQ,EACR,iBAAiB,CAClB,CAAC;AAEF,OAAO,MAAMC,aAAkC,GAAG;EAChDC,eAAe,EAAE,aAAa;EAC9BC,iBAAiB,EAAE,aAAa;EAChCC,sBAAsB,EAAE,CAAC;EACzBC,uBAAuB,EAAE,CAAC;EAC1BC,iBAAiB,EAAE,CAAC;EACpBC,WAAW,EAAE,aAAa;EAC1BC,eAAe,EAAE,aAAa;EAC9BC,eAAe,EAAE,CAAC;EAClBC,YAAY,EAAE,CAAC;EACfC,gBAAgB,EAAE,aAAa;EAC/BC,gBAAgB,EAAE,CAAC;EACnBC,cAAc,EAAE,aAAa;EAC7BC,cAAc,EAAE,CAAC;EACjBC,WAAW,EAAE,CAAC;EACdC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE,CAAC;EACXC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,KAAK;EACjBC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,UAAU,EAAE,EAAE;EACdC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE,CAAC;EACfC,UAAU,EAAE,CAAC;EACbC,WAAW,EAAE,CAAC;EACdC,SAAS,EAAE,CAAC;EACZC,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE,CAAC;EACXC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE,CAAC;EACVC,aAAa,EAAE,CAAC;EAChBC,WAAW,EAAE,CAAC;EACdC,YAAY,EAAE,CAAC;EACfC,UAAU,EAAE,CAAC;EACbC,WAAW,EAAE,CAAC;EACdC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,MAAM;EACfC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,gBAAgB,EAAE,CAAC;EACnBC,GAAG,EAAE,CAAC;EACNC,eAAe,EAAE,KAAK;EACtBC,UAAU,EAAE,CAAC;EACbC,UAAU,EAAE,CAAC;EACbC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+import { isStyleDescriptorArray } from "../../utils/index.js";
+import { shorthandHandler } from "./shorthand.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/runtime/native/styles/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":["runtime/native/styles/filters.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+/* eslint-disable */
+
+import { specificityCompareFn } from "../../utils/index.js";
+import { getInteractionHandler } from "../react/interaction.js";
+import { activeFamily, containerLayoutFamily, family, focusFamily, hoverFamily, observable, VAR_SYMBOL } from "../reactivity.js";
+import { calculateProps } from "./calculate-props.js";
+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, styledProps?.normal, inline, true);
+    if (styledProps?.important) {
+      result = deepMergeConfig(config, result, styledProps.important);
+    }
+
+    // Apply the handlers
+    if (hoverFamily.has(state.ruleEffect)) {
+      result ??= {};
+      result.onHoverIn = getInteractionHandler(state.ruleEffect, "onHoverIn", inline?.onHoverIn);
+      result.onHoverOut = getInteractionHandler(state.ruleEffect, "onHoverOut", inline?.onHoverOut);
+    }
+    if (activeFamily.has(state.ruleEffect)) {
+      result ??= {};
+      result.onPress = getInteractionHandler(state.ruleEffect, "onPress", inline?.onPress);
+      result.onPressIn = getInteractionHandler(state.ruleEffect, "onPressIn", inline?.onPressIn);
+      result.onPressOut = getInteractionHandler(state.ruleEffect, "onPressOut", inline?.onPressOut);
+    }
+    if (focusFamily.has(state.ruleEffect)) {
+      result ??= {};
+      result.onBlur = getInteractionHandler(state.ruleEffect, "onBlur", inline?.onBlur);
+      result.onFocus = getInteractionHandler(state.ruleEffect, "onFocus", inline?.onFocus);
+    }
+    if (containerLayoutFamily.has(state.ruleEffect)) {
+      result ??= {};
+      result.onLayout = getInteractionHandler(state.ruleEffect, "onLayout", inline?.onLayout);
+    }
+  }
+  return result;
+}
+function deepMergeConfig(config, left, right, rightIsInline = false) {
+  if (!config.target || !right) {
+    return {
+      ...left
+    };
+  }
+  let 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) && config.target.length > 1) {
+    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 = Array.isArray(config.target) ? config.target[0] : config.target;
+  if (target === undefined) {
+    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 && VAR_SYMBOL in v);
+      });
+      if (rightValue.length === 0) {
+        rightValue = undefined;
+      }
+    } else if (typeof rightValue === "object" && rightValue && VAR_SYMBOL in rightValue) {
+      rightValue = undefined;
+      delete result[target][VAR_SYMBOL];
+    }
+  }
+  if (rightValue !== undefined) {
+    result[target] = left && target in left ? [left[target], rightValue] : rightValue;
+  }
+  return result;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["specificityCompareFn","getInteractionHandler","activeFamily","containerLayoutFamily","family","focusFamily","hoverFamily","observable","VAR_SYMBOL","calculateProps","stylesFamily","hash","rules","sortedRules","Array","from","sort","obs","read","Object","assign","cleanup","effect","observers","delete","size","getStyledProps","state","inline","result","styledProps","stylesObs","get","styleEffect","config","configs","deepMergeConfig","normal","important","has","ruleEffect","onHoverIn","onHoverOut","onPress","onPressIn","onPressOut","onBlur","onFocus","onLayout","left","right","rightIsInline","target","source","isArray","length","i","key","undefined","slice","rightValue","filter","v"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/index.ts"],"mappings":"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","ignoreList":[]}