react-native-css 3.0.0-nightly.61014be → 3.0.0-nightly.67b5d08

package/src/runtime/native/styles/functions/transform-functions.ts

@@ -0,0 +1,84 @@
+import { isStyleDescriptorArray } from "../../../utils";
+import type { StyleFunctionResolver } from "../resolve";
+
+export const scale: StyleFunctionResolver = (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: StyleFunctionResolver = (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: StyleFunctionResolver = (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;
+};

package/src/runtime/native/styles/index.ts

@@ -55,57 +55,57 @@ export function getStyledProps(
     }
 
     // Apply the handlers
-    if (hoverFamily.has(state.ruleEffect)) {
+    if (hoverFamily.has(state.ruleEffectGetter)) {
       result ??= {};
       result.onHoverIn = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onHoverIn",
         inline?.onHoverIn,
       );
       result.onHoverOut = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onHoverOut",
         inline?.onHoverOut,
       );
     }
 
-    if (activeFamily.has(state.ruleEffect)) {
+    if (activeFamily.has(state.ruleEffectGetter)) {
       result ??= {};
       result.onPress = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onPress",
         inline?.onPress,
       );
       result.onPressIn = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onPressIn",
         inline?.onPressIn,
       );
       result.onPressOut = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onPressOut",
         inline?.onPressOut,
       );
     }
 
-    if (focusFamily.has(state.ruleEffect)) {
+    if (focusFamily.has(state.ruleEffectGetter)) {
       result ??= {};
       result.onBlur = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onBlur",
         inline?.onBlur,
       );
       result.onFocus = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onFocus",
         inline?.onFocus,
       );
     }
 
-    if (containerLayoutFamily.has(state.ruleEffect)) {
+    if (containerLayoutFamily.has(state.ruleEffectGetter)) {
       result ??= {};
       result.onLayout = getInteractionHandler(
-        state.ruleEffect,
+        state.ruleEffectGetter,
         "onLayout",
         inline?.onLayout,
       );

package/src/runtime/native/styles/resolve.ts

@@ -7,34 +7,10 @@ import type {
 } from "../../../compiler";
 import type { RenderGuard } from "../conditions/guards";
 import { type Getter, type VariableContextValue } from "../reactivity";
-import { animation, timingFunctionResolver } from "./animation";
-import { border } from "./border";
-import { boxShadow } from "./box-shadow";
-import { calc } from "./calc";
 import type { calculateProps } from "./calculate-props";
 import { transformKeys } from "./defaults";
-import {
-  blur,
-  brightness,
-  contrast,
-  dropShadow,
-  grayscale,
-  hueRotate,
-  invert,
-  opacity,
-  saturate,
-  sepia,
-} from "./filters";
-import {
-  fontScale,
-  hairlineWidth,
-  pixelRatio,
-  pixelSizeForLayoutSize,
-  platformColor,
-  roundToNearestPixel,
-} from "./platform-functions";
-import { textShadow } from "./text-shadow";
-import { transform } from "./transform";
+import * as functions from "./functions";
+import * as shorthands from "./shorthands";
 import { em, rem, vh, vw } from "./units";
 import { varResolver } from "./variables";
 
@@ -57,34 +33,12 @@ export type StyleResolver = (
   options: ResolveValueOptions,
 ) => unknown;
 
-const functions: Record<string, StyleFunctionResolver> = {
-  "@animation": animation,
-  "@border": border,
-  "@boxShadow": boxShadow,
-  "@textShadow": textShadow,
-  "@transform": transform,
-  "animationName": animation,
-  "cubic-bezier": timingFunctionResolver,
-  "steps": timingFunctionResolver,
-  "hue-rotate": hueRotate,
-  "drop-shadow": dropShadow,
-  blur,
-  brightness,
-  calc,
-  contrast,
+const functionResolvers = {
+  ...shorthands,
+  ...functions,
+  animationName: shorthands.animation,
   em,
-  fontScale,
-  grayscale,
-  hairlineWidth,
-  invert,
-  opacity,
-  pixelRatio,
-  pixelSizeForLayoutSize,
-  platformColor,
   rem,
-  roundToNearestPixel,
-  saturate,
-  sepia,
   vh,
   vw,
 };
@@ -116,10 +70,16 @@ export function resolveValue(
     case "number":
     case "boolean":
       return value;
-    case "string":
-      return value.endsWith("px") // Inline vars() might set a value with a px suffix
-        ? parseInt(value.slice(0, -2), 10)
-        : 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;
@@ -145,8 +105,8 @@ export function resolveValue(
 
       if (name === "var") {
         return varResolver(simpleResolve, value, get, options);
-      } else if (name in functions) {
-        const fn = functions[name];
+      } else if (name in functionResolvers) {
+        const fn = functionResolvers[name as keyof typeof functionResolvers];
 
         if (typeof fn !== "function") {
           throw new Error(`Unknown function: ${name}`);
@@ -160,11 +120,7 @@ export function resolveValue(
         ) as StyleDescriptor;
       } else if (transformKeys.has(name)) {
         // translate, rotate, scale, etc.
-        const args = value[2];
-        return simpleResolve(args, castToArray);
-      } else if (transformKeys.has(name.slice(1))) {
-        // @translate, @rotate, @scale, etc.
-        return { [name.slice(1)]: simpleResolve(value[2], castToArray) };
+        return { [name]: simpleResolve(value[2], castToArray) };
       } else {
         let args = simpleResolve(value[2], castToArray);
 
@@ -178,6 +134,7 @@ export function resolveValue(
               }
               return arg;
             })
+            .filter((value) => value !== "/")
             .join(", ");
 
           if (name === "radial-gradient") {

package/src/runtime/native/styles/{shorthand.ts → shorthands/_handler.ts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import { setDeepPath } from "../../utils/objects";
-import { isStyleDescriptorArray } from "../../utils/style-value";
-import { ShortHandSymbol } from "./constants";
-import { defaultValues } from "./defaults";
-import type { StyleResolver } from "./resolve";
+import { setDeepPath } from "../../../utils/objects";
+import { isStyleDescriptorArray } from "../../../utils/style-value";
+import { ShortHandSymbol } from "../constants";
+import { defaultValues } from "../defaults";
+import type { StyleResolver } from "../resolve";
 
 type ShorthandType =
   | "string"

package/src/runtime/native/styles/{animation.ts → shorthands/animation.ts}

@@ -1,11 +1,8 @@
 /* eslint-disable */
-import type { ComponentType } from "react";
-
-import { applyShorthand } from "../../utils";
-import { StyleCollection } from "../injection";
-import { weakFamily } from "../reactivity";
-import type { StyleFunctionResolver } from "./resolve";
-import { shorthandHandler } from "./shorthand";
+import { applyShorthand } from "../../../utils";
+import { StyleCollection } from "../../injection";
+import type { StyleFunctionResolver } from "../resolve";
+import { shorthandHandler } from "./_handler";
 
 const name = ["animationName", "string", "none"] as const;
 const delay = ["animationDelay", "number", 0] as const;
@@ -61,22 +58,6 @@ export const animationShorthand = shorthandHandler(
   "tuples",
 );
 
-export const animatedComponentFamily = weakFamily(
-  (component: ComponentType) => {
-    if (
-      "displayName" in component &&
-      component.displayName?.startsWith("Animated.")
-    ) {
-      return component;
-    }
-
-    const createAnimatedComponent =
-      require("react-native-reanimated").createAnimatedComponent;
-
-    return createAnimatedComponent(component);
-  },
-);
-
 export const animation: StyleFunctionResolver = (
   resolveValue,
   value,
@@ -139,43 +120,3 @@ export const animation: StyleFunctionResolver = (
 
   return applyShorthand(animationShortHandTuples);
 };
-
-const advancedTimingFunctions: Record<
-  string,
-  () => (...args: any[]) => unknown
-> = {
-  "cubic-bezier": () => {
-    return (
-      require("react-native-reanimated") as typeof import("react-native-reanimated")
-    ).cubicBezier;
-  },
-  "steps": () => {
-    return (
-      require("react-native-reanimated") as typeof import("react-native-reanimated")
-    ).steps;
-  },
-};
-
-export const timingFunctionResolver: StyleFunctionResolver = (
-  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;
-};

package/src/runtime/native/styles/{border.ts → shorthands/border.ts}

@@ -1,4 +1,4 @@
-import { shorthandHandler } from "./shorthand";
+import { shorthandHandler } from "./_handler";
 
 const width = ["borderWidth", "number"] as const;
 const style = ["borderStyle", "string"] as const;

package/src/runtime/native/styles/{box-shadow.ts → shorthands/box-shadow.ts}

@@ -1,6 +1,6 @@
-import { isStyleDescriptorArray } from "../../utils";
-import type { StyleFunctionResolver } from "./resolve";
-import { shorthandHandler } from "./shorthand";
+import { isStyleDescriptorArray } from "../../../utils";
+import type { StyleFunctionResolver } from "../resolve";
+import { shorthandHandler } from "./_handler";
 
 const color = ["color", "string"] as const;
 const offsetX = ["offsetX", "number"] as const;

package/src/runtime/native/styles/shorthands/index.ts

@@ -0,0 +1,5 @@
+export * from "./animation";
+export * from "./border";
+export * from "./box-shadow";
+export * from "./text-shadow";
+export * from "./transform";

package/src/runtime/native/styles/{text-shadow.ts → shorthands/text-shadow.ts}

@@ -1,4 +1,4 @@
-import { shorthandHandler } from "./shorthand";
+import { shorthandHandler } from "./_handler";
 
 const width = [["textShadowOffset", "width"], "number"] as const;
 const height = [["textShadowOffset", "height"], "number"] as const;

package/src/runtime/native/styles/{transform.ts → shorthands/transform.ts}

@@ -1,4 +1,4 @@
-import type { StyleFunctionResolver } from "./resolve";
+import type { StyleFunctionResolver } from "../resolve";
 
 /**
  * Handle the unparsable transform property by converting its values into StyleDeclarations
@@ -11,7 +11,9 @@ export const transform: StyleFunctionResolver = (
   const transforms = resolveValue(transformDescriptor[2]);
 
   if (Array.isArray(transforms)) {
-    return transforms.filter((transform) => transform !== undefined) as unknown;
+    return transforms.filter(
+      (transform) => transform !== undefined && transform !== "initial",
+    ) as unknown;
   } else if (transforms) {
     // If it's a single transform, wrap it in an array
     return [transforms];

package/src/runtime/native/styles/units.ts

@@ -2,17 +2,21 @@
 import { rem as remObs, vh as vhObs, vw as vwObs } from "../reactivity";
 import type { StyleFunctionResolver } from "./resolve";
 
-export const em: StyleFunctionResolver = (resolve, func) => {
+export const em: StyleFunctionResolver = (resolve, func, get) => {
   let value = func[2];
 
-  if (!value) {
+  if (typeof value !== "number") {
     return;
   }
 
-  const emValue = resolve([{}, "var", ["__rn-css-em"]]);
+  let emValue = resolve([{}, "var", ["__rn-css-em"]]);
 
   if (typeof emValue !== "number") {
-    return undefined;
+    emValue = get(remObs);
+  }
+
+  if (typeof emValue !== "number") {
+    return;
   }
 
   return round(Number(value) * emValue);

package/src/runtime/native/styles/variables.ts

@@ -1,11 +1,7 @@
 import type { StyleDescriptor, StyleFunction } from "../../../compiler";
 import { isStyleDescriptorArray } from "../../utils";
-import {
-  rootVariables,
-  universalVariables,
-  VAR_SYMBOL,
-  type Getter,
-} from "../reactivity";
+import { VAR_SYMBOL, type Getter } from "../reactivity";
+import { rootVariables, universalVariables } from "../root";
 import type { ResolveValueOptions, SimpleResolveValue } from "./resolve";
 
 export function varResolver(

package/src/runtime/utils/objects.ts

@@ -23,6 +23,10 @@ export function getDeepPath(source: any, paths: string | string[] | false) {
     }
 
     return target;
+  } else if (transformKeys.has(paths)) {
+    return Array.isArray(source?.transform)
+      ? source.transform.find((t: any) => t[paths] !== undefined)
+      : source.transform;
   } else {
     return source?.[paths];
   }
@@ -49,8 +53,13 @@ export function applyValue(
   prop: string,
   value: any,
 ) {
+  // This is confusing.
+  // An undefined value means "don't set anything" (something failed while parsing)
+  // While a null value means "remove this value", which in React Native means "set to undefined"
   if (value === undefined) {
     return;
+  } else if (value === null) {
+    value = undefined;
   }
 
   if (transformKeys.has(prop)) {
@@ -58,12 +67,15 @@ export function applyValue(
       target.transform = [];
     }
 
-    const transform = target.transform.find((t: any) => t[prop] !== undefined);
+    const transformArray: Record<string, unknown>[] = target.transform;
 
-    if (transform) {
-      transform[prop] = value;
+    // Remove any existing values
+    target.transform = transformArray.filter((t) => !(prop in t));
+
+    if (Array.isArray(value)) {
+      target.transform.push(...value);
     } else {
-      target.transform.push({ [prop]: value });
+      target.transform.push(value);
     }
     return;
   } else if (typeof value === "object" && value && ShortHandSymbol in value) {

package/src/runtime/utils/specificity.ts

@@ -8,6 +8,7 @@ export const Specificity = {
   Important: 2,
   Inline: 3,
   PseudoElements: 4,
+  PseudoClass: 1,
   // Id: 0, - We don't support ID yet
   // StyleSheet: 0, - We don't support multiple stylesheets
 };

package/dist/commonjs/compiler/attributes.test.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _index = require("../compiler/index.js");
-test("multiple classes", () => {
-  const compiled = (0, _index.compile)(`
-.my-class.test {
-  color: red;
-}`);
-  expect(compiled).toStrictEqual({
-    s: [["test", [{
-      aq: [["a", "className", "*=", "my-class"]],
-      d: [{
-        color: "#f00"
-      }],
-      s: [1, 2],
-      v: [["__rn-css-color", "#f00"]]
-    }]]]
-  });
-});
-//# sourceMappingURL=attributes.test.js.map

package/dist/commonjs/compiler/attributes.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","test","compiled","compile","expect","toStrictEqual","s","aq","d","color","v"],"sourceRoot":"../../../src","sources":["compiler/attributes.test.ts"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEAC,IAAI,CAAC,kBAAkB,EAAE,MAAM;EAC7B,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC;AAC3B;AACA;AACA,EAAE,CAAC;EAEDC,MAAM,CAACF,QAAQ,CAAC,CAACG,aAAa,CAAC;IAC7BC,CAAC,EAAE,CACD,CACE,MAAM,EACN,CACE;MACEC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;MAC1CC,CAAC,EAAE,CACD;QACEC,KAAK,EAAE;MACT,CAAC,CACF;MACDH,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACTI,CAAC,EAAE,CAAC,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAChC,CAAC,CACF,CACF;EAEL,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","_injection","_reactivity","_shorthand","name","delay","duration","iteration","fill","playState","direction","timingFunction","animationShorthand","exports","shorthandHandler","animatedComponentFamily","weakFamily","component","displayName","startsWith","createAnimatedComponent","animation","resolveValue","value","get","options","animationShortHandTuples","Array","isArray","pop","nameTuple","find","tuple","keyframes","StyleCollection","progress","declarations","props","calculateProps","s","d","renderGuards","inheritedVariables","inlineVariables","normal","Object","assign","important","style","applyShorthand","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/commonjs/runtime/native/styles/border.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_shorthand","require","width","style","color","border","exports","shorthandHandler"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/border.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,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;AAEjD,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,2BAAgB,EACpC,CAAC,CAACL,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/commonjs/runtime/native/styles/box-shadow.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","_shorthand","color","offsetX","offsetY","blurRadius","spreadDistance","handler","shorthandHandler","boxShadow","resolveValue","func","get","options","args","isStyleDescriptorArray","flatMap","shadows","undefined","length","Array","isArray","map","shadow","filter","v","exports"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/box-shadow.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEA,MAAME,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,GAAG,IAAAC,2BAAgB,EAC9B,CACE,CAACL,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;AAEM,MAAMO,SAAgC,GAAGA,CAC9CC,YAAY,EACZC,IAAI,EACJC,GAAG,EACHC,OAAO,KACJ;EACH,MAAMC,IAAI,GAAGJ,YAAY,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;EAElC,IAAI,CAAC,IAAAI,6BAAsB,EAACD,IAAI,CAAC,EAAE;IACjC,OAAOA,IAAI;EACb,CAAC,MAAM;IACL,OAAOA,IAAI,CAACE,OAAO,CAAEC,OAAO,IAAK;MAC/B,IAAIA,OAAO,KAAKC,SAAS,EAAE;QACzB,OAAO,EAAE;MACX,CAAC,MAAM,IAAI,IAAAH,6BAAsB,EAACE,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,IAAKhB,OAAO,CAACG,YAAY,EAAEa,MAAM,EAAEX,GAAG,EAAEC,OAAO,CAAC,CAAC,CAC5DW,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKP,SAAS,CAAC;QACnC,CAAC,MAAM;UACL,OAAOX,OAAO,CAACG,YAAY,EAAEO,OAAO,EAAEL,GAAG,EAAEC,OAAO,CAAC;QACrD;MACF,CAAC,MAAM;QACL,OAAON,OAAO,CAACG,YAAY,EAAEO,OAAO,EAAEL,GAAG,EAAEC,OAAO,CAAC;MACrD;IACF,CAAC,CAAC;EACJ;AACF,CAAC;AAACa,OAAA,CAAAjB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calc = void 0;
-var _index = require("../../utils/index.js");
-/* eslint-disable */
-
-const calcPrecedence = {
-  "+": 1,
-  "-": 1,
-  "*": 2,
-  "/": 2
-};
-const calc = (resolveValue, func) => {
-  let mode;
-  const values = [];
-  const ops = [];
-  const args = resolveValue(func[2]);
-  if (!(0, _index.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;
-};
-exports.calc = calc;
-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