Merge branch 'main' into 08-06-feat_nested_media_queries

Author: marklawlor

.gitignore

@@ -84,3 +84,5 @@ nitrogen/
 
 # generated by bob
 dist/
+
+.env

example/app.config.json

@@ -0,0 +1,24 @@
+import type { ConfigContext, ExpoConfig } from "expo/config";
+
+export default ({ config }: ConfigContext): ExpoConfig => {
+  return {
+    ...config,
+    name: "example",
+    slug: "example",
+    plugins: ["expo-dev-client"],
+    userInterfaceStyle: "automatic",
+    android: {
+      package: "dev.reactnativecss",
+    },
+    ios: {
+      bundleIdentifier: "dev.reactnativecss",
+    },
+    experiments: {
+      reactCompiler: false,
+      buildCacheProvider:
+        process.env.CI || process.env.EAS_BUILD_CACHE_PROVIDER
+          ? "eas"
+          : undefined,
+    },
+  };
+};

example/app.config.ts

@@ -27,6 +27,28 @@
         "default": "./dist/commonjs/metro/index.js"
       }
     },
+    "./compiler": {
+      "source": "./src/compiler/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/compiler/index.d.ts",
+        "default": "./dist/module/compiler/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/compiler/index.d.ts",
+        "default": "./dist/commonjs/compiler/index.js"
+      }
+    },
+    "./jest": {
+      "source": "./src/jest/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/jest/index.d.ts",
+        "default": "./dist/module/jest/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/jest/index.d.ts",
+        "default": "./dist/commonjs/jest/index.js"
+      }
+    },
     "./babel": {
       "source": "./src/babel/index.ts",
       "import": {
@@ -112,6 +134,7 @@
   "files": [
     "src",
     "dist",
+    "types.d.ts",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__"
@@ -146,6 +169,7 @@
     "babel-plugin-tester": "^12.0.0",
     "babel-preset-expo": "13.3.0-canary-20250713-8f814f8",
     "commitlint": "^19.8.1",
+    "eas-build-cache-provider": "^16.4.2",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.5.1",

package.json

@@ -1,5 +1,6 @@
+import { render, screen } from "@testing-library/react-native";
 import { View } from "react-native-css/components/View";
-import { registerCSS, render, screen, testID } from "react-native-css/jest";
+import { registerCSS, testID } from "react-native-css/jest";
 
 /**
  * Tailwind CSS utilities

src/__tests__/vendor/tailwind.test.tsx

@@ -1,26 +1,25 @@
-/* eslint-disable @typescript-eslint/no-namespace */
-import { Dimensions } from "react-native";
+import { Appearance, Dimensions } from "react-native";
 
 import { compile, type CompilerOptions } from "../compiler";
 import { StyleCollection } from "../runtime/native/injection";
 import { colorScheme, dimensions, rem } from "../runtime/native/reactivity";
 
 declare global {
+  /* eslint-disable @typescript-eslint/no-namespace */
   namespace jest {
     interface Matchers<R> {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      toHaveAnimatedStyle(style?: any): R;
+      toHaveAnimatedStyle(style?: unknown): R;
     }
   }
 }
 
-export * from "@testing-library/react-native";
 export const testID = "react-native-css";
 
 beforeEach(() => {
   StyleCollection.styles.clear();
   dimensions.set(Dimensions.get("window"));
   rem.set(14);
+  Appearance.setColorScheme(null);
   colorScheme.set(null);
 });
 

src/jest/index.ts

@@ -1,6 +1,7 @@
+import { render, screen } from "@testing-library/react-native";
 import { Text } from "react-native-css/components/Text";
 import { View } from "react-native-css/components/View";
-import { registerCSS, render, screen, testID } from "react-native-css/jest";
+import { registerCSS, testID } from "react-native-css/jest";
 
 test(":disabled", () => {
   registerCSS(`.test:disabled { width: 10px; }`);

src/runtime/native/__tests__/attributes.test.tsx

@@ -1,5 +1,6 @@
+import { render, screen } from "@testing-library/react-native";
 import { View } from "react-native-css/components/View";
-import { registerCSS, render, screen, testID } from "react-native-css/jest";
+import { registerCSS, testID } from "react-native-css/jest";
 
 describe("css", () => {
   test("calc(10px + 100px)", () => {

src/runtime/native/__tests__/calc.test.tsx

@@ -1,5 +1,6 @@
+import { render, screen } from "@testing-library/react-native";
 import { View } from "react-native-css/components/View";
-import { registerCSS, render, screen, testID } from "react-native-css/jest";
+import { registerCSS, testID } from "react-native-css/jest";
 
 describe("hsl", () => {
   test("inline", () => {

src/runtime/native/__tests__/colors.test.tsx

@@ -1,5 +1,6 @@
+import { fireEvent, render, screen } from "@testing-library/react-native";
 import { View } from "react-native-css/components/View";
-import { fireEvent, registerCSS, render, screen } from "react-native-css/jest";
+import { registerCSS } from "react-native-css/jest";
 
 const parentID = "parent";
 const childID = "child";