react-native-css 2.1.1 → 3.0.0-nightly.4723140

package/dist/commonjs/runtime/native/react/rules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_index2","_containerQuery","_injection","_reactivity","_index3","INLINE_RULE_SYMBOL","exports","Symbol","updateRules","state","currentProps","inheritedVariables","inheritedContainers","forceUpdate","isRerender","guards","rules","Set","usesVariables","variables","undefined","containers","inlineVariables","animated","config","configs","source","shallowTarget","Array","isArray","target","push","styleRuleSet","classNames","split","className","StyleCollection","styles","get","ruleEffect","getDeepPath","item","VAR_SYMBOL","add","pushInlineRule","rule","v","c","a","Boolean","dv","testRule","DEFAULT_CONTAINER_NAME","name","hoverFamily","activeFamily","focusFamily","containerLayoutFamily","getRuleVariation","process","env","NODE_ENV","pressable","has","Error","size","stylesObs","Object","assign","from","variable","stylesFamily","generateHash","cleanup","weakFamily","inlineRuleSet","hashKeyCount","hashKeyFamily","MOD","PRIME","iterableKeys","inlineVars","hash","product","keys","key","num","toString"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/rules.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/react/useNativeCss.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingToConfig = mappingToConfig;
+exports.useNativeCss = useNativeCss;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _guards = require("../conditions/guards.js");
+var _reactivity = require("../reactivity.js");
+var _index = require("../styles/index.js");
+var _animation = require("../styles/animation.js");
+var _rules = require("./rules.js");
+/* eslint-disable */
+
+/**
+ * useNativeCss is the native implementation of the useCssElement hook.
+ */
+function useNativeCss(type, originalProps, configs = [{
+  source: "className",
+  target: "style"
+}]) {
+  const inheritedVariables = (0, _react.useContext)(_reactivity.VariableContext);
+  const inheritedContainers = (0, _react.useContext)(_reactivity.ContainerContext);
+  const [state, setState] = (0, _react.useState)(() => {
+    // Both effects share the same observers to improve memory usage
+    const observers = new Set();
+
+    /**
+     * When fired, this effect will force the rules to be re-evaluated.
+     * This will cause a re-render if there are different rules
+     *
+     * Use this when a rule condition changes, e.g FastRefresh or media queries
+     */
+    const ruleEffect = {
+      observers,
+      run: () => setState(state => (0, _rules.updateRules)(state))
+    };
+
+    /**
+     * When fired, this effect will force a re-render of the component.
+     * This will cause a re-fetch of the styles.
+     *
+     * Use this when a value changes, e.g vm units or light / dark mode
+     */
+    const styleEffect = {
+      observers,
+      run: () => setState(state => ({
+        ...state
+      }))
+    };
+    return (0, _rules.updateRules)({
+      ruleEffect,
+      styleEffect,
+      configs,
+      inheritedContainers,
+      inheritedVariables,
+      pressable: type === _reactNative.View ? false : undefined
+    }, originalProps, inheritedVariables, inheritedContainers, false, false);
+  });
+
+  // Both effects share the same observers, so we only need to cleanup one of them
+  (0, _react.useEffect)(() => () => (0, _reactivity.cleanupEffect)(state.ruleEffect), [state.ruleEffect]);
+
+  // Check if our derived state has changed (e.g the className prop)
+  if ((0, _guards.testGuards)(state, originalProps, inheritedVariables, inheritedContainers)) {
+    /**
+     * Get the new state
+     * Note, this might result in the same styles, but the guards will now be different
+     */
+    setState((0, _rules.updateRules)(state, originalProps, inheritedVariables, inheritedContainers, true));
+
+    // We can bail on rendering as the result of this render will be discarded
+    return /*#__PURE__*/(0, _react.createElement)(_react.Fragment);
+  }
+  let props = (0, _index.getStyledProps)(state, originalProps);
+  if (type === _reactNative.View && props?.onPress) {
+    type = _reactNative.Pressable;
+  }
+  if (state.animated) {
+    type = (0, _animation.animatedComponentFamily)(type);
+  }
+  if (state.variables) {
+    props = {
+      value: state.variables,
+      children: /*#__PURE__*/(0, _react.createElement)(type, props)
+    };
+    type = _reactivity.VariableContext.Provider;
+  }
+  if (state.containers) {
+    props = {
+      value: state.containers,
+      children: /*#__PURE__*/(0, _react.createElement)(type, props)
+    };
+    type = _reactivity.ContainerContext.Provider;
+  }
+  return /*#__PURE__*/(0, _react.createElement)(type, props);
+}
+
+/**
+ * Convert the styled() mapping to a config array
+ */
+function mappingToConfig(mapping) {
+  return Object.entries(mapping).flatMap(([key, value]) => {
+    if (value === true) {
+      return {
+        source: key,
+        target: key
+      };
+    } else if (value === false) {
+      return {
+        source: key,
+        target: false
+      };
+    } else if (typeof value === "string") {
+      return {
+        source: key,
+        target: value.split(".")
+      };
+    } else if (typeof value === "object") {
+      if (Array.isArray(value)) {
+        return {
+          source: key,
+          target: value
+        };
+      }
+      if ("target" in value) {
+        if (value.target === false) {
+          return {
+            source: key,
+            target: false
+          };
+        } else if (typeof value.target === "string") {
+          const target = value.target.split(".");
+          if (target.length === 1) {
+            return {
+              source: key,
+              target: target[0]
+            };
+          } else {
+            return {
+              source: key,
+              target
+            };
+          }
+        } else if (Array.isArray(value.target)) {
+          return {
+            source: key,
+            target: value.target
+          };
+        }
+      }
+    }
+    throw new Error(`styled(): Invalid mapping for ${key}: ${value}`);
+  });
+}
+//# sourceMappingURL=useNativeCss.js.map

package/dist/commonjs/runtime/native/react/useNativeCss.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_guards","_reactivity","_index","_animation","_rules","useNativeCss","type","originalProps","configs","source","target","inheritedVariables","useContext","VariableContext","inheritedContainers","ContainerContext","state","setState","useState","observers","Set","ruleEffect","run","updateRules","styleEffect","pressable","View","undefined","useEffect","cleanupEffect","testGuards","createElement","Fragment","props","getStyledProps","onPress","Pressable","animated","animatedComponentFamily","variables","value","children","Provider","containers","mappingToConfig","mapping","Object","entries","flatMap","key","split","Array","isArray","length","Error"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/useNativeCss.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/react/usePassthrough.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePassthrough = usePassthrough;
+var _react = require("react");
+var _rules = require("./rules.js");
+/* eslint-disable */
+
+const cache = new Map();
+function usePassthrough(type, {
+  ...props
+}, configs) {
+  for (const config of configs) {
+    let {
+      source,
+      target
+    } = config;
+    const classNames = props[source];
+    let styles = cache.get(source);
+    if (styles === undefined) {
+      styles = {
+        [_rules.INLINE_RULE_SYMBOL]: classNames
+      };
+    }
+    delete props[source];
+    if (classNames === undefined || target === false) {
+      continue;
+    }
+    let targetProps = props;
+    if (Array.isArray(target)) {
+      for (let i = 0; i < target.length - 1; i++) {
+        const prop = target[i];
+        props[prop] ??= {};
+        targetProps = props[prop];
+      }
+      target = target[target.length - 1];
+    }
+    if (Array.isArray(targetProps[target])) {
+      targetProps[target] = [...targetProps[target], styles];
+    } else if (targetProps[target]) {
+      targetProps[target] = [targetProps[target], styles];
+    } else {
+      targetProps[target] = styles;
+    }
+  }
+  return /*#__PURE__*/(0, _react.createElement)(type, props);
+}
+//# sourceMappingURL=usePassthrough.js.map

package/dist/commonjs/runtime/native/react/usePassthrough.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_rules","cache","Map","usePassthrough","type","props","configs","config","source","target","classNames","styles","get","undefined","INLINE_RULE_SYMBOL","targetProps","Array","isArray","i","length","prop","createElement"],"sourceRoot":"../../../../../src","sources":["runtime/native/react/usePassthrough.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAHA;;AAMA,MAAME,KAAK,GAAG,IAAIC,GAAG,CAA8B,CAAC;AAE7C,SAASC,cAAcA,CAC5BC,IAAwB,EACxB;EAAE,GAAGC;AAA2B,CAAC,EACjCC,OAAiB,EACjB;EACA,KAAK,MAAMC,MAAM,IAAID,OAAO,EAAE;IAC5B,IAAI;MAAEE,MAAM;MAAEC;IAAO,CAAC,GAAGF,MAAM;IAE/B,MAAMG,UAAU,GAAGL,KAAK,CAACG,MAAM,CAAC;IAEhC,IAAIG,MAAM,GAAGV,KAAK,CAACW,GAAG,CAACJ,MAAM,CAAC;IAC9B,IAAIG,MAAM,KAAKE,SAAS,EAAE;MACxBF,MAAM,GAAG;QAAE,CAACG,yBAAkB,GAAGJ;MAAW,CAAC;IAC/C;IAEA,OAAOL,KAAK,CAACG,MAAM,CAAC;IAEpB,IAAIE,UAAU,KAAKG,SAAS,IAAIJ,MAAM,KAAK,KAAK,EAAE;MAChD;IACF;IAEA,IAAIM,WAAW,GAAGV,KAAK;IAEvB,IAAIW,KAAK,CAACC,OAAO,CAACR,MAAM,CAAC,EAAE;MACzB,KAAK,IAAIS,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGT,MAAM,CAACU,MAAM,GAAG,CAAC,EAAED,CAAC,EAAE,EAAE;QAC1C,MAAME,IAAI,GAAGX,MAAM,CAACS,CAAC,CAAE;QACvBb,KAAK,CAACe,IAAI,CAAC,KAAK,CAAC,CAAC;QAClBL,WAAW,GAAGV,KAAK,CAACe,IAAI,CAAC;MAC3B;MACAX,MAAM,GAAGA,MAAM,CAACA,MAAM,CAACU,MAAM,GAAG,CAAC,CAAE;IACrC;IAEA,IAAIH,KAAK,CAACC,OAAO,CAACF,WAAW,CAACN,MAAM,CAAC,CAAC,EAAE;MACtCM,WAAW,CAACN,MAAM,CAAC,GAAG,CAAC,GAAGM,WAAW,CAACN,MAAM,CAAC,EAAEE,MAAM,CAAC;IACxD,CAAC,MAAM,IAAII,WAAW,CAACN,MAAM,CAAC,EAAE;MAC9BM,WAAW,CAACN,MAAM,CAAC,GAAG,CAACM,WAAW,CAACN,MAAM,CAAC,EAAEE,MAAM,CAAC;IACrD,CAAC,MAAM;MACLI,WAAW,CAACN,MAAM,CAAC,GAAGE,MAAM;IAC9B;EACF;EAEA,oBAAO,IAAAU,oBAAa,EAACjB,IAAI,EAAEC,KAAK,CAAC;AACnC","ignoreList":[]}

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

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.activeFamily = exports.VariableContext = exports.VAR_SYMBOL = exports.ContainerContext = void 0;
+exports.cleanupEffect = cleanupEffect;
+exports.dimensions = exports.containerWidthFamily = exports.containerLayoutFamily = exports.containerHeightFamily = exports.colorScheme = void 0;
+exports.family = family;
+exports.hoverFamily = exports.focusFamily = void 0;
+exports.observable = observable;
+exports.vw = exports.vh = exports.universalVariables = exports.rootVariables = exports.rem = exports.observableBatch = void 0;
+exports.weakFamily = weakFamily;
+var _react = require("react");
+var _reactNative = require("react-native");
+/* eslint-disable */
+
+const observableBatch = exports.observableBatch = {};
+function observable(init, equality = Object.is) {
+  let value;
+  let isStatic = typeof init !== "function";
+  let didInit;
+  let lastArg;
+  if (typeof init !== "function") {
+    value = init;
+    didInit = true;
+  }
+  const observers = new Set();
+  const effect = {
+    observers,
+    run: () => {
+      if (!isStatic) {
+        const nextValue = init(getter, lastArg);
+        if (equality(value, nextValue)) {
+          return;
+        }
+        value = nextValue;
+      }
+      notify();
+    }
+  };
+  const getter = observable => observable.get(effect);
+  function get(effect) {
+    if (effect) {
+      observers.add(effect);
+    }
+    if (!didInit) {
+      value = init(getter, undefined);
+    }
+    return value;
+  }
+  function set(arg) {
+    if (isStatic) {
+      if (equality(value, arg)) {
+        return;
+      }
+      value = arg;
+    } else {
+      const nextValue = init(getter, arg);
+      didInit = true;
+      lastArg = arg;
+      if (equality(value, nextValue)) {
+        return;
+      }
+      value = nextValue;
+    }
+    notify();
+    return obs;
+  }
+  function notify() {
+    Array.from(observers).forEach(observer => {
+      if (observableBatch.current) {
+        observableBatch.current.add(observer);
+      } else {
+        observer.run();
+      }
+    });
+  }
+  const obs = {
+    observers,
+    get,
+    set,
+    run: effect.run
+  };
+  return obs;
+}
+function cleanupEffect(effect) {
+  if (!effect) return;
+  for (const dep of effect.observers) {
+    dep.observers.delete(effect);
+  }
+  effect.observers.clear();
+}
+
+/** Family Helpers ************************************************************/
+
+function family(fn) {
+  const map = new Map();
+  return Object.assign((key, args) => {
+    let value = map.get(key);
+    if (!value) {
+      value = fn(key, args);
+      map.set(key, value);
+    }
+    return value;
+  }, {
+    delete(key) {
+      return map.delete(key);
+    },
+    clear() {
+      return map.clear();
+    }
+  });
+}
+function weakFamily(fn) {
+  const map = new WeakMap();
+  return Object.assign((key, args) => {
+    let value = map.get(key);
+    if (!value) {
+      value = fn(key, args);
+      map.set(key, value);
+    }
+    return value;
+  }, {
+    has: key => map.has(key)
+  });
+}
+
+/********************************* Variables **********************************/
+
+const VAR_SYMBOL = exports.VAR_SYMBOL = Symbol("react-native-css.var");
+const VariableContext = exports.VariableContext = /*#__PURE__*/(0, _react.createContext)({
+  [VAR_SYMBOL]: true
+});
+const lightDarkFamily = () => {
+  return family(() => {
+    const obs = observable((read, lightDark = [undefined, undefined]) => {
+      const colorSchemeName = read(colorScheme) ?? _reactNative.Appearance.getColorScheme() ?? "light";
+      return colorSchemeName === "dark" ? lightDark[1] ?? lightDark[0] : lightDark[0];
+    });
+    return obs;
+  });
+};
+const rootVariables = exports.rootVariables = lightDarkFamily();
+const universalVariables = exports.universalVariables = lightDarkFamily();
+
+/** Units *********************************************************************/
+
+const rem = exports.rem = observable(14);
+
+/** Pseudo Classes ************************************************************/
+
+const hoverFamily = exports.hoverFamily = weakFamily(() => observable(false));
+const activeFamily = exports.activeFamily = weakFamily(() => observable(false));
+const focusFamily = exports.focusFamily = weakFamily(() => observable(false));
+
+/** Dimensions ****************************************************************/
+
+const dimensions = exports.dimensions = observable(_reactNative.Dimensions.get("window"));
+const vw = exports.vw = observable((read, value) => value ?? read(dimensions)?.width);
+const vh = exports.vh = observable((read, value) => value ?? read(dimensions)?.height);
+
+/** Color Scheme **************************************************************/
+
+const colorScheme = exports.colorScheme = observable(_reactNative.Appearance.getColorScheme());
+colorScheme.set(_reactNative.Appearance.getColorScheme());
+colorScheme.get({
+  observers: new Set(),
+  run: () => _reactNative.Appearance.setColorScheme(colorScheme.get())
+});
+
+/** Containers ****************************************************************/
+
+const ContainerContext = exports.ContainerContext = /*#__PURE__*/(0, _react.createContext)({});
+const containerLayoutFamily = exports.containerLayoutFamily = weakFamily(() => {
+  return observable({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+});
+const containerWidthFamily = exports.containerWidthFamily = weakFamily(key => {
+  return observable(read => {
+    return read(containerLayoutFamily(key))?.width || 0;
+  });
+});
+const containerHeightFamily = exports.containerHeightFamily = weakFamily(key => {
+  return observable(read => {
+    return read(containerLayoutFamily(key))?.width || 0;
+  });
+});
+//# sourceMappingURL=reactivity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","observableBatch","exports","observable","init","equality","Object","is","value","isStatic","didInit","lastArg","observers","Set","effect","run","nextValue","getter","notify","get","add","undefined","set","arg","obs","Array","from","forEach","observer","current","cleanupEffect","dep","delete","clear","family","fn","map","Map","assign","key","args","weakFamily","WeakMap","has","VAR_SYMBOL","Symbol","VariableContext","createContext","lightDarkFamily","read","lightDark","colorSchemeName","colorScheme","Appearance","getColorScheme","rootVariables","universalVariables","rem","hoverFamily","activeFamily","focusFamily","dimensions","Dimensions","vw","width","vh","height","setColorScheme","ContainerContext","containerLayoutFamily","x","y","containerWidthFamily","containerHeightFamily"],"sourceRoot":"../../../../src","sources":["runtime/native/reactivity.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.animationShorthand = exports.animation = exports.animatedComponentFamily = void 0;
+var _injection = require("../injection.js");
+var _reactivity = require("../reactivity.js");
+var _shorthand = require("./shorthand.js");
+/* eslint-disable */
+
+const name = ["n", "string", "none"];
+const delay = ["de", "number", 0];
+const duration = ["du", "number", 0];
+const fill = ["f", ["none", "forwards", "backwards", "both"], "none"];
+const iteration = ["i", "number", 1];
+const playState = ["p", ["running", "paused"], "running"];
+const direction = ["di", ["normal", "reverse", "alternate", "alternate-reverse"], "normal"];
+const easing = ["e", ["linear", "ease", "ease-in", "ease-out", "ease-in-out"], "ease"];
+const animationShorthand = exports.animationShorthand = (0, _shorthand.shorthandHandler)([[name], [duration, name], [name, duration], [duration, delay, name], [duration, delay, iteration, name], [duration, delay, iteration, easing, name], [name, duration, easing, delay, iteration, fill]], [name, delay, direction, duration, fill, iteration, playState, easing]);
+const animation = (resolveValue, value, get, {
+  inheritedVariables
+}) => {
+  const name = resolveValue(value[2]);
+
+  /**
+   * Get a stable reference to the StyleProp observer.
+   * We can use that as a WeakKey
+   */
+  return get(animationFamily(get, {
+    name,
+    resolveValue,
+    inheritedVariables
+  }));
+};
+exports.animation = animation;
+const animationFamily = (0, _reactivity.weakFamily)((_, options) => {
+  const {
+    name: nameDescriptor,
+    resolveValue
+  } = options;
+  return (0, _reactivity.observable)(get => {
+    const names = resolveValue(nameDescriptor);
+    if (!Array.isArray(names)) {
+      return;
+    }
+    return names.map(name => {
+      const keyframes = get(_injection.StyleCollection.keyframes(name));
+      const animation = {};
+      for (const [progress, declarations] of keyframes) {
+        const result = {};
+
+        // This code needs to match calculateProps
+        // TODO: Refactor this to use the same code
+        for (const declaration of declarations) {
+          let target = result;
+          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") {
+              prop = propPath;
+            } else {
+              prop = propPath[0];
+              for (let i = 0; i < propPath.length - 2 && typeof prop === "string"; i++) {
+                target = target[prop] ??= {};
+                prop = propPath[i + 1];
+              }
+            }
+            value = resolveValue(value);
+          }
+        }
+        animation[progress] = result;
+      }
+      return animation;
+    });
+  });
+});
+const animatedComponentFamily = exports.animatedComponentFamily = (0, _reactivity.weakFamily)(component => {
+  if ("displayName" in component && component.displayName?.startsWith("Animated.")) {
+    return component;
+  }
+  const createAnimatedComponent = require("react-native-reanimated").createAnimatedComponent;
+  return createAnimatedComponent(component);
+});
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_injection","require","_reactivity","_shorthand","name","delay","duration","fill","iteration","playState","direction","easing","animationShorthand","exports","shorthandHandler","animation","resolveValue","value","get","inheritedVariables","animationFamily","weakFamily","_","options","nameDescriptor","observable","names","Array","isArray","map","keyframes","StyleCollection","progress","declarations","result","declaration","target","Object","assign","propPath","prop","i","length","animatedComponentFamily","component","displayName","startsWith","createAnimatedComponent"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/animation.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calc = void 0;
+/* eslint-disable */
+
+const calcPrecedence = {
+  "+": 1,
+  "-": 1,
+  "*": 2,
+  "/": 2
+};
+const calc = (resolveValue, func) => {
+  let mode;
+  const values = [];
+  const ops = [];
+  const args = func[2];
+  if (!args) return;
+  for (let token of args) {
+    switch (typeof token) {
+      case "undefined":
+        // Fail on an undefined value
+        return;
+      case "number":
+        if (!mode) mode = "number";
+        if (mode !== "number") return;
+        values.push(token);
+        continue;
+      case "object":
+        {
+          // All values should resolve to a numerical value
+          const value = resolveValue(token);
+          switch (typeof value) {
+            case "number":
+              {
+                if (!mode) mode = "number";
+                if (mode !== "number") return;
+                values.push(value);
+                continue;
+              }
+            case "string":
+              {
+                if (!value.endsWith("%")) {
+                  return;
+                }
+                if (!mode) mode = "percentage";
+                if (mode !== "percentage") return;
+                values.push(Number.parseFloat(value.slice(0, -1)));
+                continue;
+              }
+            default:
+              return;
+          }
+        }
+      case "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);
+          }
+        }
+    }
+  }
+  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,
+// These are reversed because we pop them off the stack
+a, 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