react-native-css 3.0.0-nightly.fa5e95b → 3.0.0-preview.1

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

@@ -1,25 +1,24 @@
-/* eslint-disable */
-import { rem as remObs, vh as vhObs, vw as vwObs } from "../reactivity";
+import { vh as vhObs, vw as vwObs } from "../reactivity";
 import type { StyleFunctionResolver } from "./resolve";
 
-export const em: StyleFunctionResolver = (resolve, func, get) => {
-  let value = func[2];
+export const em: StyleFunctionResolver = (resolve, func) => {
+  const value = func[2];
 
-  if (!value) {
+  if (typeof value !== "number") {
     return;
   }
 
   let emValue = resolve([{}, "var", ["__rn-css-em"]]);
 
   if (typeof emValue !== "number") {
-    emValue = get(remObs);
+    emValue = resolve([{}, "var", ["__rn-css-rem"]]);
   }
 
   if (typeof emValue !== "number") {
     return;
   }
 
-  return round(Number(value) * emValue);
+  return round(value * emValue);
 };
 
 export const vw: StyleFunctionResolver = (_, func, get) => {
@@ -42,14 +41,20 @@ export const vh: StyleFunctionResolver = (_, func, get) => {
   return round((value / 100) * get(vhObs));
 };
 
-export const rem: StyleFunctionResolver = (_, func, get) => {
+export const rem: StyleFunctionResolver = (resolve, func) => {
   const value = func[2];
 
   if (typeof value !== "number") {
     return;
   }
 
-  return round(value * get(remObs));
+  const remValue = resolve([{}, "var", ["__rn-css-rem"]]);
+
+  if (typeof remValue === "number") {
+    return round(value * remValue);
+  }
+
+  return;
 };
 
 function round(number: number) {

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

@@ -1,11 +1,11 @@
-import type { StyleDescriptor, StyleFunction } from "../../../compiler";
-import { isStyleDescriptorArray } from "../../utils";
 import {
   rootVariables,
   universalVariables,
-  VAR_SYMBOL,
-  type Getter,
-} from "../reactivity";
+} from "react-native-css/style-collection";
+
+import type { StyleDescriptor, StyleFunction } from "../../../compiler";
+import { isStyleDescriptorArray } from "../../utils";
+import { VAR_SYMBOL, type Getter } from "../reactivity";
 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/src/runtime/web/{api.ts → api.tsx}

@@ -1,4 +1,9 @@
-import { createElement, type ComponentProps } from "react";
+import {
+  createElement,
+  useMemo,
+  type ComponentProps,
+  type PropsWithChildren,
+} from "react";
 import { Appearance } from "react-native";
 
 import type {
@@ -24,7 +29,7 @@ export const styled = <
   };
 };
 
-export const useCssElement = <const C extends ReactComponent>(
+export const useCssElement = <C extends ReactComponent>(
   component: C,
   incomingProps: Props,
   mapping: StyledConfiguration<C>,
@@ -66,7 +71,10 @@ export const colorScheme: ColorScheme = {
   },
 };
 
-export function vars(variables: Record<`--${string}`, string | number>) {
+/**
+ * @deprecated Use `<VariableContextProvider />` instead.
+ */
+export function vars(variables: Record<string, string | number>) {
   const $variables: Record<string, string> = {};
 
   for (const [key, value] of Object.entries(variables)) {
@@ -79,6 +87,24 @@ export function vars(variables: Record<`--${string}`, string | number>) {
   return $variables;
 }
 
+export function VariableContextProvider(
+  props: PropsWithChildren<{ value: Record<`--${string}`, string> }>,
+) {
+  const style = useMemo(() => {
+    return {
+      display: "content",
+      ...Object.fromEntries(
+        Object.entries(props.value).map(([key, value]) => [
+          key.startsWith("--") ? key : `--${key}`,
+          value,
+        ]),
+      ),
+    };
+  }, [props.value]);
+
+  return <div style={style}>{props.children}</div>;
+}
+
 export const useNativeVariable = () => {
   throw new Error("useNativeVariable is not supported in web");
 };

package/src/style-collection/index.ts

@@ -0,0 +1,142 @@
+import type {
+  Animation,
+  ReactNativeCssStyleSheet,
+  StyleRuleSet,
+} from "react-native-css/compiler";
+
+import { DEFAULT_CONTAINER_NAME } from "../runtime/native/conditions/container-query";
+import {
+  family,
+  observable,
+  observableBatch,
+  type Observable,
+} from "../runtime/native/reactivity";
+import { rootVariables, universalVariables } from "./root";
+
+export { rootVariables, universalVariables };
+
+interface StyleCollectionType {
+  styles: ReturnType<typeof family<string, Observable<StyleRuleSet>>>;
+  keyframes: ReturnType<typeof family<string, Observable<Animation[1]>>>;
+  inject: (options: ReactNativeCssStyleSheet) => void;
+}
+
+declare global {
+  var __react_native_css_style_collection: StyleCollectionType | undefined;
+}
+
+globalThis.__react_native_css_style_collection ??= {
+  styles: family<string, Observable<StyleRuleSet>>(() => {
+    return observable([], isDeepEqual);
+  }),
+  keyframes: family<string, Observable<Animation[1]>>(() => {
+    return observable([], isDeepEqual);
+  }),
+  inject: function (options: ReactNativeCssStyleSheet) {
+    observableBatch.current = new Set();
+
+    StyleCollection.styles("will-change-variable").set([
+      {
+        s: [0],
+        v: [],
+      },
+    ]);
+
+    StyleCollection.styles("will-change-container").set([
+      {
+        s: [0],
+        c: [DEFAULT_CONTAINER_NAME],
+      },
+    ]);
+
+    StyleCollection.styles("will-change-animation").set([
+      {
+        s: [0],
+        a: true,
+      },
+    ]);
+
+    StyleCollection.styles("will-change-pressable").set([
+      {
+        s: [0],
+        p: {
+          h: 1,
+        },
+      },
+    ]);
+
+    if (options.s) {
+      for (const style of options.s) {
+        StyleCollection.styles(style[0]).set(style[1]);
+      }
+    }
+
+    if (options.k) {
+      for (const keyframes of options.k) {
+        StyleCollection.keyframes(keyframes[0]).set(keyframes[1]);
+      }
+    }
+
+    if (options.vr) {
+      for (const entry of options.vr) {
+        rootVariables(entry[0]).set(entry[1]);
+      }
+    }
+
+    if (options.vu) {
+      for (const entry of options.vu) {
+        rootVariables(entry[0]).set(entry[1]);
+      }
+    }
+
+    for (const effect of observableBatch.current) {
+      effect.run();
+    }
+
+    observableBatch.current = undefined;
+  },
+};
+
+export const StyleCollection = globalThis.__react_native_css_style_collection;
+
+function isDeepEqual(a: unknown, b: unknown): boolean {
+  const aArray = Array.isArray(a);
+  const bArray = Array.isArray(b);
+  const requiresKeyComparison =
+    typeof a === "object" && typeof b === "object" && aArray === bArray;
+
+  // Only compare keys when both are an object or array
+  // This does not account for complex types like Date/Regex, because we don't use them
+  if (!requiresKeyComparison) return a === b;
+
+  // Make either are not null
+  if (!a || !b) {
+    return a === b;
+  }
+
+  // Shortcut for arrays
+  if (aArray && bArray && a.length !== b.length) {
+    return false;
+  }
+
+  // Compare a to b
+  for (const key in a) {
+    if (
+      !isDeepEqual(
+        (a as Record<string, unknown>)[key],
+        (b as Record<string, unknown>)[key],
+      )
+    ) {
+      return false;
+    }
+  }
+
+  // Compare b to a
+  for (const key in b) {
+    if (!(key in a)) {
+      return false;
+    }
+  }
+
+  return true;
+}

package/src/style-collection/root.ts

@@ -0,0 +1,37 @@
+import type { StyleDescriptor, VariableValue } from "react-native-css/compiler";
+
+import { testMediaQuery } from "../runtime/native/conditions/media-query";
+import {
+  family,
+  observable,
+  type Observable,
+} from "../runtime/native/reactivity";
+
+const rootVariableFamily = () => {
+  return family<string, Observable<StyleDescriptor, VariableValue[]>>(() => {
+    const obs = observable<StyleDescriptor, VariableValue[]>(
+      (read, variableValue) => {
+        if (!variableValue) return undefined;
+
+        for (const [value, mediaQuery] of variableValue) {
+          if (!mediaQuery) {
+            return value;
+          }
+
+          if (testMediaQuery(mediaQuery, read)) {
+            return value;
+          }
+        }
+
+        return undefined;
+      },
+    );
+
+    return obs;
+  });
+};
+
+export const rootVariables = rootVariableFamily();
+export const universalVariables = rootVariableFamily();
+
+rootVariables("__rn-css-rem").set([[14]]);

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.stylesheet()).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","stylesheet","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,CAACG,UAAU,CAAC,CAAC,CAAC,CAACC,aAAa,CAAC;IAC1CC,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/doctor/index.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=index.js.map

package/dist/commonjs/doctor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["doctor/index.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/runtime/native/injection.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyleCollection = StyleCollection;
-exports.inlineStylesMap = void 0;
-var _reactivity = require("./reactivity.js");
-function StyleCollection() {
-  return null;
-}
-const inlineStylesMap = exports.inlineStylesMap = new WeakMap();
-StyleCollection.styles = (0, _reactivity.family)(() => {
-  return (0, _reactivity.observable)([], isDeepEqual);
-});
-StyleCollection.keyframes = (0, _reactivity.family)(() => {
-  return (0, _reactivity.observable)([], isDeepEqual);
-});
-StyleCollection.inject = function (options) {
-  _reactivity.observableBatch.current = new Set();
-  if (options.s) {
-    for (const style of options.s) {
-      StyleCollection.styles(style[0]).set(style[1]);
-    }
-  }
-  if (options.k) {
-    for (const keyframes of options.k) {
-      StyleCollection.keyframes(keyframes[0]).set(keyframes[1]);
-    }
-  }
-  if (options.vr) {
-    for (const entry of options.vr) {
-      (0, _reactivity.rootVariables)(entry[0]).set(entry[1]);
-    }
-  }
-  if (options.vu) {
-    for (const entry of options.vu) {
-      (0, _reactivity.rootVariables)(entry[0]).set(entry[1]);
-    }
-  }
-  for (const effect of _reactivity.observableBatch.current) {
-    effect.run();
-  }
-  _reactivity.observableBatch.current = undefined;
-};
-function isDeepEqual(a, b) {
-  const aArray = Array.isArray(a);
-  const bArray = Array.isArray(b);
-  const requiresKeyComparison = typeof a === "object" && typeof b === "object" && aArray === bArray;
-
-  // Only compare keys when both are an object or array
-  // This does not account for complex types like Date/Regex, because we don't use them
-  if (!requiresKeyComparison) return a === b;
-
-  // Make either are not null
-  if (!a || !b) {
-    return a === b;
-  }
-
-  // Shortcut for arrays
-  if (aArray && bArray && a.length !== b.length) {
-    return false;
-  }
-
-  // Compare a to b
-  for (const key in a) {
-    if (!isDeepEqual(a[key], b[key])) {
-      return false;
-    }
-  }
-
-  // Compare b to a
-  for (const key in b) {
-    if (!(key in a)) {
-      return false;
-    }
-  }
-  return true;
-}
-StyleCollection.styles("will-change-variable").set([{
-  s: [0],
-  v: []
-}]);
-StyleCollection.styles("will-change-container").set([{
-  s: [0],
-  c: []
-}]);
-StyleCollection.styles("will-change-animation").set([{
-  s: [0],
-  a: true
-}]);
-StyleCollection.styles("will-change-pressable").set([{
-  s: [0],
-  p: {
-    h: 1
-  }
-}]);
-//# sourceMappingURL=injection.js.map

package/dist/commonjs/runtime/native/injection.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactivity","require","StyleCollection","inlineStylesMap","exports","WeakMap","styles","family","observable","isDeepEqual","keyframes","inject","options","observableBatch","current","Set","s","style","set","k","vr","entry","rootVariables","vu","effect","run","undefined","a","b","aArray","Array","isArray","bArray","requiresKeyComparison","length","key","v","c","p","h"],"sourceRoot":"../../../../src","sources":["runtime/native/injection.ts"],"mappings":"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","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

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.boxShadow = void 0;
-var _index = require("../../utils/index.js");
-var _shorthand = require("./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 = (0, _shorthand.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");
-const boxShadow = (resolveValue, func, get, options) => {
-  const args = resolveValue(func[2]);
-  if (!(0, _index.isStyleDescriptorArray)(args)) {
-    return args;
-  } else {
-    return args.flatMap(shadows => {
-      if (shadows === undefined) {
-        return [];
-      } else if ((0, _index.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);
-      }
-    });
-  }
-};
-exports.boxShadow = boxShadow;
-//# sourceMappingURL=box-shadow.js.map

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

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

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