react-native-css 3.0.0-nightly.8dd703d → 3.0.0-nightly.9c84741

package/dist/module/components/Switch.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { Switch as RNSwitch } from "react-native";
+import { useCssElement } from "../runtime/index.js";
+const mapping = {
+  className: "style"
+};
+export function Switch(props) {
+  return useCssElement(RNSwitch, props, mapping);
+}
+export default Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/module/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Switch","RNSwitch","useCssElement","mapping","className","props"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":";;AAAA,SAASA,MAAM,IAAIC,QAAQ,QAA0B,cAAc;AAEnE,SACEC,aAAa,QAGR,qBAAY;AAEnB,MAAMC,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAAgD;AAEhD,OAAO,SAASJ,MAAMA,CAACK,KAA+C,EAAE;EACtE,OAAOH,aAAa,CAACD,QAAQ,EAAEI,KAAK,EAAEF,OAAO,CAAC;AAChD;AAEA,eAAeH,MAAM","ignoreList":[]}

package/dist/module/components/TextInput.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { TextInput as RNTextInput } from "react-native";
+import { useCssElement } from "../runtime/index.js";
+const mapping = {
+  className: "style"
+};
+export function TextInput(props) {
+  return useCssElement(RNTextInput, props, mapping);
+}
+export default TextInput;
+//# sourceMappingURL=TextInput.js.map

package/dist/module/components/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","RNTextInput","useCssElement","mapping","className","props"],"sourceRoot":"../../../src","sources":["components/TextInput.tsx"],"mappings":";;AAAA,SAASA,SAAS,IAAIC,WAAW,QAA6B,cAAc;AAE5E,SACEC,aAAa,QAGR,qBAAY;AAEnB,MAAMC,OAAO,GAAG;EACdC,SAAS,EAAE;AACb,CAAmD;AAEnD,OAAO,SAASJ,SAASA,CAACK,KAAkD,EAAE;EAC5E,OAAOH,aAAa,CAACD,WAAW,EAAEI,KAAK,EAAEF,OAAO,CAAC;AACnD;AAEA,eAAeH,SAAS","ignoreList":[]}

package/dist/module/components/index.js

@@ -1,6 +1,12 @@
 "use strict";
 
 export * from "react-native";
+export { ActivityIndicator } from "./ActivityIndicator.js";
+export { Button } from "./Button.js";
+export { FlatList } from "./FlatList.js";
+export { Image } from "./Image.js";
+export { Switch } from "./Switch.js";
 export { Text } from "./Text.js";
+export { TextInput } from "./TextInput.js";
 export { View } from "./View.js";
 //# sourceMappingURL=index.js.map

package/dist/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","View"],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;AAAA,cAAc,cAAc;AAE5B,SAASA,IAAI,QAAQ,WAAQ;AAC7B,SAASC,IAAI,QAAQ,WAAQ","ignoreList":[]}
+{"version":3,"names":["ActivityIndicator","Button","FlatList","Image","Switch","Text","TextInput","View"],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;AAAA,cAAc,cAAc;AAE5B,SAASA,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,IAAI,QAAQ,WAAQ","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "react-native-safe-area-context";
+//# sourceMappingURL=react-native-safe-area-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/react-native-safe-area-context.tsx"],"mappings":";;AAAA,cAAc,gCAAgC","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+import { useContext, useMemo } from "react";
+import { SafeAreaProvider as OriginalSafeAreaProvider, useSafeAreaInsets } from "react-native-safe-area-context";
+import { VariableContext } from "../runtime/native/reactivity.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export * from "react-native-safe-area-context";
+export function SafeAreaProvider({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(OriginalSafeAreaProvider, {
+    ...props,
+    children: /*#__PURE__*/_jsx(SafeAreaEnv, {
+      children: children
+    })
+  });
+}
+function SafeAreaEnv({
+  children
+}) {
+  const insets = useSafeAreaInsets();
+  const parentVars = useContext(VariableContext);
+  const value = useMemo(() => ({
+    ...parentVars,
+    "--react-native-css-safe-area-inset-bottom": insets.bottom,
+    "--react-native-css-safe-area-inset-left": insets.left,
+    "--react-native-css-safe-area-inset-right": insets.right,
+    "--react-native-css-safe-area-inset-top": insets.top
+  }), [parentVars, insets]);
+  return /*#__PURE__*/_jsx(VariableContext, {
+    value: value,
+    children: children
+  });
+}
+//# sourceMappingURL=react-native-safe-area-context.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useMemo","SafeAreaProvider","OriginalSafeAreaProvider","useSafeAreaInsets","VariableContext","jsx","_jsx","children","props","SafeAreaEnv","insets","parentVars","value","bottom","left","right","top"],"sourceRoot":"../../../src","sources":["components/react-native-safe-area-context.native.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAgC,OAAO;AAEnE,SACEC,gBAAgB,IAAIC,wBAAwB,EAC5CC,iBAAiB,QAEZ,gCAAgC;AAEvC,SAASC,eAAe,QAAQ,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/D,cAAc,gCAAgC;AAE9C,OAAO,SAASL,gBAAgBA,CAAC;EAC/BM,QAAQ;EACR,GAAGC;AACkB,CAAC,EAAE;EACxB,oBACEF,IAAA,CAACJ,wBAAwB;IAAA,GAAKM,KAAK;IAAAD,QAAA,eACjCD,IAAA,CAACG,WAAW;MAAAF,QAAA,EAAEA;IAAQ,CAAc;EAAC,CACb,CAAC;AAE/B;AAEA,SAASE,WAAWA,CAAC;EAAEF;AAA4B,CAAC,EAAE;EACpD,MAAMG,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAMQ,UAAU,GAAGZ,UAAU,CAACK,eAAe,CAAC;EAE9C,MAAMQ,KAAK,GAAGZ,OAAO,CACnB,OAAO;IACL,GAAGW,UAAU;IACb,2CAA2C,EAAED,MAAM,CAACG,MAAM;IAC1D,yCAAyC,EAAEH,MAAM,CAACI,IAAI;IACtD,0CAA0C,EAAEJ,MAAM,CAACK,KAAK;IACxD,wCAAwC,EAAEL,MAAM,CAACM;EACnD,CAAC,CAAC,EACF,CAACL,UAAU,EAAED,MAAM,CACrB,CAAC;EAED,oBAAOJ,IAAA,CAACF,eAAe;IAACQ,KAAK,EAAEA,KAAM;IAAAL,QAAA,EAAEA;EAAQ,CAAkB,CAAC;AACpE","ignoreList":[]}

package/dist/module/jest/index.js

@@ -2,8 +2,8 @@
 
 import { Appearance, Dimensions } from "react-native";
 import { inspect } from "node:util";
-import { compile } from "../compiler/index.js";
-import { StyleCollection } from "../runtime/native/injection.js";
+import { compile } from "react-native-css/compiler";
+import { StyleCollection } from "react-native-css/style-collection";
 import { colorScheme, dimensions, rem } from "../runtime/native/reactivity.js";
 export const testID = "react-native-css";
 beforeEach(() => {

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

@@ -1 +1 @@
-{"version":3,"names":["Appearance","Dimensions","inspect","compile","StyleCollection","colorScheme","dimensions","rem","testID","beforeEach","styles","clear","set","get","setColorScheme","debugDefault","Boolean","process","env","REACT_NATIVE_CSS_TEST_DEBUG","NODE_OPTIONS","includes","registerCSS","css","options","debug","compiled","compileWithAutoDebug","console","log","stylesheet","warnings","depth","colors","compact","inject","logger","text","startsWith","undefined"],"sourceRoot":"../../../src","sources":["jest/index.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,OAAO,QAA8B,sBAAa;AAC3D,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,WAAW,EAAEC,UAAU,EAAEC,GAAG,QAAQ,iCAA8B;AAW3E,OAAO,MAAMC,MAAM,GAAG,kBAAkB;AAExCC,UAAU,CAAC,MAAM;EACfL,eAAe,CAACM,MAAM,CAACC,KAAK,CAAC,CAAC;EAC9BL,UAAU,CAACM,GAAG,CAACX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC,CAAC;EACxCN,GAAG,CAACK,GAAG,CAAC,EAAE,CAAC;EACXZ,UAAU,CAACc,cAAc,CAAC,IAAI,CAAC;EAC/BT,WAAW,CAACO,GAAG,CAAC,IAAI,CAAC;AACvB,CAAC,CAAC;AAEF,MAAMG,YAAY,GAAGC,OAAO,CAC1BC,OAAO,CAACC,GAAG,CAACC,2BAA2B,IACrCF,OAAO,CAACC,GAAG,CAACE,YAAY,EAAEC,QAAQ,CAAC,WAAW,CAClD,CAAC;AAED,OAAO,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,mBAAmB3B,OAAO,CACxB;MACE4B,UAAU,EAAEJ,QAAQ,CAACI,UAAU,CAAC,CAAC;MACjCC,QAAQ,EAAEL,QAAQ,CAACK,QAAQ,CAAC;IAC9B,CAAC,EACD;MAAEC,KAAK,EAAE,IAAI;MAAEC,MAAM,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAM,CAC9C,CAAC,EACH,CAAC;EACH;EAEA9B,eAAe,CAAC+B,MAAM,CAACT,QAAQ,CAACI,UAAU,CAAC,CAAC,CAAC;EAE7C,OAAOJ,QAAQ;AACjB;AAEA,OAAO,SAASC,oBAAoBA,CAClCJ,GAAW,EACX;EACEE,KAAK,GAAGV,YAAY;EACpB,GAAGS;AACkC,CAAC,GAAG,CAAC,CAAC,EAC7C;EACA,MAAMY,MAAM,GAAGX,KAAK,GACfY,IAAY,IAAK;IAChB;IACA,IAAIA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;MACxBV,OAAO,CAACC,GAAG,CAAC,gBAAgBQ,IAAI,EAAE,CAAC;IACrC;EACF,CAAC,GACDE,SAAS;EAEb,OAAOpC,OAAO,CAACoB,GAAG,EAAE;IAAE,GAAGC,OAAO;IAAEY;EAAO,CAAC,CAAC;AAC7C","ignoreList":[]}
+{"version":3,"names":["Appearance","Dimensions","inspect","compile","StyleCollection","colorScheme","dimensions","rem","testID","beforeEach","styles","clear","set","get","setColorScheme","debugDefault","Boolean","process","env","REACT_NATIVE_CSS_TEST_DEBUG","NODE_OPTIONS","includes","registerCSS","css","options","debug","compiled","compileWithAutoDebug","console","log","stylesheet","warnings","depth","colors","compact","inject","logger","text","startsWith","undefined"],"sourceRoot":"../../../src","sources":["jest/index.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,OAAO,QAA8B,2BAA2B;AACzE,SAASC,eAAe,QAAQ,mCAAmC;AAEnE,SAASC,WAAW,EAAEC,UAAU,EAAEC,GAAG,QAAQ,iCAA8B;AAW3E,OAAO,MAAMC,MAAM,GAAG,kBAAkB;AAExCC,UAAU,CAAC,MAAM;EACfL,eAAe,CAACM,MAAM,CAACC,KAAK,CAAC,CAAC;EAC9BL,UAAU,CAACM,GAAG,CAACX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC,CAAC;EACxCN,GAAG,CAACK,GAAG,CAAC,EAAE,CAAC;EACXZ,UAAU,CAACc,cAAc,CAAC,IAAI,CAAC;EAC/BT,WAAW,CAACO,GAAG,CAAC,IAAI,CAAC;AACvB,CAAC,CAAC;AAEF,MAAMG,YAAY,GAAGC,OAAO,CAC1BC,OAAO,CAACC,GAAG,CAACC,2BAA2B,IACrCF,OAAO,CAACC,GAAG,CAACE,YAAY,EAAEC,QAAQ,CAAC,WAAW,CAClD,CAAC;AAED,OAAO,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,mBAAmB3B,OAAO,CACxB;MACE4B,UAAU,EAAEJ,QAAQ,CAACI,UAAU,CAAC,CAAC;MACjCC,QAAQ,EAAEL,QAAQ,CAACK,QAAQ,CAAC;IAC9B,CAAC,EACD;MAAEC,KAAK,EAAE,IAAI;MAAEC,MAAM,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAM,CAC9C,CAAC,EACH,CAAC;EACH;EAEA9B,eAAe,CAAC+B,MAAM,CAACT,QAAQ,CAACI,UAAU,CAAC,CAAC,CAAC;EAE7C,OAAOJ,QAAQ;AACjB;AAEA,OAAO,SAASC,oBAAoBA,CAClCJ,GAAW,EACX;EACEE,KAAK,GAAGV,YAAY;EACpB,GAAGS;AACkC,CAAC,GAAG,CAAC,CAAC,EAC7C;EACA,MAAMY,MAAM,GAAGX,KAAK,GACfY,IAAY,IAAK;IAChB;IACA,IAAIA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;MACxBV,OAAO,CAACC,GAAG,CAAC,gBAAgBQ,IAAI,EAAE,CAAC;IACrC;EACF,CAAC,GACDE,SAAS;EAEb,OAAOpC,OAAO,CAACoB,GAAG,EAAE;IAAE,GAAGC,OAAO;IAAEY;EAAO,CAAC,CAAC;AAC7C","ignoreList":[]}

package/dist/module/metro/index.js

@@ -31,15 +31,18 @@ export function withReactNativeCSS(config, options) {
   }
   const originalMiddleware = config.server?.enhanceMiddleware;
   const originalResolver = config.resolver?.resolveRequest;
-  const poisonPillPath = "./poison.pill";
   return {
     ...config,
     transformerPath: require.resolve("./metro-transformer"),
+    transformer: {
+      ...config.transformer,
+      reactNativeCSS: options
+    },
     resolver: {
       ...config.resolver,
       sourceExts: [...(config?.resolver?.sourceExts || []), "css"],
       resolveRequest: (context, moduleName, platform) => {
-        if (moduleName === poisonPillPath) {
+        if (moduleName.includes("poison.pill")) {
           return {
             type: "empty"
           };
@@ -106,7 +109,7 @@ export function withReactNativeCSS(config, options) {
                   // Let the transformer know that we will handle compilation
                   customTransformOptions: {
                     ...transformOptions.customTransformOptions,
-                    reactNativeCSSCompile: false
+                    reactNativeCSS: options
                   }
                 }, fileBuffer);
                 const lastTransform = nativeCSSFiles.get(filePath);

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

@@ -1 +1 @@
-{"version":3,"names":["dirname","relative","sep","versions","connect","debug","compile","getNativeInjectionCode","getWebInjectionCode","nativeResolver","webResolver","setupTypeScript","defaultLogger","withReactNativeCSS","config","options","Number","node","split","Error","disableTypeScriptGeneration","typescriptEnvPath","globalClassNamePolyfill","logger","loggerEnabled","enabled","originalMiddleware","server","enhanceMiddleware","originalResolver","resolver","resolveRequest","poisonPillPath","transformerPath","require","resolve","sourceExts","context","moduleName","platform","type","parentResolver","resolved","middleware","metroServer","bundler","getBundler","__react_native_css__patched","nativeCSSFiles","Map","webCSSFiles","Set","nativeInjectionPath","nativeInjectionFilepaths","replace","webInjectionPath","webInjectionFilepaths","transformFile","bind","watcher","getWatcher","filePath","transformOptions","fileBuffer","isCss","test","add","includes","Array","from","webTransform","customTransformOptions","reactNativeCSSCompile","lastTransform","get","last","next","output","data","css","code","toString","set","hexColors","stylesheet","emit","eventsQueue","map","metadata","modifiedTime","Date","now","size","nativeTransform","skipCache","keys","key","values","value","use"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["dirname","relative","sep","versions","connect","debug","compile","getNativeInjectionCode","getWebInjectionCode","nativeResolver","webResolver","setupTypeScript","defaultLogger","withReactNativeCSS","config","options","Number","node","split","Error","disableTypeScriptGeneration","typescriptEnvPath","globalClassNamePolyfill","logger","loggerEnabled","enabled","originalMiddleware","server","enhanceMiddleware","originalResolver","resolver","resolveRequest","transformerPath","require","resolve","transformer","reactNativeCSS","sourceExts","context","moduleName","platform","includes","type","parentResolver","resolved","middleware","metroServer","bundler","getBundler","__react_native_css__patched","nativeCSSFiles","Map","webCSSFiles","Set","nativeInjectionPath","nativeInjectionFilepaths","replace","webInjectionPath","webInjectionFilepaths","transformFile","bind","watcher","getWatcher","filePath","transformOptions","fileBuffer","isCss","test","add","Array","from","webTransform","customTransformOptions","lastTransform","get","last","next","output","data","css","code","toString","set","hexColors","stylesheet","emit","eventsQueue","map","metadata","modifiedTime","Date","now","size","nativeTransform","skipCache","keys","key","values","value","use"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,27 +1,22 @@
 "use strict";
 
 /**
- * This is a hack around Expo's handling of CSS files.
+ * This is a hack around Metro's handling of bundles.
  * When a component is inside a lazy() barrier, it is inside a different JS bundle.
  * So when it updates, it only updates its local bundle, not the global one which contains the CSS files.
  *
- * To fix this, we force our code to always import the CSS files.
- * Now the CSS files are in every bundle.
+ * This means that the CSS file will not be re-evaluated when a component in a different bundle updates,
+ * breaking tools like Tailwind CSS
  *
- * We achieve this by collecting all CSS files and injecting them into a special file
- * which is included inside react-native-css's runtime.
- *
- * This is why both of these function add imports for the CSS files.
+ * To fix this, we force our code to always import the CSS files, so now the CSS files are in every bundle.
  */
-
 export function getWebInjectionCode(filePaths) {
   const importStatements = filePaths.map(filePath => `import "${filePath}";`).join("\n");
   return Buffer.from(importStatements);
 }
 export function getNativeInjectionCode(cssFilePaths, values) {
   const importStatements = cssFilePaths.map(filePath => `import "${filePath}";`).join("\n");
-  const importPath = `import { StyleCollection } from "./api";`;
   const contents = values.map(value => `StyleCollection.inject(${JSON.stringify(value)});`).join("\n");
-  return Buffer.from(`${importStatements}\n${importPath}\n${contents};export {};`);
+  return Buffer.from(`import { StyleCollection } from "react-native-css/style-collection";\n${importStatements}\n${contents};export {};`);
 }
 //# sourceMappingURL=injection-code.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getWebInjectionCode","filePaths","importStatements","map","filePath","join","Buffer","from","getNativeInjectionCode","cssFilePaths","values","importPath","contents","value","JSON","stringify"],"sourceRoot":"../../../src","sources":["metro/injection-code.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,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;AAEA,OAAO,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;EACb,MAAMM,UAAU,GAAG,0CAA0C;EAC7D,MAAMC,QAAQ,GAAGF,MAAM,CACpBP,GAAG,CAAEU,KAAK,IAAK,0BAA0BC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,IAAI,CAAC,CACnER,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOC,MAAM,CAACC,IAAI,CAChB,GAAGL,gBAAgB,KAAKS,UAAU,KAAKC,QAAQ,aACjD,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;AACA,OAAO,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;AAEA,OAAO,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":[]}

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

@@ -1,17 +1,27 @@
 "use strict";
 
+import { unstable_transformerPath } from "@expo/metro-config";
+import { compile } from "../compiler/index.js";
+import { getNativeInjectionCode } from "./injection-code.js";
 const worker =
 // eslint-disable-next-line @typescript-eslint/no-require-imports
-require("@expo/metro-config/build/transform-worker/transform-worker.js");
-export function transform(config, projectRoot, filePath, data, options) {
+require(unstable_transformerPath);
+export async function transform(config, projectRoot, filePath, data, options) {
   const isCss = options.type !== "asset" && /\.(s?css|sass)$/.test(filePath);
-  const skipCompile = options.customTransformOptions && "reactNativeCSSCompile" in options.customTransformOptions && options.customTransformOptions.reactNativeCSSCompile === false;
-  if (!isCss || skipCompile) {
+  if (options.platform === "web" || !isCss) {
     return worker.transform(config, projectRoot, filePath, data, options);
   }
-
-  // TODO - compile the CSS file inline
-
-  return worker.transform(config, projectRoot, filePath, data, options);
+  const cssFile = await worker.transform(config, projectRoot, filePath, data, {
+    ...options,
+    platform: "web"
+  });
+  const css = cssFile.output[0].data.css.code.toString();
+  const productionJS = compile(css, {
+    ...options.reactNativeCSS,
+    filename: filePath,
+    projectRoot: projectRoot
+  }).stylesheet();
+  data = Buffer.from(getNativeInjectionCode([], [productionJS]));
+  return worker.transform(config, projectRoot, `${filePath}.js`, data, options);
 }
 //# sourceMappingURL=metro-transformer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["worker","require","transform","config","projectRoot","filePath","data","options","isCss","type","test","skipCompile","customTransformOptions","reactNativeCSSCompile"],"sourceRoot":"../../../src","sources":["metro/metro-transformer.ts"],"mappings":";;AAMA,MAAMA,MAAM;AACV;AACAC,OAAO,CAAC,+DAA+D,CAA4C;AAErH,OAAO,SAASC,SAASA,CACvBC,MAA2B,EAC3BC,WAAmB,EACnBC,QAAgB,EAChBC,IAAY,EACZC,OAA2B,EACC;EAC5B,MAAMC,KAAK,GAAGD,OAAO,CAACE,IAAI,KAAK,OAAO,IAAI,iBAAiB,CAACC,IAAI,CAACL,QAAQ,CAAC;EAC1E,MAAMM,WAAW,GACfJ,OAAO,CAACK,sBAAsB,IAC9B,uBAAuB,IAAIL,OAAO,CAACK,sBAAsB,IACzDL,OAAO,CAACK,sBAAsB,CAACC,qBAAqB,KAAK,KAAK;EAEhE,IAAI,CAACL,KAAK,IAAIG,WAAW,EAAE;IACzB,OAAOX,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,CAAC;EACvE;;EAEA;;EAEA,OAAOP,MAAM,CAACE,SAAS,CAACC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,CAAC;AACvE","ignoreList":[]}
+{"version":3,"names":["unstable_transformerPath","compile","getNativeInjectionCode","worker","require","transform","config","projectRoot","filePath","data","options","isCss","type","test","platform","cssFile","css","output","code","toString","productionJS","reactNativeCSS","filename","stylesheet","Buffer","from"],"sourceRoot":"../../../src","sources":["metro/metro-transformer.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,oBAAoB;AAO7D,SAASC,OAAO,QAA8B,sBAAa;AAC3D,SAASC,sBAAsB,QAAQ,qBAAkB;AAEzD,MAAMC,MAAM;AACV;AACAC,OAAO,CAACJ,wBAAwB,CAA4C;AAE9E,OAAO,eAAeK,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,GAAGnB,OAAO,CAACe,GAAG,EAAE;IAChC,GAAGN,OAAO,CAACW,cAAc;IACzBC,QAAQ,EAAEd,QAAQ;IAClBD,WAAW,EAAEA;EACf,CAAC,CAAC,CAACgB,UAAU,CAAC,CAAC;EAEfd,IAAI,GAAGe,MAAM,CAACC,IAAI,CAACvB,sBAAsB,CAAC,EAAE,EAAE,CAACkB,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":[]}

package/dist/module/metro/resolver.js

@@ -23,6 +23,9 @@ export function nativeResolver(resolver, context, moduleName, platform) {
   if (moduleName === "react-native") {
     return resolver(context, `react-native-css/components`, platform);
   }
+  if (moduleName === "react-native-safe-area-context") {
+    return resolver(context, `react-native-css/components/react-native-safe-area-context`, platform);
+  }
 
   // We only care about `react-native/Library/Components/<module>.js` components
   const segments = resolution.filePath.split(sep);

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

@@ -1 +1 @@
-{"version":3,"names":["basename","resolve","sep","allowedModules","thisModuleDist","__dirname","thisModuleSrc","isFromThisModule","filename","startsWith","nativeResolver","resolver","context","moduleName","platform","resolution","originModulePath","type","endsWith","segments","filePath","split","module","at","has","webResolver","includes","isIndex"],"sourceRoot":"../../../src","sources":["metro/resolver.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,GAAG,QAAQ,WAAW;AAQlD,SAASC,cAAc,QAAQ,4BAAyB;AAExD,MAAMC,cAAc,GAAGH,OAAO,CAACI,SAAS,EAAE,eAAe,CAAC;AAC1D,MAAMC,aAAa,GAAGL,OAAO,CAACI,SAAS,EAAE,cAAc,CAAC;AAExD,SAASE,gBAAgBA,CAACC,QAAgB,EAAW;EACnD,OACEA,QAAQ,CAACC,UAAU,CAACL,cAAc,CAAC,IAAII,QAAQ,CAACC,UAAU,CAACH,aAAa,CAAC;AAE7E;AAEA,OAAO,SAASI,cAAcA,CAC5BC,QAAwB,EACxBC,OAAgC,EAChCC,UAAkB,EAClBC,QAAuB,EACX;EACZ,MAAMC,UAAU,GAAGJ,QAAQ,CAACC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAE1D;EACE;EACAP,gBAAgB,CAACK,OAAO,CAACI,gBAAgB,CAAC;EAC1C;EACAD,UAAU,CAACE,IAAI,KAAK,YAAY;EAChC;EACAL,OAAO,CAACI,gBAAgB,CAACE,QAAQ,CAAC,uBAAuB,CAAC;EAC1D;EACA,EACEL,UAAU,CAACJ,UAAU,CAAC,cAAc,CAAC,IACrCI,UAAU,CAACJ,UAAU,CAAC,eAAe,CAAC,CACvC,EACD;IACA,OAAOM,UAAU;EACnB;EAEA,IAAIF,UAAU,KAAK,cAAc,EAAE;IACjC,OAAOF,QAAQ,CAACC,OAAO,EAAE,6BAA6B,EAAEE,QAAQ,CAAC;EACnE;;EAEA;EACA,MAAMK,QAAQ,GAAGJ,UAAU,CAACK,QAAQ,CAACC,KAAK,CAACnB,GAAG,CAAC;EAC/C;EACA,MAAMoB,MAAM,GAAGtB,QAAQ,CAACmB,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,CAACF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EAEvD,IAAI,CAACC,MAAM,IAAI,CAACnB,cAAc,CAACqB,GAAG,CAACF,MAAM,CAAC,EAAE;IAC1C,OAAOP,UAAU;EACnB;EAEA,OAAOJ,QAAQ,CAACC,OAAO,EAAE,+BAA+BU,MAAM,EAAE,EAAER,QAAQ,CAAC;AAC7E;AAEA,OAAO,SAASW,WAAWA,CACzBd,QAAwB,EACxBC,OAAgC,EAChCC,UAAkB,EAClBC,QAAuB,EACX;EACZ,MAAMC,UAAU,GAAGJ,QAAQ,CAACC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAE1D;EACE;EACAP,gBAAgB,CAACK,OAAO,CAACI,gBAAgB,CAAC;EAC1C;EACAD,UAAU,CAACE,IAAI,KAAK,YAAY;EAChC;EACA,CAACF,UAAU,CAACK,QAAQ,CAACM,QAAQ,CAAC,GAAGxB,GAAG,mBAAmBA,GAAG,EAAE,CAAC,EAC7D;IACA,OAAOa,UAAU;EACnB;;EAEA;EACA,MAAMI,QAAQ,GAAGJ,UAAU,CAACK,QAAQ,CAACC,KAAK,CAACnB,GAAG,CAAC;EAC/C,MAAMyB,OAAO,GAAGR,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEd,UAAU,CAAC,QAAQ,CAAC;EACrD,MAAMa,MAAM,GAAGH,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC;EAE9B,IAAI,CAACI,OAAO,IAAI,CAACL,MAAM,IAAI,CAACnB,cAAc,CAACqB,GAAG,CAACF,MAAM,CAAC,EAAE;IACtD,OAAOP,UAAU;EACnB;EAEA,OAAOJ,QAAQ,CAACC,OAAO,EAAE,+BAA+BU,MAAM,EAAE,EAAER,QAAQ,CAAC;AAC7E","ignoreList":[]}
+{"version":3,"names":["basename","resolve","sep","allowedModules","thisModuleDist","__dirname","thisModuleSrc","isFromThisModule","filename","startsWith","nativeResolver","resolver","context","moduleName","platform","resolution","originModulePath","type","endsWith","segments","filePath","split","module","at","has","webResolver","includes","isIndex"],"sourceRoot":"../../../src","sources":["metro/resolver.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,GAAG,QAAQ,WAAW;AAQlD,SAASC,cAAc,QAAQ,4BAAyB;AAExD,MAAMC,cAAc,GAAGH,OAAO,CAACI,SAAS,EAAE,eAAe,CAAC;AAC1D,MAAMC,aAAa,GAAGL,OAAO,CAACI,SAAS,EAAE,cAAc,CAAC;AAExD,SAASE,gBAAgBA,CAACC,QAAgB,EAAW;EACnD,OACEA,QAAQ,CAACC,UAAU,CAACL,cAAc,CAAC,IAAII,QAAQ,CAACC,UAAU,CAACH,aAAa,CAAC;AAE7E;AAEA,OAAO,SAASI,cAAcA,CAC5BC,QAAwB,EACxBC,OAAgC,EAChCC,UAAkB,EAClBC,QAAuB,EACX;EACZ,MAAMC,UAAU,GAAGJ,QAAQ,CAACC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAE1D;EACE;EACAP,gBAAgB,CAACK,OAAO,CAACI,gBAAgB,CAAC;EAC1C;EACAD,UAAU,CAACE,IAAI,KAAK,YAAY;EAChC;EACAL,OAAO,CAACI,gBAAgB,CAACE,QAAQ,CAAC,uBAAuB,CAAC;EAC1D;EACA,EACEL,UAAU,CAACJ,UAAU,CAAC,cAAc,CAAC,IACrCI,UAAU,CAACJ,UAAU,CAAC,eAAe,CAAC,CACvC,EACD;IACA,OAAOM,UAAU;EACnB;EAEA,IAAIF,UAAU,KAAK,cAAc,EAAE;IACjC,OAAOF,QAAQ,CAACC,OAAO,EAAE,6BAA6B,EAAEE,QAAQ,CAAC;EACnE;EAEA,IAAID,UAAU,KAAK,gCAAgC,EAAE;IACnD,OAAOF,QAAQ,CACbC,OAAO,EACP,4DAA4D,EAC5DE,QACF,CAAC;EACH;;EAEA;EACA,MAAMK,QAAQ,GAAGJ,UAAU,CAACK,QAAQ,CAACC,KAAK,CAACnB,GAAG,CAAC;EAC/C;EACA,MAAMoB,MAAM,GAAGtB,QAAQ,CAACmB,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,CAACF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EAEvD,IAAI,CAACC,MAAM,IAAI,CAACnB,cAAc,CAACqB,GAAG,CAACF,MAAM,CAAC,EAAE;IAC1C,OAAOP,UAAU;EACnB;EAEA,OAAOJ,QAAQ,CAACC,OAAO,EAAE,+BAA+BU,MAAM,EAAE,EAAER,QAAQ,CAAC;AAC7E;AAEA,OAAO,SAASW,WAAWA,CACzBd,QAAwB,EACxBC,OAAgC,EAChCC,UAAkB,EAClBC,QAAuB,EACX;EACZ,MAAMC,UAAU,GAAGJ,QAAQ,CAACC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,CAAC;EAE1D;EACE;EACAP,gBAAgB,CAACK,OAAO,CAACI,gBAAgB,CAAC;EAC1C;EACAD,UAAU,CAACE,IAAI,KAAK,YAAY;EAChC;EACA,CAACF,UAAU,CAACK,QAAQ,CAACM,QAAQ,CAAC,GAAGxB,GAAG,mBAAmBA,GAAG,EAAE,CAAC,EAC7D;IACA,OAAOa,UAAU;EACnB;;EAEA;EACA,MAAMI,QAAQ,GAAGJ,UAAU,CAACK,QAAQ,CAACC,KAAK,CAACnB,GAAG,CAAC;EAC/C,MAAMyB,OAAO,GAAGR,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEd,UAAU,CAAC,QAAQ,CAAC;EACrD,MAAMa,MAAM,GAAGH,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC;EAE9B,IAAI,CAACI,OAAO,IAAI,CAACL,MAAM,IAAI,CAACnB,cAAc,CAACqB,GAAG,CAACF,MAAM,CAAC,EAAE;IACtD,OAAOP,UAAU;EACnB;EAEA,OAAOJ,QAAQ,CAACC,OAAO,EAAE,+BAA+BU,MAAM,EAAE,EAAER,QAAQ,CAAC;AAC7E","ignoreList":[]}

package/dist/module/poison.pill.js

@@ -4,9 +4,9 @@ const canWarn = process.env.NODE_ENV !== "test";
 if (canWarn) {
   throw new Error(`react-native-css has encountered a setup error. 
 
-┌─────-─┐
-| Metro | 
-└─────-─┘
+┌───────┐
+│ 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.
@@ -20,15 +20,15 @@ module.exports = with3rdPartyPlugin(
 )
 \`\`\`
 
-┌─────------─┐
-| NativeWind | 
-└─────------─┘
+┌────────────┐
+│ NativeWind │ 
+└────────────┘
 
-If you are using NativeWind with the 'withNativeWind' function, follow the Metro instructions above, but use 'withNativeWind' instead of 'withReactNativeCSS'.
+If you are using NativeWind follow the Metro instructions above but use 'withNativeWind' instead of 'withReactNativeCSS'.
 
-┌─────----------─┐
-| Other bundlers | 
-└─────----------─┘
+┌────────────────┐
+│ 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.
 `);

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

@@ -7,7 +7,8 @@ import { mappingToConfig, useNativeCss } from "./react/useNativeCss.js";
 import { usePassthrough } from "./react/usePassthrough.js";
 import { colorScheme as colorSchemeObs, VAR_SYMBOL, VariableContext } from "./reactivity.js";
 import { resolveValue } from "./styles/resolve.js";
-export { StyleCollection } from "./injection.js";
+export { StyleCollection } from "react-native-css/style-collection";
+export { useNativeCss };
 
 /**
  * Generates a new Higher-Order component the wraps the base component and applies the styles.

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","useState","Appearance","mappingToConfig","useNativeCss","usePassthrough","colorScheme","colorSchemeObs","VAR_SYMBOL","VariableContext","resolveValue","StyleCollection","styled","baseComponent","mapping","options","component","configs","passThrough","props","name","displayName","get","getColorScheme","set","value","useUnstableNativeVariable","useNativeVariable","useCssElement","incomingProps","config","startsWith","slice","inheritedVariables","effect","setState","observers","Set","run","state","observable","vars","variables"],"sourceRoot":"../../../../src","sources":["runtime/native/api.ts"],"mappings":";;AAAA;AACA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAQ,cAAc;AAUzC,SAASC,eAAe,EAAEC,YAAY,QAAQ,yBAAsB;AACpE,SAASC,cAAc,QAAQ,2BAAwB;AACvD,SACEC,WAAW,IAAIC,cAAc,EAC7BC,UAAU,EACVC,eAAe,QAGV,iBAAc;AACrB,SAASC,YAAY,QAAQ,qBAAkB;AAE/C,SAASC,eAAe,QAAQ,gBAAa;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAIpBC,aAAgB,EAChBC,OAAU,EACVC,OAAuB,KACpB;EACH,IAAIC,SAAc;EAClB;;EAEA,MAAMC,OAAO,GAAGd,eAAe,CAACW,OAAO,CAAC;EAExC,IAAIC,OAAO,EAAEG,WAAW,EAAE;IACxBF,SAAS,GAAIG,KAA0B,IAAK;MAC1C,OAAOd,cAAc,CAACQ,aAAa,EAAEM,KAAK,EAAEF,OAAO,CAAC;IACtD,CAAC;EACH,CAAC,MAAM;IACLD,SAAS,GAAIG,KAA0B,IAAK;MAC1C,OAAOf,YAAY,CAACS,aAAa,EAAEM,KAAK,EAAEF,OAAO,CAAC;IACpD,CAAC;EACH;EAEA,MAAMG,IAAI,GAAGP,aAAa,CAACQ,WAAW,IAAIR,aAAa,CAACO,IAAI,IAAI,SAAS;EACzEJ,SAAS,CAACK,WAAW,GAAG,cAAcD,IAAI,EAAE;EAC5C,OAAOJ,SAAS;AAClB,CAAC;AAED,OAAO,MAAMV,WAAwB,GAAG;EACtCgB,GAAGA,CAAA,EAAG;IACJ,OAAOf,cAAc,CAACe,GAAG,CAAC,CAAC,IAAIpB,UAAU,CAACqB,cAAc,CAAC,CAAC,IAAI,OAAO;EACvE,CAAC;EACDC,GAAGA,CAACC,KAAK,EAAE;IACT,OAAOlB,cAAc,CAACiB,GAAG,CAACC,KAAK,CAAC;EAClC;AACF,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGC,iBAAiB;AAE1D,OAAO,MAAMC,aAAa,GAAGA,CAI3BZ,SAAY,EACZa,aAAoB,EACpBf,OAAU,KACP;EACH,MAAM,CAACgB,MAAM,CAAC,GAAG7B,QAAQ,CAAC,MAAME,eAAe,CAACW,OAAO,CAAC,CAAC;EACzD,OAAOV,YAAY,CAACY,SAAS,EAAEa,aAAa,EAAEC,MAAM,CAAC;AACvD,CAAC;AAED,OAAO,SAASH,iBAAiBA,CAACP,IAAY,EAAE;EAC9C,IAAIA,IAAI,CAACW,UAAU,CAAC,IAAI,CAAC,EAAE;IACzBX,IAAI,GAAGA,IAAI,CAACY,KAAK,CAAC,CAAC,CAAC;EACtB;EAEA,MAAMC,kBAAkB,GAAGjC,UAAU,CAACS,eAAe,CAAC;EACtD,MAAM,CAACyB,MAAM,EAAEC,QAAQ,CAAC,GAAGlC,QAAQ,CAAC,MAAM;IACxC,MAAMiC,MAAc,GAAG;MACrBE,SAAS,EAAE,IAAIC,GAAG,CAAC,CAAC;MACpBC,GAAG,EAAEA,CAAA,KAAMH,QAAQ,CAAEI,KAAK,KAAM;QAAE,GAAGA;MAAM,CAAC,CAAC;IAC/C,CAAC;IAED,MAAMjB,GAAW,GAAIkB,UAAU,IAAKA,UAAU,CAAClB,GAAG,CAACY,MAAM,CAAC;IAE1D,OAAO;MAAE,GAAGA,MAAM;MAAEZ;IAAI,CAAC;EAC3B,CAAC,CAAC;EAEF,OAAOZ,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAACU,IAAI,CAAC,CAAC,EAAEc,MAAM,CAACZ,GAAG,EAAE;IAAEW;EAAmB,CAAC,CAAC;AAC9E;AAEA,OAAO,SAASQ,IAAIA,CAACC,SAA0C,EAAE;EAC9DA,SAAS,CAAoBlC,UAAU,CAAC,GAAG,QAAQ;EACpD,OAAOkC,SAAS;AAClB","ignoreList":[]}
+{"version":3,"names":["useContext","useState","Appearance","mappingToConfig","useNativeCss","usePassthrough","colorScheme","colorSchemeObs","VAR_SYMBOL","VariableContext","resolveValue","StyleCollection","styled","baseComponent","mapping","options","component","configs","passThrough","props","name","displayName","get","getColorScheme","set","value","useUnstableNativeVariable","useNativeVariable","useCssElement","incomingProps","config","startsWith","slice","inheritedVariables","effect","setState","observers","Set","run","state","observable","vars","variables"],"sourceRoot":"../../../../src","sources":["runtime/native/api.ts"],"mappings":";;AAAA;AACA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAQ,cAAc;AAUzC,SAASC,eAAe,EAAEC,YAAY,QAAQ,yBAAsB;AACpE,SAASC,cAAc,QAAQ,2BAAwB;AACvD,SACEC,WAAW,IAAIC,cAAc,EAC7BC,UAAU,EACVC,eAAe,QAGV,iBAAc;AACrB,SAASC,YAAY,QAAQ,qBAAkB;AAE/C,SAASC,eAAe,QAAQ,mCAAmC;AAEnE,SAASP,YAAY;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMQ,MAAM,GAAGA,CAIpBC,aAAgB,EAChBC,OAAU,EACVC,OAAuB,KACpB;EACH,IAAIC,SAAc;EAClB;;EAEA,MAAMC,OAAO,GAAGd,eAAe,CAACW,OAAO,CAAC;EAExC,IAAIC,OAAO,EAAEG,WAAW,EAAE;IACxBF,SAAS,GAAIG,KAA0B,IAAK;MAC1C,OAAOd,cAAc,CAACQ,aAAa,EAAEM,KAAK,EAAEF,OAAO,CAAC;IACtD,CAAC;EACH,CAAC,MAAM;IACLD,SAAS,GAAIG,KAA0B,IAAK;MAC1C,OAAOf,YAAY,CAACS,aAAa,EAAEM,KAAK,EAAEF,OAAO,CAAC;IACpD,CAAC;EACH;EAEA,MAAMG,IAAI,GAAGP,aAAa,CAACQ,WAAW,IAAIR,aAAa,CAACO,IAAI,IAAI,SAAS;EACzEJ,SAAS,CAACK,WAAW,GAAG,cAAcD,IAAI,EAAE;EAC5C,OAAOJ,SAAS;AAClB,CAAC;AAED,OAAO,MAAMV,WAAwB,GAAG;EACtCgB,GAAGA,CAAA,EAAG;IACJ,OAAOf,cAAc,CAACe,GAAG,CAAC,CAAC,IAAIpB,UAAU,CAACqB,cAAc,CAAC,CAAC,IAAI,OAAO;EACvE,CAAC;EACDC,GAAGA,CAACC,KAAK,EAAE;IACT,OAAOlB,cAAc,CAACiB,GAAG,CAACC,KAAK,CAAC;EAClC;AACF,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGC,iBAAiB;AAE1D,OAAO,MAAMC,aAAa,GAAGA,CAI3BZ,SAAY,EACZa,aAAoB,EACpBf,OAAU,KACP;EACH,MAAM,CAACgB,MAAM,CAAC,GAAG7B,QAAQ,CAAC,MAAME,eAAe,CAACW,OAAO,CAAC,CAAC;EACzD,OAAOV,YAAY,CAACY,SAAS,EAAEa,aAAa,EAAEC,MAAM,CAAC;AACvD,CAAC;AAED,OAAO,SAASH,iBAAiBA,CAACP,IAAY,EAAE;EAC9C,IAAIA,IAAI,CAACW,UAAU,CAAC,IAAI,CAAC,EAAE;IACzBX,IAAI,GAAGA,IAAI,CAACY,KAAK,CAAC,CAAC,CAAC;EACtB;EAEA,MAAMC,kBAAkB,GAAGjC,UAAU,CAACS,eAAe,CAAC;EACtD,MAAM,CAACyB,MAAM,EAAEC,QAAQ,CAAC,GAAGlC,QAAQ,CAAC,MAAM;IACxC,MAAMiC,MAAc,GAAG;MACrBE,SAAS,EAAE,IAAIC,GAAG,CAAC,CAAC;MACpBC,GAAG,EAAEA,CAAA,KAAMH,QAAQ,CAAEI,KAAK,KAAM;QAAE,GAAGA;MAAM,CAAC,CAAC;IAC/C,CAAC;IAED,MAAMjB,GAAW,GAAIkB,UAAU,IAAKA,UAAU,CAAClB,GAAG,CAACY,MAAM,CAAC;IAE1D,OAAO;MAAE,GAAGA,MAAM;MAAEZ;IAAI,CAAC;EAC3B,CAAC,CAAC;EAEF,OAAOZ,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAACU,IAAI,CAAC,CAAC,EAAEc,MAAM,CAACZ,GAAG,EAAE;IAAEW;EAAmB,CAAC,CAAC;AAC9E;AAEA,OAAO,SAASQ,IAAIA,CAACC,SAA0C,EAAE;EAC9DA,SAAS,CAAoBlC,UAAU,CAAC,GAAG,QAAQ;EACpD,OAAOkC,SAAS;AAClB","ignoreList":[]}

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

@@ -20,10 +20,12 @@ export function testRule(rule, get, props, guards, containerContext) {
   return true;
 }
 function pseudoClasses(query, get) {
-  if (query.h && !get(hoverFamily(get))) {
+  // IMPORTANT: active needs: to be first. Modifies a global value
+  // that we use to determine if the component should be a pressable
+  if (query.a && !get(activeFamily(get))) {
     return false;
   }
-  if (query.a && !get(activeFamily(get))) {
+  if (query.h && !get(hoverFamily(get))) {
     return false;
   }
   if (query.f && !get(focusFamily(get))) {

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

@@ -1 +1 @@
-{"version":3,"names":["activeFamily","focusFamily","hoverFamily","testAttributes","testContainerQueries","testMediaQuery","testRule","rule","get","props","guards","containerContext","p","pseudoClasses","m","aq","cq","query","h","a","f"],"sourceRoot":"../../../../../src","sources":["runtime/native/conditions/index.ts"],"mappings":";;AAEA,SACEA,YAAY,EACZC,WAAW,EACXC,WAAW,QAGN,kBAAe;AACtB,SAASC,cAAc,QAAQ,iBAAc;AAC7C,SAASC,oBAAoB,QAAQ,sBAAmB;AAExD,SAASC,cAAc,QAAQ,kBAAe;AAE9C,OAAO,SAASC,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,CAACT,cAAc,CAACE,IAAI,CAACO,CAAC,EAAEN,GAAG,CAAC,EAAE;IAC1C,OAAO,KAAK;EACd;EACA,IAAID,IAAI,CAACQ,EAAE,IAAI,CAACZ,cAAc,CAACI,IAAI,CAACQ,EAAE,EAAEN,KAAK,EAAEC,MAAM,CAAC,EAAE;IACtD,OAAO,KAAK;EACd;EACA,IACEH,IAAI,CAACS,EAAE,IACP,CAACZ,oBAAoB,CAACG,IAAI,CAACS,EAAE,EAAEL,gBAAgB,EAAED,MAAM,EAAEF,GAAG,CAAC,EAC7D;IACA,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb;AAEA,SAASK,aAAaA,CAACI,KAAyB,EAAET,GAAW,EAAE;EAC7D,IAAIS,KAAK,CAACC,CAAC,IAAI,CAACV,GAAG,CAACN,WAAW,CAACM,GAAG,CAAC,CAAC,EAAE;IACrC,OAAO,KAAK;EACd;EACA,IAAIS,KAAK,CAACE,CAAC,IAAI,CAACX,GAAG,CAACR,YAAY,CAACQ,GAAG,CAAC,CAAC,EAAE;IACtC,OAAO,KAAK;EACd;EACA,IAAIS,KAAK,CAACG,CAAC,IAAI,CAACZ,GAAG,CAACP,WAAW,CAACO,GAAG,CAAC,CAAC,EAAE;IACrC,OAAO,KAAK;EACd;EACA,OAAO,IAAI;AACb","ignoreList":[]}
+{"version":3,"names":["activeFamily","focusFamily","hoverFamily","testAttributes","testContainerQueries","testMediaQuery","testRule","rule","get","props","guards","containerContext","p","pseudoClasses","m","aq","cq","query","a","h","f"],"sourceRoot":"../../../../../src","sources":["runtime/native/conditions/index.ts"],"mappings":";;AAEA,SACEA,YAAY,EACZC,WAAW,EACXC,WAAW,QAGN,kBAAe;AACtB,SAASC,cAAc,QAAQ,iBAAc;AAC7C,SAASC,oBAAoB,QAAQ,sBAAmB;AAExD,SAASC,cAAc,QAAQ,kBAAe;AAE9C,OAAO,SAASC,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,CAACT,cAAc,CAACE,IAAI,CAACO,CAAC,EAAEN,GAAG,CAAC,EAAE;IAC1C,OAAO,KAAK;EACd;EACA,IAAID,IAAI,CAACQ,EAAE,IAAI,CAACZ,cAAc,CAACI,IAAI,CAACQ,EAAE,EAAEN,KAAK,EAAEC,MAAM,CAAC,EAAE;IACtD,OAAO,KAAK;EACd;EACA,IACEH,IAAI,CAACS,EAAE,IACP,CAACZ,oBAAoB,CAACG,IAAI,CAACS,EAAE,EAAEL,gBAAgB,EAAED,MAAM,EAAEF,GAAG,CAAC,EAC7D;IACA,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb;AAEA,SAASK,aAAaA,CAACI,KAAyB,EAAET,GAAW,EAAE;EAC7D;EACA;EACA,IAAIS,KAAK,CAACC,CAAC,IAAI,CAACV,GAAG,CAACR,YAAY,CAACQ,GAAG,CAAC,CAAC,EAAE;IACtC,OAAO,KAAK;EACd;EACA,IAAIS,KAAK,CAACE,CAAC,IAAI,CAACX,GAAG,CAACN,WAAW,CAACM,GAAG,CAAC,CAAC,EAAE;IACrC,OAAO,KAAK;EACd;EACA,IAAIS,KAAK,CAACG,CAAC,IAAI,CAACZ,GAAG,CAACP,WAAW,CAACO,GAAG,CAAC,CAAC,EAAE;IACrC,OAAO,KAAK;EACd;EACA,OAAO,IAAI;AACb","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 /* eslint-disable */
-import { PixelRatio, Platform } from "react-native";
+import { I18nManager, PixelRatio, Platform } from "react-native";
 import { colorScheme, vh, vw } from "../reactivity.js";
 export function testMediaQuery(mediaQueries, get) {
   return mediaQueries.every(query => test(query, get));
@@ -32,33 +32,36 @@ function test(mediaQuery, get) {
   }
 }
 function testComparison(mediaQuery, get) {
-  let left;
-  const right = mediaQuery[2];
+  const value = mediaQuery[2];
   switch (mediaQuery[1]) {
+    case "dir":
+      return I18nManager.isRTL && value === "rtl" || value === "ltr";
     case "hover":
       return true;
     case "platform":
-      return right === "native" || right === Platform.OS;
+      return value === "native" || value === Platform.OS;
     case "prefers-color-scheme":
       {
-        return right === get(colorScheme);
+        return value === get(colorScheme);
       }
     case "display-mode":
-      return right === "native" || Platform.OS === right;
+      return value === "native" || Platform.OS === value;
     case "min-width":
-      return typeof right === "number" && get(vw) >= right;
+      return typeof value === "number" && get(vw) >= value;
     case "max-width":
-      return typeof right === "number" && get(vw) <= right;
+      return typeof value === "number" && get(vw) <= value;
     case "min-height":
-      return typeof right === "number" && get(vh) >= right;
+      return typeof value === "number" && get(vh) >= value;
     case "max-height":
-      return typeof right === "number" && get(vh) <= right;
+      return typeof value === "number" && get(vh) <= value;
     case "orientation":
-      return right === "landscape" ? get(vh) < get(vw) : get(vh) >= get(vw);
+      return value === "landscape" ? get(vh) < get(vw) : get(vh) >= get(vw);
   }
-  if (typeof right !== "number") {
+  if (typeof value !== "number") {
     return false;
   }
+  let left;
+  const right = value;
   switch (mediaQuery[1]) {
     case "width":
       left = get(vw);

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

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

package/dist/module/runtime/native/react/rules.js

@@ -1,11 +1,10 @@
 "use strict";
 
 /* eslint-disable */
-
+import { StyleCollection } from "react-native-css/style-collection";
 import { getDeepPath } from "../../utils/index.js";
 import { testRule } from "../conditions/index.js";
 import { DEFAULT_CONTAINER_NAME } from "../conditions/container-query.js";
-import { StyleCollection } from "../injection.js";
 import { activeFamily, containerLayoutFamily, focusFamily, hoverFamily, VAR_SYMBOL, weakFamily } from "../reactivity.js";
 import { stylesFamily } from "../styles/index.js";
 export const INLINE_RULE_SYMBOL = Symbol("react-native-css.inlineRule");
@@ -22,10 +21,11 @@ currentProps = state.currentProps, inheritedVariables = state.inheritedVariables
     };
   }
   let usesVariables = false;
-  let variables = state.variables ? inheritedVariables : undefined;
-  let containers = state.containers ? inheritedContainers : undefined;
+  let variables;
+  let containers;
   const inlineVariables = new Set();
   let animated = false;
+  let pressable = false;
   for (const config of state.configs) {
     const source = currentProps?.[config.source];
     const shallowTarget = Array.isArray(config.target) ? config.target[0] : config.target;
@@ -44,6 +44,10 @@ currentProps = state.currentProps, inheritedVariables = state.inheritedVariables
     if (target) {
       if (Array.isArray(target)) {
         for (const item of target) {
+          // undefined or falsy is allowed in the style array
+          if (!item) {
+            continue;
+          }
           if (VAR_SYMBOL in item) {
             inlineVariables.add(item);
           } else if (INLINE_RULE_SYMBOL in item && typeof item[INLINE_RULE_SYMBOL] === "string") {
@@ -57,25 +61,26 @@ currentProps = state.currentProps, inheritedVariables = state.inheritedVariables
       }
     }
     for (let rule of styleRuleSet) {
-      // Even if a rule does not match, make sure we register that it could set
-      // a variable or container or be animated.
-      if (rule.v) usesVariables = true;
-      if (rule.c) containers ??= inheritedContainers;
-      if (rule.a) animated = true;
       usesVariables ||= Boolean(rule.dv);
+
+      // We do this even if the rule doesn't match so we can maintain a consistent render tree
+      // We we need to inject React context
+      if (rule.a) animated = true;
+      if (rule.v) {
+        variables ??= inheritedVariables;
+      }
+      if (rule.c) {
+        containers ??= inheritedContainers;
+        activeFamily(state.ruleEffectGetter);
+      }
       if (!testRule(rule, state.ruleEffectGetter, currentProps, guards, inheritedContainers)) {
         continue;
       }
       if (rule.v) {
-        // We're going to set a value, so we need to create a new object
         if (variables === inheritedVariables) {
           variables = {
             ...inheritedVariables
           };
-        } else {
-          variables ??= {
-            ...inheritedVariables
-          };
         }
         for (const v of rule.v) {
           variables[v[0]] = v[1];
@@ -116,7 +121,7 @@ currentProps = state.currentProps, inheritedVariables = state.inheritedVariables
     }
     if (process.env.NODE_ENV !== "production") {
       if (isRerender) {
-        let pressable = activeFamily.has(state.ruleEffectGetter);
+        const pressable = activeFamily.has(state.ruleEffectGetter);
         if (Boolean(variables) !== Boolean(state.variables)) {
           console.log(`ReactNativeCss: className '${source}' added or removed a variable after the initial render. This causes the components state to be reset and all children be re-mounted. Use the className 'will-change-variable' to avoid this warning. If this was caused by sibling components being added/removed, use a 'key' prop so React can track the component correctly.`);
         } else if (Boolean(containers) !== Boolean(state.containers)) {
@@ -129,16 +134,16 @@ currentProps = state.currentProps, inheritedVariables = state.inheritedVariables
       }
     }
   }
-
-  // We only track this in development
-  let pressable = process.env.NODE_ENV === "production" ? undefined : activeFamily.has(state.ruleEffectGetter);
+  pressable = activeFamily.has(state.ruleEffectGetter);
   if (!rules.size && !state.stylesObs && !inlineVariables.size) {
     return {
       ...state,
       currentProps,
       guards,
       animated,
-      pressable
+      pressable,
+      variables,
+      containers
     };
   }
   if (usesVariables || variables) {