react-native-css 0.0.0-nightly.d48061c → 0.0.0-nightly.da5ce0f

package/dist/commonjs/components/react-native-safe-area-context.native.js

@@ -8,6 +8,7 @@ var _exportNames = {
 };
 exports.SafeAreaProvider = SafeAreaProvider;
 var _react = require("react");
+var _nativeInternal = require("react-native-css/native-internal");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 Object.keys(_reactNativeSafeAreaContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -20,7 +21,6 @@ Object.keys(_reactNativeSafeAreaContext).forEach(function (key) {
     }
   });
 });
-var _reactivity = require("../runtime/native/reactivity.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function SafeAreaProvider({
   children,
@@ -37,7 +37,7 @@ function SafeAreaEnv({
   children
 }) {
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const parentVars = (0, _react.useContext)(_reactivity.VariableContext);
+  const parentVars = (0, _react.useContext)(_nativeInternal.VariableContext);
   const value = (0, _react.useMemo)(() => ({
     ...parentVars,
     "--react-native-css-safe-area-inset-bottom": insets.bottom,
@@ -45,7 +45,7 @@ function SafeAreaEnv({
     "--react-native-css-safe-area-inset-right": insets.right,
     "--react-native-css-safe-area-inset-top": insets.top
   }), [parentVars, insets]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactivity.VariableContext, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_nativeInternal.VariableContextProvider, {
     value: value,
     children: children
   });

package/dist/commonjs/components/react-native-safe-area-context.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNativeSafeAreaContext","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_reactivity","_jsxRuntime","SafeAreaProvider","children","props","jsx","SafeAreaEnv","insets","useSafeAreaInsets","parentVars","useContext","VariableContext","value","useMemo","bottom","left","right","top"],"sourceRoot":"../../../src","sources":["components/react-native-safe-area-context.native.tsx"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAQAE,MAAA,CAAAC,IAAA,CAAAF,2BAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,2BAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,2BAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAFA,IAAAS,WAAA,GAAAd,OAAA;AAA+D,IAAAe,WAAA,GAAAf,OAAA;AAIxD,SAASgB,gBAAgBA,CAAC;EAC/BC,QAAQ;EACR,GAAGC;AACkB,CAAC,EAAE;EACxB,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAAClB,2BAAA,CAAAe,gBAAwB;IAAA,GAAKE,KAAK;IAAAD,QAAA,eACjC,IAAAF,WAAA,CAAAI,GAAA,EAACC,WAAW;MAAAH,QAAA,EAAEA;IAAQ,CAAc;EAAC,CACb,CAAC;AAE/B;AAEA,SAASG,WAAWA,CAAC;EAAEH;AAA4B,CAAC,EAAE;EACpD,MAAMI,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAMC,UAAU,GAAG,IAAAC,iBAAU,EAACC,2BAAe,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACL,GAAGJ,UAAU;IACb,2CAA2C,EAAEF,MAAM,CAACO,MAAM;IAC1D,yCAAyC,EAAEP,MAAM,CAACQ,IAAI;IACtD,0CAA0C,EAAER,MAAM,CAACS,KAAK;IACxD,wCAAwC,EAAET,MAAM,CAACU;EACnD,CAAC,CAAC,EACF,CAACR,UAAU,EAAEF,MAAM,CACrB,CAAC;EAED,oBAAO,IAAAN,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAW,eAAe;IAACC,KAAK,EAAEA,KAAM;IAAAT,QAAA,EAAEA;EAAQ,CAAkB,CAAC;AACpE","ignoreList":[]}
+{"version":3,"names":["_react","require","_nativeInternal","_reactNativeSafeAreaContext","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_jsxRuntime","SafeAreaProvider","children","props","jsx","SafeAreaEnv","insets","useSafeAreaInsets","parentVars","useContext","VariableContext","value","useMemo","bottom","left","right","top","VariableContextProvider"],"sourceRoot":"../../../src","sources":["components/react-native-safe-area-context.native.tsx"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAIA,IAAAE,2BAAA,GAAAF,OAAA;AAMAG,MAAA,CAAAC,IAAA,CAAAF,2BAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,2BAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,2BAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAA+C,IAAAS,WAAA,GAAAf,OAAA;AAExC,SAASgB,gBAAgBA,CAAC;EAC/BC,QAAQ;EACR,GAAGC;AACkB,CAAC,EAAE;EACxB,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAACjB,2BAAA,CAAAc,gBAAwB;IAAA,GAAKE,KAAK;IAAAD,QAAA,eACjC,IAAAF,WAAA,CAAAI,GAAA,EAACC,WAAW;MAAAH,QAAA,EAAEA;IAAQ,CAAc;EAAC,CACb,CAAC;AAE/B;AAEA,SAASG,WAAWA,CAAC;EAAEH;AAA4B,CAAC,EAAE;EACpD,MAAMI,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAMC,UAAU,GAAG,IAAAC,iBAAU,EAACC,+BAAe,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACL,GAAGJ,UAAU;IACb,2CAA2C,EAAEF,MAAM,CAACO,MAAM;IAC1D,yCAAyC,EAAEP,MAAM,CAACQ,IAAI;IACtD,0CAA0C,EAAER,MAAM,CAACS,KAAK;IACxD,wCAAwC,EAAET,MAAM,CAACU;EACnD,CAAC,CAAC,EACF,CAACR,UAAU,EAAEF,MAAM,CACrB,CAAC;EAED,oBACE,IAAAN,WAAA,CAAAI,GAAA,EAAClB,eAAA,CAAA+B,uBAAuB;IAACN,KAAK,EAAEA,KAAM;IAAAT,QAAA,EAAEA;EAAQ,CAA0B,CAAC;AAE/E","ignoreList":[]}

package/dist/commonjs/index.js

@@ -3,25 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _index = require("./runtime/index.js");
-Object.keys(_index).forEach(function (key) {
+var _runtime = require("./runtime");
+Object.keys(_runtime).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index[key]) return;
+  if (key in exports && exports[key] === _runtime[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index[key];
-    }
-  });
-});
-var _poisonPill = require("./poison.pill.js");
-Object.keys(_poisonPill).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _poisonPill[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _poisonPill[key];
+      return _runtime[key];
     }
   });
 });

package/dist/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_poisonPill"],"sourceRoot":"../../src","sources":["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,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_runtime","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAAA,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/jest/index.js

@@ -9,16 +9,16 @@ exports.testID = void 0;
 var _reactNative = require("react-native");
 var _nodeUtil = require("node:util");
 var _compiler = require("react-native-css/compiler");
-var _styleCollection = require("react-native-css/style-collection");
-var _reactivity = require("../runtime/native/reactivity.js");
+var _native = require("react-native-css/native");
+var _reactivity = require("../native/reactivity.js");
 const testID = exports.testID = "react-native-css";
 beforeEach(() => {
-  _styleCollection.StyleCollection.styles.clear();
+  _native.StyleCollection.styles.clear();
   _reactivity.dimensions.set(_reactNative.Dimensions.get("window"));
   _reactNative.Appearance.setColorScheme(null);
   _reactivity.colorScheme.set(null);
 });
-const debugDefault = Boolean(process.env.REACT_NATIVE_CSS_TEST_DEBUG && process.env.NODE_OPTIONS?.includes("--inspect"));
+const debugDefault = Boolean(process.env.REACT_NATIVE_CSS_TEST_DEBUG && typeof process.env.NODE_OPTIONS === "string" && process.env.NODE_OPTIONS.includes("--inspect"));
 function registerCSS(css, options = {}) {
   const {
     debug = debugDefault
@@ -34,7 +34,7 @@ function registerCSS(css, options = {}) {
       compact: false
     })}`);
   }
-  _styleCollection.StyleCollection.inject(compiled.stylesheet());
+  _native.StyleCollection.inject(compiled.stylesheet());
   return compiled;
 }
 function compileWithAutoDebug(css, {
@@ -43,7 +43,7 @@ function compileWithAutoDebug(css, {
 } = {}) {
   const logger = debug ? text => {
     // Just log the rules
-    if (text.startsWith("[")) {
+    if (text.startsWith("[") && debug === "verbose") {
       console.log(`Rules:\n---\n${text}`);
     }
   } : undefined;

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_nodeUtil","_compiler","_styleCollection","_reactivity","testID","exports","beforeEach","StyleCollection","styles","clear","dimensions","set","Dimensions","get","Appearance","setColorScheme","colorScheme","debugDefault","Boolean","process","env","REACT_NATIVE_CSS_TEST_DEBUG","NODE_OPTIONS","includes","registerCSS","css","options","debug","compiled","compileWithAutoDebug","console","log","inspect","stylesheet","warnings","depth","colors","compact","inject","logger","text","startsWith","undefined","compile"],"sourceRoot":"../../../src","sources":["jest/index.ts"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAWO,MAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,kBAAkB;AAExCE,UAAU,CAAC,MAAM;EACfC,gCAAe,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC;EAC9BC,sBAAU,CAACC,GAAG,CAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAC;EACxCC,uBAAU,CAACC,cAAc,CAAC,IAAI,CAAC;EAC/BC,uBAAW,CAACL,GAAG,CAAC,IAAI,CAAC;AACvB,CAAC,CAAC;AAEF,MAAMM,YAAY,GAAGC,OAAO,CAC1BC,OAAO,CAACC,GAAG,CAACC,2BAA2B,IACrCF,OAAO,CAACC,GAAG,CAACE,YAAY,EAAEC,QAAQ,CAAC,WAAW,CAClD,CAAC;AAEM,SAASC,WAAWA,CACzBC,GAAW,EACXC,OAA8C,GAAG,CAAC,CAAC,EACnD;EACA,MAAM;IAAEC,KAAK,GAAGV;EAAa,CAAC,GAAGS,OAAO;EACxC,MAAME,QAAQ,GAAGC,oBAAoB,CAACJ,GAAG,EAAEC,OAAO,CAAC;EAEnD,IAAIC,KAAK,EAAE;IACTG,OAAO,CAACC,GAAG,CACT,mBAAmB,IAAAC,iBAAO,EACxB;MACEC,UAAU,EAAEL,QAAQ,CAACK,UAAU,CAAC,CAAC;MACjCC,QAAQ,EAAEN,QAAQ,CAACM,QAAQ,CAAC;IAC9B,CAAC,EACD;MAAEC,KAAK,EAAE,IAAI;MAAEC,MAAM,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAM,CAC9C,CAAC,EACH,CAAC;EACH;EAEA9B,gCAAe,CAAC+B,MAAM,CAACV,QAAQ,CAACK,UAAU,CAAC,CAAC,CAAC;EAE7C,OAAOL,QAAQ;AACjB;AAEO,SAASC,oBAAoBA,CAClCJ,GAAW,EACX;EACEE,KAAK,GAAGV,YAAY;EACpB,GAAGS;AACkC,CAAC,GAAG,CAAC,CAAC,EAC7C;EACA,MAAMa,MAAM,GAAGZ,KAAK,GACfa,IAAY,IAAK;IAChB;IACA,IAAIA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;MACxBX,OAAO,CAACC,GAAG,CAAC,gBAAgBS,IAAI,EAAE,CAAC;IACrC;EACF,CAAC,GACDE,SAAS;EAEb,OAAO,IAAAC,iBAAO,EAAClB,GAAG,EAAE;IAAE,GAAGC,OAAO;IAAEa;EAAO,CAAC,CAAC;AAC7C","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_nodeUtil","_compiler","_native","_reactivity","testID","exports","beforeEach","StyleCollection","styles","clear","dimensions","set","Dimensions","get","Appearance","setColorScheme","colorScheme","debugDefault","Boolean","process","env","REACT_NATIVE_CSS_TEST_DEBUG","NODE_OPTIONS","includes","registerCSS","css","options","debug","compiled","compileWithAutoDebug","console","log","inspect","stylesheet","warnings","depth","colors","compact","inject","logger","text","startsWith","undefined","compile"],"sourceRoot":"../../../src","sources":["jest/index.ts"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAWO,MAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,kBAAkB;AAExCE,UAAU,CAAC,MAAM;EACfC,uBAAe,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC;EAC9BC,sBAAU,CAACC,GAAG,CAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAC;EACxCC,uBAAU,CAACC,cAAc,CAAC,IAAI,CAAC;EAC/BC,uBAAW,CAACL,GAAG,CAAC,IAAI,CAAC;AACvB,CAAC,CAAC;AAEF,MAAMM,YAAY,GAAGC,OAAO,CAC1BC,OAAO,CAACC,GAAG,CAACC,2BAA2B,IACrC,OAAOF,OAAO,CAACC,GAAG,CAACE,YAAY,KAAK,QAAQ,IAC5CH,OAAO,CAACC,GAAG,CAACE,YAAY,CAACC,QAAQ,CAAC,WAAW,CACjD,CAAC;AAEM,SAASC,WAAWA,CACzBC,GAAW,EACXC,OAA8C,GAAG,CAAC,CAAC,EACnD;EACA,MAAM;IAAEC,KAAK,GAAGV;EAAa,CAAC,GAAGS,OAAO;EACxC,MAAME,QAAQ,GAAGC,oBAAoB,CAACJ,GAAG,EAAEC,OAAO,CAAC;EAEnD,IAAIC,KAAK,EAAE;IACTG,OAAO,CAACC,GAAG,CACT,mBAAmB,IAAAC,iBAAO,EACxB;MACEC,UAAU,EAAEL,QAAQ,CAACK,UAAU,CAAC,CAAC;MACjCC,QAAQ,EAAEN,QAAQ,CAACM,QAAQ,CAAC;IAC9B,CAAC,EACD;MAAEC,KAAK,EAAE,IAAI;MAAEC,MAAM,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAM,CAC9C,CAAC,EACH,CAAC;EACH;EAEA9B,uBAAe,CAAC+B,MAAM,CAACV,QAAQ,CAACK,UAAU,CAAC,CAAC,CAAC;EAE7C,OAAOL,QAAQ;AACjB;AAEO,SAASC,oBAAoBA,CAClCJ,GAAW,EACX;EACEE,KAAK,GAAGV,YAAY;EACpB,GAAGS;AAC8C,CAAC,GAAG,CAAC,CAAC,EACzD;EACA,MAAMa,MAAM,GAAGZ,KAAK,GACfa,IAAY,IAAK;IAChB;IACA,IAAIA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,IAAId,KAAK,KAAK,SAAS,EAAE;MAC/CG,OAAO,CAACC,GAAG,CAAC,gBAAgBS,IAAI,EAAE,CAAC;IACrC;EACF,CAAC,GACDE,SAAS;EAEb,OAAO,IAAAC,iBAAO,EAAClB,GAAG,EAAE;IAAE,GAAGC,OAAO;IAAEa;EAAO,CAAC,CAAC;AAC7C","ignoreList":[]}

package/dist/commonjs/metro/index.js

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withReactNativeCSS = withReactNativeCSS;
-var _nodePath = require("node:path");
 var _nodeProcess = require("node:process");
-var _debug = _interopRequireDefault(require("debug"));
-var _compiler = require("../compiler/compiler.js");
-var _injectionCode = require("./injection-code.js");
 var _resolver = require("./resolver.js");
 var _typescript = require("./typescript.js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable */
 
-const defaultLogger = (0, _debug.default)("react-native-css:metro");
+const metroOverrideResolution = {
+  type: "sourceFile",
+  filePath: require.resolve("./override")
+};
 function withReactNativeCSS(config, options) {
   if (typeof config === "function") {
     return async () => {
@@ -27,10 +25,8 @@ function withReactNativeCSS(config, options) {
   const {
     disableTypeScriptGeneration,
     typescriptEnvPath,
-    globalClassNamePolyfill = false,
-    logger = defaultLogger
+    globalClassNamePolyfill = false
   } = options || {};
-  const loggerEnabled = "enabled" in logger ? logger.enabled : true;
   if (disableTypeScriptGeneration !== true) {
     (0, _typescript.setupTypeScript)(typescriptEnvPath);
   }
@@ -45,10 +41,8 @@ function withReactNativeCSS(config, options) {
       ...config.resolver,
       sourceExts: [...(config?.resolver?.sourceExts || []), "css"],
       resolveRequest: (context, moduleName, platform) => {
-        if (moduleName.includes("poison.pill")) {
-          return {
-            type: "empty"
-          };
+        if (moduleName.includes("react-native-css-metro-override")) {
+          return metroOverrideResolution;
         }
         const parentResolver = config.resolver?.resolveRequest ?? context.resolveRequest;
 
@@ -60,110 +54,6 @@ function withReactNativeCSS(config, options) {
         const resolved = resolver(parentResolver, context, moduleName, platform);
         return resolved;
       }
-    },
-    server: {
-      ...config.server,
-      enhanceMiddleware(metroMiddleware, metroServer) {
-        const bundler = metroServer.getBundler().getBundler();
-        if (!bundler.__react_native_css__patched) {
-          bundler.__react_native_css__patched = true;
-          const nativeCSSFiles = new Map();
-          const webCSSFiles = new Set();
-          const nativeInjectionPath = require.resolve("../runtime/native/metro");
-          const nativeInjectionFilepaths = [
-          // CommonJS
-          nativeInjectionPath,
-          // ES Module
-          nativeInjectionPath.replace(`dist${_nodePath.sep}commonjs`, `dist${_nodePath.sep}module`),
-          // TypeScript
-          nativeInjectionPath.replace(`dist${_nodePath.sep}commonjs`, `src`).replace(".js", ".ts")];
-          const webInjectionPath = require.resolve("../runtime/web/metro");
-          const webInjectionFilepaths = [
-          // CommonJS
-          webInjectionPath,
-          // ES Module
-          webInjectionPath.replace(`dist${_nodePath.sep}commonjs`, `dist${_nodePath.sep}module`),
-          // TypeScript
-          webInjectionPath.replace(`dist${_nodePath.sep}commonjs`, `src`).replace(".js", ".ts")];
-
-          // Keep the original
-          const transformFile = bundler.transformFile.bind(bundler);
-          const watcher = bundler.getWatcher();
-
-          // Patch with our functionality
-          bundler.transformFile = async function (filePath, transformOptions, fileBuffer) {
-            const isCss = /\.(s?css|sass)$/.test(filePath);
-            if (transformOptions.platform === "web") {
-              if (isCss) {
-                webCSSFiles.add(filePath);
-              } else if (webInjectionFilepaths.includes(filePath)) {
-                fileBuffer = (0, _injectionCode.getWebInjectionCode)(Array.from(webCSSFiles));
-              }
-              return transformFile(filePath, transformOptions, fileBuffer);
-            } else {
-              // Handle CSS files on native platforms
-              if (isCss) {
-                const webTransform = await transformFile(filePath, {
-                  ...transformOptions,
-                  // Force the platform to web for CSS files
-                  platform: "web",
-                  // Let the transformer know that we will handle compilation
-                  customTransformOptions: {
-                    ...transformOptions.customTransformOptions,
-                    reactNativeCSS: options
-                  }
-                }, fileBuffer);
-                const lastTransform = nativeCSSFiles.get(filePath);
-                const last = lastTransform?.[0];
-                const next = webTransform.output[0].data.css.code.toString();
-
-                // The CSS file has changed, we need to recompile the injection file
-                if (next !== last) {
-                  nativeCSSFiles.set(filePath, [next, (0, _compiler.compile)(next, {
-                    hexColors: options?.hexColors
-                  }).stylesheet()]);
-                  watcher.emit("change", {
-                    eventsQueue: nativeInjectionFilepaths.map(filePath => ({
-                      filePath,
-                      metadata: {
-                        modifiedTime: Date.now(),
-                        size: 1,
-                        // Can be anything
-                        type: "virtual" // Can be anything
-                      },
-                      type: "change"
-                    }))
-                  });
-                }
-                const nativeTransform = await transformFile(filePath, transformOptions, fileBuffer);
-
-                // Tell Expo to skip caching this file
-                nativeTransform.output[0].data.css = {
-                  skipCache: true,
-                  // Expo requires a `code` property
-                  code: ""
-                };
-                return nativeTransform;
-              } else if (nativeInjectionFilepaths.includes(filePath)) {
-                // If this is the injection file, we to swap its content with the
-                // compiled CSS files
-                fileBuffer = (0, _injectionCode.getNativeInjectionCode)(Array.from(nativeCSSFiles.keys()).map(key => (0, _nodePath.relative)((0, _nodePath.dirname)(filePath), key)), Array.from(nativeCSSFiles.values()).map(([, value]) => value));
-                if (loggerEnabled && fileBuffer) {
-                  logger(`Transformed ${filePath}`);
-                  logger(fileBuffer?.toString());
-                }
-              }
-              return transformFile(filePath, transformOptions, fileBuffer);
-            }
-          };
-        }
-
-        /**
-         * We don't modify the middleware, we just use this function to get the metroServer
-         * So simply return the existing middleware
-         */
-        return config.server?.enhanceMiddleware?.(metroMiddleware, metroServer) ?? metroMiddleware;
-      }
     }
   };
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_nodePath","require","_nodeProcess","_debug","_interopRequireDefault","_compiler","_injectionCode","_resolver","_typescript","e","__esModule","default","defaultLogger","debug","withReactNativeCSS","config","options","Number","versions","node","split","Error","disableTypeScriptGeneration","typescriptEnvPath","globalClassNamePolyfill","logger","loggerEnabled","enabled","setupTypeScript","transformerPath","resolve","transformer","reactNativeCSS","resolver","sourceExts","resolveRequest","context","moduleName","platform","includes","type","parentResolver","webResolver","nativeResolver","resolved","server","enhanceMiddleware","metroMiddleware","metroServer","bundler","getBundler","__react_native_css__patched","nativeCSSFiles","Map","webCSSFiles","Set","nativeInjectionPath","nativeInjectionFilepaths","replace","sep","webInjectionPath","webInjectionFilepaths","transformFile","bind","watcher","getWatcher","filePath","transformOptions","fileBuffer","isCss","test","add","getWebInjectionCode","Array","from","webTransform","customTransformOptions","lastTransform","get","last","next","output","data","css","code","toString","set","compile","hexColors","stylesheet","emit","eventsQueue","map","metadata","modifiedTime","Date","now","size","nativeTransform","skipCache","getNativeInjectionCode","keys","key","relative","dirname","values","value"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_nodeProcess","require","_resolver","_typescript","metroOverrideResolution","type","filePath","resolve","withReactNativeCSS","config","options","Number","versions","node","split","Error","disableTypeScriptGeneration","typescriptEnvPath","globalClassNamePolyfill","setupTypeScript","transformerPath","transformer","reactNativeCSS","resolver","sourceExts","resolveRequest","context","moduleName","platform","includes","parentResolver","webResolver","nativeResolver","resolved"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAPA;;AAmBA,MAAMG,uBAAuB,GAAG;EAC9BC,IAAI,EAAE,YAAY;EAClBC,QAAQ,EAAEL,OAAO,CAACM,OAAO,CAAC,YAAY;AACxC,CAAC;AAEM,SAASC,kBAAkBA,CAEhCC,MAAS,EAAEC,OAAmC,EAAK;EACnD,IAAI,OAAOD,MAAM,KAAK,UAAU,EAAE;IAChC,OAAQ,YAAY;MAClB,OAAOD,kBAAkB,CAAC,MAAMC,MAAM,CAAC,CAAC,EAAEC,OAAO,CAAC;IACpD,CAAC;EACH;EAEA,IAAIC,MAAM,CAACC,qBAAQ,CAACC,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE;IAC5C,MAAM,IAAIC,KAAK,CAAC,2CAA2C,CAAC;EAC9D;EAEA,MAAM;IACJC,2BAA2B;IAC3BC,iBAAiB;IACjBC,uBAAuB,GAAG;EAC5B,CAAC,GAAGR,OAAO,IAAI,CAAC,CAAC;EAEjB,IAAIM,2BAA2B,KAAK,IAAI,EAAE;IACxC,IAAAG,2BAAe,EAACF,iBAAiB,CAAC;EACpC;EAEA,OAAO;IACL,GAAGR,MAAM;IACTW,eAAe,EAAEnB,OAAO,CAACM,OAAO,CAAC,qBAAqB,CAAC;IACvDc,WAAW,EAAE;MACX,GAAGZ,MAAM,CAACY,WAAW;MACrBC,cAAc,EAAEZ;IAClB,CAAC;IACDa,QAAQ,EAAE;MACR,GAAGd,MAAM,CAACc,QAAQ;MAClBC,UAAU,EAAE,CAAC,IAAIf,MAAM,EAAEc,QAAQ,EAAEC,UAAU,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC;MAC5DC,cAAc,EAAEA,CAACC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,KAAK;QACjD,IAAID,UAAU,CAACE,QAAQ,CAAC,iCAAiC,CAAC,EAAE;UAC1D,OAAOzB,uBAAuB;QAChC;QAEA,MAAM0B,cAAc,GAClBrB,MAAM,CAACc,QAAQ,EAAEE,cAAc,IAAIC,OAAO,CAACD,cAAc;;QAE3D;QACA,IAAI,CAACP,uBAAuB,EAAE;UAC5B,OAAOY,cAAc,CAACJ,OAAO,EAAEC,UAAU,EAAEC,QAAQ,CAAC;QACtD;QAEA,MAAML,QAAQ,GAAGK,QAAQ,KAAK,KAAK,GAAGG,qBAAW,GAAGC,wBAAc;QAClE,MAAMC,QAAQ,GAAGV,QAAQ,CACvBO,cAAc,EACdJ,OAAO,EACPC,UAAU,EACVC,QACF,CAAC;QAED,OAAOK,QAAQ;MACjB;IACF;EACF,CAAC;AACH","ignoreList":[]}

package/dist/commonjs/metro/injection-code.js

@@ -22,6 +22,6 @@ function getWebInjectionCode(filePaths) {
 function getNativeInjectionCode(cssFilePaths, values) {
   const importStatements = cssFilePaths.map(filePath => `import "${filePath}";`).join("\n");
   const contents = values.map(value => `StyleCollection.inject(${JSON.stringify(value)});`).join("\n");
-  return Buffer.from(`import { StyleCollection } from "react-native-css/style-collection";\n${importStatements}\n${contents};export {};`);
+  return Buffer.from(`import { StyleCollection } from "react-native-css/native-internal";\n${importStatements}\n${contents};export {};`);
 }
 //# sourceMappingURL=injection-code.js.map

package/dist/commonjs/metro/injection-code.js.map

@@ -1 +1 @@
-{"version":3,"names":["getWebInjectionCode","filePaths","importStatements","map","filePath","join","Buffer","from","getNativeInjectionCode","cssFilePaths","values","contents","value","JSON","stringify"],"sourceRoot":"../../../src","sources":["metro/injection-code.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,SAAmB,EAAE;EACvD,MAAMC,gBAAgB,GAAGD,SAAS,CAC/BE,GAAG,CAAEC,QAAQ,IAAK,WAAWA,QAAQ,IAAI,CAAC,CAC1CC,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOC,MAAM,CAACC,IAAI,CAACL,gBAAgB,CAAC;AACtC;AAEO,SAASM,sBAAsBA,CACpCC,YAAsB,EACtBC,MAAiB,EACjB;EACA,MAAMR,gBAAgB,GAAGO,YAAY,CAClCN,GAAG,CAAEC,QAAQ,IAAK,WAAWA,QAAQ,IAAI,CAAC,CAC1CC,IAAI,CAAC,IAAI,CAAC;EAEb,MAAMM,QAAQ,GAAGD,MAAM,CACpBP,GAAG,CAAES,KAAK,IAAK,0BAA0BC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,IAAI,CAAC,CACnEP,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOC,MAAM,CAACC,IAAI,CAChB,yEAAyEL,gBAAgB,KAAKS,QAAQ,aACxG,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["getWebInjectionCode","filePaths","importStatements","map","filePath","join","Buffer","from","getNativeInjectionCode","cssFilePaths","values","contents","value","JSON","stringify"],"sourceRoot":"../../../src","sources":["metro/injection-code.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,SAAmB,EAAE;EACvD,MAAMC,gBAAgB,GAAGD,SAAS,CAC/BE,GAAG,CAAEC,QAAQ,IAAK,WAAWA,QAAQ,IAAI,CAAC,CAC1CC,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOC,MAAM,CAACC,IAAI,CAACL,gBAAgB,CAAC;AACtC;AAEO,SAASM,sBAAsBA,CACpCC,YAAsB,EACtBC,MAAiB,EACjB;EACA,MAAMR,gBAAgB,GAAGO,YAAY,CAClCN,GAAG,CAAEC,QAAQ,IAAK,WAAWA,QAAQ,IAAI,CAAC,CAC1CC,IAAI,CAAC,IAAI,CAAC;EAEb,MAAMM,QAAQ,GAAGD,MAAM,CACpBP,GAAG,CAAES,KAAK,IAAK,0BAA0BC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,IAAI,CAAC,CACnEP,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOC,MAAM,CAACC,IAAI,CAChB,wEAAwEL,gBAAgB,KAAKS,QAAQ,aACvG,CAAC;AACH","ignoreList":[]}

package/dist/commonjs/metro/metro-transformer.js

@@ -26,6 +26,13 @@ async function transform(config, projectRoot, filePath, data, options) {
     projectRoot: projectRoot
   }).stylesheet();
   data = Buffer.from((0, _injectionCode.getNativeInjectionCode)([], [productionJS]));
-  return worker.transform(config, projectRoot, `${filePath}.js`, data, options);
+  const transform = await worker.transform(config, projectRoot, `${filePath}.js`, data, options);
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
+  transform.output[0].data.css = {
+    skipCache: true,
+    code: ""
+  };
+  return transform;
 }
 //# sourceMappingURL=metro-transformer.js.map

package/dist/commonjs/metro/metro-transformer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_metroConfig","require","_index","_injectionCode","worker","unstable_transformerPath","transform","config","projectRoot","filePath","data","options","isCss","type","test","platform","cssFile","css","output","code","toString","productionJS","compile","reactNativeCSS","filename","stylesheet","Buffer","from","getNativeInjectionCode"],"sourceRoot":"../../../src","sources":["metro/metro-transformer.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM;AACV;AACAH,OAAO,CAACI,qCAAwB,CAA4C;AAEvE,eAAeC,SAASA,CAC7BC,MAA2B,EAC3BC,WAAmB,EACnBC,QAAgB,EAChBC,IAAY,EACZC,OAEC,EAC2B;EAC5B,MAAMC,KAAK,GAAGD,OAAO,CAACE,IAAI,KAAK,OAAO,IAAI,iBAAiB,CAACC,IAAI,CAACL,QAAQ,CAAC;EAE1E,IAAIE,OAAO,CAACI,QAAQ,KAAK,KAAK,IAAI,CAACH,KAAK,EAAE;IACxC,OAAOR,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,CAAC;EACvE;EAEA,MAAMK,OAAO,GAAI,MAAMZ,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAE;IAC3E,GAAGC,OAAO;IACVI,QAAQ,EAAE;EACZ,CAAC,CAEA;EAED,MAAME,GAAG,GAAGD,OAAO,CAACE,MAAM,CAAC,CAAC,CAAC,CAACR,IAAI,CAACO,GAAG,CAACE,IAAI,CAACC,QAAQ,CAAC,CAAC;EAEtD,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAACL,GAAG,EAAE;IAChC,GAAGN,OAAO,CAACY,cAAc;IACzBC,QAAQ,EAAEf,QAAQ;IAClBD,WAAW,EAAEA;EACf,CAAC,CAAC,CAACiB,UAAU,CAAC,CAAC;EAEff,IAAI,GAAGgB,MAAM,CAACC,IAAI,CAAC,IAAAC,qCAAsB,EAAC,EAAE,EAAE,CAACP,YAAY,CAAC,CAAC,CAAC;EAE9D,OAAOjB,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAE,GAAGC,QAAQ,KAAK,EAAEC,IAAI,EAAEC,OAAO,CAAC;AAC/E","ignoreList":[]}
+{"version":3,"names":["_metroConfig","require","_index","_injectionCode","worker","unstable_transformerPath","transform","config","projectRoot","filePath","data","options","isCss","type","test","platform","cssFile","css","output","code","toString","productionJS","compile","reactNativeCSS","filename","stylesheet","Buffer","from","getNativeInjectionCode","skipCache"],"sourceRoot":"../../../src","sources":["metro/metro-transformer.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM;AACV;AACAH,OAAO,CAACI,qCAAwB,CAA4C;AAEvE,eAAeC,SAASA,CAC7BC,MAA2B,EAC3BC,WAAmB,EACnBC,QAAgB,EAChBC,IAAY,EACZC,OAEC,EAC2B;EAC5B,MAAMC,KAAK,GAAGD,OAAO,CAACE,IAAI,KAAK,OAAO,IAAI,iBAAiB,CAACC,IAAI,CAACL,QAAQ,CAAC;EAE1E,IAAIE,OAAO,CAACI,QAAQ,KAAK,KAAK,IAAI,CAACH,KAAK,EAAE;IACxC,OAAOR,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,CAAC;EACvE;EAEA,MAAMK,OAAO,GAAI,MAAMZ,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAE;IAC3E,GAAGC,OAAO;IACVI,QAAQ,EAAE;EACZ,CAAC,CAEA;EAED,MAAME,GAAG,GAAGD,OAAO,CAACE,MAAM,CAAC,CAAC,CAAC,CAACR,IAAI,CAACO,GAAG,CAACE,IAAI,CAACC,QAAQ,CAAC,CAAC;EAEtD,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAACL,GAAG,EAAE;IAChC,GAAGN,OAAO,CAACY,cAAc;IACzBC,QAAQ,EAAEf,QAAQ;IAClBD,WAAW,EAAEA;EACf,CAAC,CAAC,CAACiB,UAAU,CAAC,CAAC;EAEff,IAAI,GAAGgB,MAAM,CAACC,IAAI,CAAC,IAAAC,qCAAsB,EAAC,EAAE,EAAE,CAACP,YAAY,CAAC,CAAC,CAAC;EAE9D,MAAMf,SAAS,GAAG,MAAMF,MAAM,CAACE,SAAS,CACtCC,MAAM,EACNC,WAAW,EACX,GAAGC,QAAQ,KAAK,EAChBC,IAAI,EACJC,OACF,CAAC;;EAED;EACCL,SAAS,CAASY,MAAM,CAAC,CAAC,CAAC,CAACR,IAAI,CAACO,GAAG,GAAG;IACtCY,SAAS,EAAE,IAAI;IACfV,IAAI,EAAE;EACR,CAAC;EAED,OAAOb,SAAS;AAClB","ignoreList":[]}

package/dist/commonjs/metro/override.js

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

package/dist/commonjs/metro/override.js.map

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

package/dist/commonjs/metro/resolver.js

@@ -14,32 +14,23 @@ function isFromThisModule(filename) {
 }
 function nativeResolver(resolver, context, moduleName, platform) {
   const resolution = resolver(context, moduleName, platform);
-  if (
-  // Don't include our internal files
-  isFromThisModule(context.originModulePath) ||
-  // Only operate on source files
-  resolution.type !== "sourceFile" ||
-  // Skip the React Native barrel file to prevent infinite recursion
-  context.originModulePath.endsWith("react-native/index.js") ||
-  // Skip anything that isn't importing a React Native component
-  !(moduleName.startsWith("react-native") || moduleName.startsWith("react-native/"))) {
+  const isInternal = isFromThisModule(context.originModulePath);
+  const isReactNativeIndex = context.originModulePath.endsWith(`${_nodePath.sep}react-native${_nodePath.sep}index.js`);
+  if (isInternal || resolution.type !== "sourceFile" || isReactNativeIndex) {
     return resolution;
   }
   if (moduleName === "react-native") {
     return resolver(context, `react-native-css/components`, platform);
-  }
-  if (moduleName === "react-native-safe-area-context") {
+  } else if (moduleName === "react-native-safe-area-context") {
     return resolver(context, `react-native-css/components/react-native-safe-area-context`, platform);
+  } else if (resolution.filePath.includes(`${_nodePath.sep}react-native${_nodePath.sep}Libraries${_nodePath.sep}`)) {
+    const filename = (0, _nodePath.basename)(resolution.filePath.split(_nodePath.sep).at(-1) ?? "");
+    const module = filename.split(".").at(0);
+    if (module && _allowedModules.allowedModules.has(module)) {
+      return resolver(context, `react-native-css/components/${module}`, platform);
+    }
   }
-
-  // We only care about `react-native/Library/Components/<module>.js` components
-  const segments = resolution.filePath.split(_nodePath.sep);
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  const module = (0, _nodePath.basename)(segments.at(-1)).split(".")[0];
-  if (!module || !_allowedModules.allowedModules.has(module)) {
-    return resolution;
-  }
-  return resolver(context, `react-native-css/components/${module}`, platform);
+  return resolution;
 }
 function webResolver(resolver, context, moduleName, platform) {
   const resolution = resolver(context, moduleName, platform);
@@ -49,7 +40,9 @@ function webResolver(resolver, context, moduleName, platform) {
   // Only operate on source files
   resolution.type !== "sourceFile" ||
   // Skip anything that isn't importing from `react-native-web`
-  !resolution.filePath.includes(`${_nodePath.sep}react-native-web${_nodePath.sep}`)) {
+  !resolution.filePath.includes(`${_nodePath.sep}react-native-web${_nodePath.sep}`) ||
+  // Skip internal react-native-web files
+  resolution.filePath.includes(`${_nodePath.sep}react-native-web${_nodePath.sep}dist${_nodePath.sep}vendor`)) {
     return resolution;
   }
 
@@ -57,7 +50,7 @@ function webResolver(resolver, context, moduleName, platform) {
   const segments = resolution.filePath.split(_nodePath.sep);
   const isIndex = segments.at(-1)?.startsWith("index.");
   const module = segments.at(-2);
-  if (!isIndex || !module || !_allowedModules.allowedModules.has(module)) {
+  if (!isIndex || !module || !_allowedModules.allowedModules.has(module) || module === "VirtualizedList") {
     return resolution;
   }
   return resolver(context, `react-native-css/components/${module}`, platform);

package/dist/commonjs/metro/resolver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_nodePath","require","_allowedModules","thisModuleDist","resolve","__dirname","thisModuleSrc","isFromThisModule","filename","startsWith","nativeResolver","resolver","context","moduleName","platform","resolution","originModulePath","type","endsWith","segments","filePath","split","sep","module","basename","at","allowedModules","has","webResolver","includes","isIndex"],"sourceRoot":"../../../src","sources":["metro/resolver.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_nodePath","require","_allowedModules","thisModuleDist","resolve","__dirname","thisModuleSrc","isFromThisModule","filename","startsWith","nativeResolver","resolver","context","moduleName","platform","resolution","isInternal","originModulePath","isReactNativeIndex","endsWith","sep","type","filePath","includes","basename","split","at","module","allowedModules","has","webResolver","segments","isIndex"],"sourceRoot":"../../../src","sources":["metro/resolver.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/native/api.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StyleCollection", {
+  enumerable: true,
+  get: function () {
+    return _nativeInternal.StyleCollection;
+  }
+});
+Object.defineProperty(exports, "VariableContext", {
+  enumerable: true,
+  get: function () {
+    return _nativeInternal.VariableContext;
+  }
+});
+Object.defineProperty(exports, "VariableContextProvider", {
+  enumerable: true,
+  get: function () {
+    return _nativeInternal.VariableContextProvider;
+  }
+});
+exports.useCssElement = exports.styled = exports.colorScheme = void 0;
+Object.defineProperty(exports, "useNativeCss", {
+  enumerable: true,
+  get: function () {
+    return _useNativeCss.useNativeCss;
+  }
+});
+exports.useNativeVariable = useNativeVariable;
+exports.useUnstableNativeVariable = void 0;
+exports.vars = vars;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _nativeInternal = require("react-native-css/native-internal");
+var _useNativeCss = require("./react/useNativeCss.js");
+var _usePassthrough = require("./react/usePassthrough.js");
+var _reactivity = require("./reactivity.js");
+var _resolve = require("./styles/resolve.js");
+/* eslint-disable  */
+
+const defaultMapping = {
+  className: "style"
+};
+
+/**
+ * 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 = defaultMapping, 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)(_nativeInternal.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
+  });
+}
+
+/**
+ * @deprecated Use `<VariableContextProvider />` instead.
+ */
+function vars(variables) {
+  return Object.assign({
+    [_reactivity.VAR_SYMBOL]: "inline"
+  }, Object.fromEntries(Object.entries(variables).map(([k, v]) => [k.replace(/^--/, ""), v])));
+}
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_nativeInternal","_useNativeCss","_usePassthrough","_reactivity","_resolve","defaultMapping","className","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","Object","assign","VAR_SYMBOL","fromEntries","entries","map","k","v","replace"],"sourceRoot":"../../../src","sources":["native/api.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"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 = undefined;
+  if (props) {
+    if (type === "a") {
+      value = props[prop];
+    } else {
+      const dataSet = props.dataSet;
+      value = 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