react-native-css 2.1.2 → 3.0.0-nightly.26b272f

package/dist/commonjs/poison.pill.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const canWarn = process.env.NODE_ENV !== "test";
+if (canWarn) {
+  throw new Error(`react-native-css has encountered a setup error. 
+
+┌─────-─┐
+| Metro | 
+└─────-─┘
+
+Either your metro.config.js is missing the 'withReactNativeCSS' wrapper OR
+the resolver.resolveRequest function of your config is being overridden, and not calling the parent resolver.
+
+When using 3rd party libraries, please use withReactNativeCSS as the innermost function when composing Metro configs.
+
+\`\`\`ts
+const config = getDefaultConfig(__dirname);
+module.exports = with3rdPartyPlugin(
+  withReactNativeCSS(config)
+)
+\`\`\`
+
+┌─────------─┐
+| NativeWind | 
+└─────------─┘
+
+If you are using NativeWind with the 'withNativeWind' function, follow the Metro instructions above, but use 'withNativeWind' instead of 'withReactNativeCSS'.
+
+┌─────----------─┐
+| Other bundlers | 
+└─────----------─┘
+
+If you are using another bundler (Vite, Webpack, etc), or non-Metro framework (Next.js, Remix, etc), please ensure you have included 'react-native-css/babel' as a babel preset.
+`);
+}
+//# sourceMappingURL=poison.pill.js.map

package/dist/commonjs/poison.pill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["canWarn","process","env","NODE_ENV","Error"],"sourceRoot":"../../src","sources":["poison.pill.ts"],"mappings":";;;;;AAAA,MAAMA,OAAO,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM;AAE/C,IAAIH,OAAO,EAAE;EACX,MAAM,IAAII,KAAK,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACF","ignoreList":[]}

package/dist/commonjs/runtime/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _runtime = require("./runtime");
+Object.keys(_runtime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _runtime[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _runtime[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_runtime","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["runtime/index.ts"],"mappings":";;;;;AAKA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StyleCollection", {
+  enumerable: true,
+  get: function () {
+    return _injection.StyleCollection;
+  }
+});
+exports.useCssElement = exports.styled = exports.colorScheme = void 0;
+exports.useNativeVariable = useNativeVariable;
+exports.useUnstableNativeVariable = void 0;
+exports.vars = vars;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useNativeCss = require("./react/useNativeCss.js");
+var _usePassthrough = require("./react/usePassthrough.js");
+var _reactivity = require("./reactivity.js");
+var _resolve = require("./styles/resolve.js");
+var _injection = require("./injection.js");
+/* eslint-disable  */
+
+/**
+ * Generates a new Higher-Order component the wraps the base component and applies the styles.
+ * This is added to the `interopComponents` map so that it can be used in the `wrapJSX` function
+ * @param baseComponent
+ * @param mapping
+ */
+const styled = (baseComponent, mapping, options) => {
+  let component;
+  // const type = getComponentType(baseComponent);
+
+  const configs = (0, _useNativeCss.mappingToConfig)(mapping);
+  if (options?.passThrough) {
+    component = props => {
+      return (0, _usePassthrough.usePassthrough)(baseComponent, props, configs);
+    };
+  } else {
+    component = props => {
+      return (0, _useNativeCss.useNativeCss)(baseComponent, props, configs);
+    };
+  }
+  const name = baseComponent.displayName ?? baseComponent.name ?? "unknown";
+  component.displayName = `CssInterop.${name}`;
+  return component;
+};
+exports.styled = styled;
+const colorScheme = exports.colorScheme = {
+  get() {
+    return _reactivity.colorScheme.get() ?? _reactNative.Appearance.getColorScheme() ?? "light";
+  },
+  set(value) {
+    return _reactivity.colorScheme.set(value);
+  }
+};
+const useUnstableNativeVariable = exports.useUnstableNativeVariable = useNativeVariable;
+const useCssElement = (component, incomingProps, mapping) => {
+  const [config] = (0, _react.useState)(() => (0, _useNativeCss.mappingToConfig)(mapping));
+  return (0, _useNativeCss.useNativeCss)(component, incomingProps, config);
+};
+exports.useCssElement = useCssElement;
+function useNativeVariable(name) {
+  if (name.startsWith("--")) {
+    name = name.slice(2);
+  }
+  const inheritedVariables = (0, _react.useContext)(_reactivity.VariableContext);
+  const [effect, setState] = (0, _react.useState)(() => {
+    const effect = {
+      observers: new Set(),
+      run: () => setState(state => ({
+        ...state
+      }))
+    };
+    const get = observable => observable.get(effect);
+    return {
+      ...effect,
+      get
+    };
+  });
+  return (0, _resolve.resolveValue)([{}, "var", [name]], effect.get, {
+    inheritedVariables
+  });
+}
+function vars(variables) {
+  variables[_reactivity.VAR_SYMBOL] = "inline";
+  return variables;
+}
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useNativeCss","_usePassthrough","_reactivity","_resolve","_injection","styled","baseComponent","mapping","options","component","configs","mappingToConfig","passThrough","props","usePassthrough","useNativeCss","name","displayName","exports","colorScheme","get","colorSchemeObs","Appearance","getColorScheme","set","value","useUnstableNativeVariable","useNativeVariable","useCssElement","incomingProps","config","useState","startsWith","slice","inheritedVariables","useContext","VariableContext","effect","setState","observers","Set","run","state","observable","resolveValue","vars","variables","VAR_SYMBOL"],"sourceRoot":"../../../../src","sources":["runtime/native/api.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/conditions/attributes.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testAttributes = testAttributes;
+function testAttributes(queries, props, guards) {
+  return queries.every(query => testAttribute(query, props, guards));
+}
+function testAttribute([type, prop, operator, testValue], props, guards) {
+  let value;
+  if (type === "a") {
+    value = props?.[prop];
+  } else {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    value = props?.dataSet?.[prop];
+  }
+  guards.push([type, prop, value]);
+  if (!operator) {
+    return value !== undefined && value !== null && value !== false;
+  }
+  switch (operator) {
+    case "!":
+      return !value;
+    case "=":
+      return value == testValue;
+    case "~=":
+      return testValue && value?.toString().split(" ").includes(testValue);
+    case "|=":
+      return testValue && value?.toString().startsWith(testValue + "-");
+    case "^=":
+      return testValue && value?.toString().startsWith(testValue);
+    case "$=":
+      return testValue && value?.toString().endsWith(testValue);
+    case "*=":
+      return testValue && value?.toString().includes(testValue);
+    default:
+      operator;
+      return false;
+  }
+}
+//# sourceMappingURL=attributes.js.map

package/dist/commonjs/runtime/native/conditions/attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["testAttributes","queries","props","guards","every","query","testAttribute","type","prop","operator","testValue","value","dataSet","push","undefined","toString","split","includes","startsWith","endsWith"],"sourceRoot":"../../../../../src","sources":["runtime/native/conditions/attributes.ts"],"mappings":";;;;;;AAIO,SAASA,cAAcA,CAC5BC,OAAyB,EACzBC,KAAY,EACZC,MAAqB,EACrB;EACA,OAAOF,OAAO,CAACG,KAAK,CAAEC,KAAK,IAAKC,aAAa,CAACD,KAAK,EAAEH,KAAK,EAAEC,MAAM,CAAC,CAAC;AACtE;AAEA,SAASG,aAAaA,CACpB,CAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,CAAiB,EACjDR,KAAY,EACZC,MAAqB,EACrB;EACA,IAAIQ,KAAc;EAElB,IAAIJ,IAAI,KAAK,GAAG,EAAE;IAChBI,KAAK,GAAGT,KAAK,GAAGM,IAAI,CAAC;EACvB,CAAC,MAAM;IACL;IACAG,KAAK,GAAGT,KAAK,EAAEU,OAAO,GAAGJ,IAAI,CAAC;EAChC;EAEAL,MAAM,CAACU,IAAI,CAAC,CAACN,IAAI,EAAEC,IAAI,EAAEG,KAAK,CAAC,CAAC;EAEhC,IAAI,CAACF,QAAQ,EAAE;IACb,OAAOE,KAAK,KAAKG,SAAS,IAAIH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK;EACjE;EAEA,QAAQF,QAAQ;IACd,KAAK,GAAG;MACN,OAAO,CAACE,KAAK;IACf,KAAK,GAAG;MACN,OAAOA,KAAK,IAAID,SAAS;IAC3B,KAAK,IAAI;MACP,OAAOA,SAAS,IAAIC,KAAK,EAAEI,QAAQ,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,QAAQ,CAACP,SAAS,CAAC;IACtE,KAAK,IAAI;MACP,OAAOA,SAAS,IAAIC,KAAK,EAAEI,QAAQ,CAAC,CAAC,CAACG,UAAU,CAACR,SAAS,GAAG,GAAG,CAAC;IACnE,KAAK,IAAI;MACP,OAAOA,SAAS,IAAIC,KAAK,EAAEI,QAAQ,CAAC,CAAC,CAACG,UAAU,CAACR,SAAS,CAAC;IAC7D,KAAK,IAAI;MACP,OAAOA,SAAS,IAAIC,KAAK,EAAEI,QAAQ,CAAC,CAAC,CAACI,QAAQ,CAACT,SAAS,CAAC;IAC3D,KAAK,IAAI;MACP,OAAOA,SAAS,IAAIC,KAAK,EAAEI,QAAQ,CAAC,CAAC,CAACE,QAAQ,CAACP,SAAS,CAAC;IAC3D;MACED,QAAQ;MACR,OAAO,KAAK;EAChB;AACF","ignoreList":[]}

package/dist/commonjs/runtime/native/conditions/container-query.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_CONTAINER_NAME = void 0;
+exports.testContainerQueries = testContainerQueries;
+exports.testContainerQuery = testContainerQuery;
+var _reactivity = require("../reactivity.js");
+/* eslint-disable */
+
+// import { testAttributes } from "./attributes";
+
+const DEFAULT_CONTAINER_NAME = exports.DEFAULT_CONTAINER_NAME = "c:___default___";
+function testContainerQueries(queries, inheritedContainers, guards, get) {
+  return queries.every(query => {
+    return testContainerQuery(query, inheritedContainers, guards, get);
+  });
+}
+function testContainerQuery(query, inheritedContainers, guards, get) {
+  const name = query.n ?? DEFAULT_CONTAINER_NAME;
+  const container = inheritedContainers[name];
+  guards.push(["c", name, container]);
+  if (!container) {
+    return false;
+  }
+
+  // if (query.a && !testAttributes(query.a, container.props, guards)) {
+  //   return false;
+  // }
+
+  if (query.m && !testContainerMediaCondition(query.m, container, get)) {
+    return false;
+  }
+  if (query.p && !testContainerPseudoCondition(query.p, container, get)) {
+    return false;
+  }
+  return true;
+}
+function testContainerPseudoCondition(query, containerKey, get) {
+  if (query.h && !get((0, _reactivity.hoverFamily)(containerKey))) {
+    return false;
+  }
+  if (query.a && !get((0, _reactivity.activeFamily)(containerKey))) {
+    return false;
+  }
+  if (query.f && !get((0, _reactivity.focusFamily)(containerKey))) {
+    return false;
+  }
+  return true;
+}
+function testContainerMediaCondition(condition, containerKey, get) {
+  switch (condition[0]) {
+    case "!":
+      return !testContainerMediaCondition(condition[1], containerKey, get);
+    case "&":
+      return condition[1].every(query => {
+        return testContainerMediaCondition(query, containerKey, get);
+      });
+    case "|":
+      return condition[1].some(query => {
+        return testContainerMediaCondition(query, containerKey, get);
+      });
+    case "!!":
+      return false;
+    case "[]":
+      return false;
+    case ">":
+    case ">=":
+    case "<":
+    case "<=":
+    case "=":
+      {
+        const left = getContainerFeatureValue(condition[1], containerKey, get);
+        const right = condition[2];
+        if (condition[0] === "=") {
+          return left === right;
+        }
+        if (typeof left !== "number" || typeof right !== "number") {
+          return false;
+        }
+        switch (condition[0]) {
+          case ">":
+            return left > right;
+          case ">=":
+            return left > right;
+          case "<":
+            return left > right;
+          case "<=":
+            return left > right;
+          default:
+            condition[0];
+            return false;
+        }
+      }
+    default:
+      condition;
+      return false;
+  }
+}
+function getContainerFeatureValue(name, containerKey, get) {
+  switch (name) {
+    case "width":
+      return get((0, _reactivity.containerWidthFamily)(containerKey));
+    case "height":
+      return get((0, _reactivity.containerHeightFamily)(containerKey));
+    case "aspect-ratio":
+      {
+        const width = get((0, _reactivity.containerWidthFamily)(containerKey));
+        const height = get((0, _reactivity.containerHeightFamily)(containerKey));
+        return width / height;
+      }
+    case "orientation":
+      const width = get((0, _reactivity.containerWidthFamily)(containerKey));
+      const height = get((0, _reactivity.containerHeightFamily)(containerKey));
+      return width > height ? "landscape" : "portrait";
+    case "inline-size":
+    case "block-size":
+    default:
+      return;
+  }
+}
+//# sourceMappingURL=container-query.js.map

package/dist/commonjs/runtime/native/conditions/container-query.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactivity","require","DEFAULT_CONTAINER_NAME","exports","testContainerQueries","queries","inheritedContainers","guards","get","every","query","testContainerQuery","name","n","container","push","m","testContainerMediaCondition","p","testContainerPseudoCondition","containerKey","h","hoverFamily","a","activeFamily","f","focusFamily","condition","some","left","getContainerFeatureValue","right","containerWidthFamily","containerHeightFamily","width","height"],"sourceRoot":"../../../../../src","sources":["runtime/native/conditions/container-query.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/conditions/guards.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testGuards = testGuards;
+/* eslint-disable */
+
+function testGuards(state, currentProps, inheritedVariables, inheritedContainers) {
+  return state.guards?.some(guard => {
+    let result = false;
+    switch (guard[0]) {
+      case "a":
+        // Attribute
+        result = currentProps?.[guard[1]] !== guard[2];
+        break;
+      case "d":
+        // DataSet
+        result = currentProps?.dataSet?.[guard[1]] !== guard[2];
+        break;
+      case "v":
+        // Variables
+        result = inheritedVariables[guard[1]] !== guard[2];
+        break;
+      case "c":
+        // Containers
+        result = inheritedContainers[guard[1]] !== guard[2];
+        break;
+    }
+    return result;
+  });
+}
+//# sourceMappingURL=guards.js.map

package/dist/commonjs/runtime/native/conditions/guards.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["testGuards","state","currentProps","inheritedVariables","inheritedContainers","guards","some","guard","result","dataSet"],"sourceRoot":"../../../../../src","sources":["runtime/native/conditions/guards.ts"],"mappings":";;;;;;AAAA;;AAaO,SAASA,UAAUA,CACxBC,KAAqB,EACrBC,YAAiB,EACjBC,kBAAwC,EACxCC,mBAA0C,EAC1C;EACA,OAAOH,KAAK,CAACI,MAAM,EAAEC,IAAI,CAAEC,KAAK,IAAK;IACnC,IAAIC,MAAM,GAAG,KAAK;IAElB,QAAQD,KAAK,CAAC,CAAC,CAAC;MACd,KAAK,GAAG;QACN;QACAC,MAAM,GAAGN,YAAY,GAAGK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAKA,KAAK,CAAC,CAAC,CAAC;QAC9C;MACF,KAAK,GAAG;QACN;QACAC,MAAM,GAAGN,YAAY,EAAEO,OAAO,GAAGF,KAAK,CAAC,CAAC,CAAC,CAAC,KAAKA,KAAK,CAAC,CAAC,CAAC;QACvD;MACF,KAAK,GAAG;QACN;QACAC,MAAM,GAAGL,kBAAkB,CAACI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAKA,KAAK,CAAC,CAAC,CAAC;QAClD;MACF,KAAK,GAAG;QACN;QACAC,MAAM,GAAGJ,mBAAmB,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAKA,KAAK,CAAC,CAAC,CAAC;QACnD;IACJ;IAEA,OAAOC,MAAM;EACf,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/commonjs/runtime/native/conditions/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testRule = testRule;
+var _reactivity = require("../reactivity.js");
+var _attributes = require("./attributes.js");
+var _containerQuery = require("./container-query.js");
+var _mediaQuery = require("./media-query.js");
+function testRule(rule, get, props, guards, containerContext) {
+  if (rule.p && !pseudoClasses(rule.p, get)) {
+    return false;
+  }
+  if (rule.m && !(0, _mediaQuery.testMediaQuery)(rule.m, get)) {
+    return false;
+  }
+  if (rule.aq && !(0, _attributes.testAttributes)(rule.aq, props, guards)) {
+    return false;
+  }
+  if (rule.cq && !(0, _containerQuery.testContainerQueries)(rule.cq, containerContext, guards, get)) {
+    return false;
+  }
+  return true;
+}
+function pseudoClasses(query, get) {
+  if (query.h && !get((0, _reactivity.hoverFamily)(get))) {
+    return false;
+  }
+  if (query.a && !get((0, _reactivity.activeFamily)(get))) {
+    return false;
+  }
+  if (query.f && !get((0, _reactivity.focusFamily)(get))) {
+    return false;
+  }
+  return true;
+}
+//# sourceMappingURL=index.js.map

package/dist/commonjs/runtime/native/conditions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactivity","require","_attributes","_containerQuery","_mediaQuery","testRule","rule","get","props","guards","containerContext","p","pseudoClasses","m","testMediaQuery","aq","testAttributes","cq","testContainerQueries","query","h","hoverFamily","a","activeFamily","f","focusFamily"],"sourceRoot":"../../../../../src","sources":["runtime/native/conditions/index.ts"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAEO,SAASI,QAAQA,CACtBC,IAAe,EACfC,GAAW,EACXC,KAAY,EACZC,MAAqB,EACrBC,gBAAuC,EACvC;EACA,IAAIJ,IAAI,CAACK,CAAC,IAAI,CAACC,aAAa,CAACN,IAAI,CAACK,CAAC,EAAEJ,GAAG,CAAC,EAAE;IACzC,OAAO,KAAK;EACd;EACA,IAAID,IAAI,CAACO,CAAC,IAAI,CAAC,IAAAC,0BAAc,EAACR,IAAI,CAACO,CAAC,EAAEN,GAAG,CAAC,EAAE;IAC1C,OAAO,KAAK;EACd;EACA,IAAID,IAAI,CAACS,EAAE,IAAI,CAAC,IAAAC,0BAAc,EAACV,IAAI,CAACS,EAAE,EAAEP,KAAK,EAAEC,MAAM,CAAC,EAAE;IACtD,OAAO,KAAK;EACd;EACA,IACEH,IAAI,CAACW,EAAE,IACP,CAAC,IAAAC,oCAAoB,EAACZ,IAAI,CAACW,EAAE,EAAEP,gBAAgB,EAAED,MAAM,EAAEF,GAAG,CAAC,EAC7D;IACA,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb;AAEA,SAASK,aAAaA,CAACO,KAAyB,EAAEZ,GAAW,EAAE;EAC7D,IAAIY,KAAK,CAACC,CAAC,IAAI,CAACb,GAAG,CAAC,IAAAc,uBAAW,EAACd,GAAG,CAAC,CAAC,EAAE;IACrC,OAAO,KAAK;EACd;EACA,IAAIY,KAAK,CAACG,CAAC,IAAI,CAACf,GAAG,CAAC,IAAAgB,wBAAY,EAAChB,GAAG,CAAC,CAAC,EAAE;IACtC,OAAO,KAAK;EACd;EACA,IAAIY,KAAK,CAACK,CAAC,IAAI,CAACjB,GAAG,CAAC,IAAAkB,uBAAW,EAAClB,GAAG,CAAC,CAAC,EAAE;IACrC,OAAO,KAAK;EACd;EACA,OAAO,IAAI;AACb","ignoreList":[]}

package/dist/commonjs/runtime/native/conditions/media-query.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testMediaQuery = testMediaQuery;
+var _reactNative = require("react-native");
+var _reactivity = require("../reactivity.js");
+/* eslint-disable */
+
+function testMediaQuery(mediaQueries, get) {
+  return mediaQueries.every(query => test(query, get));
+}
+function test(mediaQuery, get) {
+  switch (mediaQuery[0]) {
+    case "[]":
+    case "!!":
+      return false;
+    case "!":
+      return !test(mediaQuery[1], get);
+    case "&":
+      return mediaQuery[1].every(query => {
+        return test(query, get);
+      });
+    case "|":
+      return mediaQuery[1].some(query => {
+        return test(query, get);
+      });
+    case ">":
+    case ">=":
+    case "<":
+    case "<=":
+    case "=":
+      {
+        return testComparison(mediaQuery, get);
+      }
+  }
+}
+function testComparison(mediaQuery, get) {
+  let left;
+  const right = mediaQuery[2];
+  switch (mediaQuery[1]) {
+    case "platform":
+      return right === "native" || right === _reactNative.Platform.OS;
+    case "prefers-color-scheme":
+      {
+        return right === get(_reactivity.colorScheme);
+      }
+    case "display-mode":
+      return right === "native" || _reactNative.Platform.OS === right;
+    case "min-width":
+      return typeof right === "number" && get(_reactivity.vw) >= right;
+    case "max-width":
+      return typeof right === "number" && get(_reactivity.vw) <= right;
+    case "min-height":
+      return typeof right === "number" && get(_reactivity.vh) >= right;
+    case "max-height":
+      return typeof right === "number" && get(_reactivity.vh) <= right;
+    case "orientation":
+      return right === "landscape" ? get(_reactivity.vh) < get(_reactivity.vw) : get(_reactivity.vh) >= get(_reactivity.vw);
+  }
+  if (typeof right !== "number") {
+    return false;
+  }
+  switch (mediaQuery[1]) {
+    case "width":
+      left = get(_reactivity.vw);
+      break;
+    case "height":
+      left = get(_reactivity.vh);
+      break;
+    case "resolution":
+      left = _reactNative.PixelRatio.get();
+      break;
+    default:
+      return false;
+  }
+  switch (mediaQuery[0]) {
+    case "=":
+      return left === right;
+    case ">":
+      return left > right;
+    case ">=":
+      return left >= right;
+    case "<":
+      return left < right;
+    case "<=":
+      return left <= right;
+    default:
+      return false;
+  }
+}
+//# sourceMappingURL=media-query.js.map

package/dist/commonjs/runtime/native/conditions/media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactivity","testMediaQuery","mediaQueries","get","every","query","test","mediaQuery","some","testComparison","left","right","Platform","OS","colorScheme","vw","vh","PixelRatio"],"sourceRoot":"../../../../../src","sources":["runtime/native/conditions/media-query.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _metro = require("./metro.js");
+Object.keys(_metro).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _metro[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _metro[key];
+    }
+  });
+});
+var _api = require("./api.js");
+Object.keys(_api).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _api[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _api[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_metro","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_api"],"sourceRoot":"../../../../src","sources":["runtime/native/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAK,IAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,IAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,IAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,IAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyleCollection = StyleCollection;
+exports.inlineStylesMap = void 0;
+var _reactivity = require("./reactivity.js");
+var _root = require("./root.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, _root.rootVariables)(entry[0]).set(entry[1]);
+    }
+  }
+  if (options.vu) {
+    for (const entry of options.vu) {
+      (0, _root.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