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

package/dist/typescript/module/src/runtime/utils/dot-notation.types.d.ts

@@ -0,0 +1,23 @@
+type Falsy = undefined | null | false | "";
+type RegisteredStyle<T> = number & {
+    __registeredStyleBrand: T;
+};
+type Primitive = string | number | boolean | bigint | symbol | null | undefined | Date | RegExp | false | true;
+interface RecursiveArray<T> extends Array<T | ReadonlyArray<T> | RecursiveArray<T>> {
+}
+export type StyleProp<T> = T | RegisteredStyle<T> | RecursiveArray<T | RegisteredStyle<T> | Falsy> | Falsy;
+type UnwrapRecursiveArray<T> = T extends (infer I)[] ? UnwrapRecursiveArray<I> : T;
+type RemoveFalsy<T> = Exclude<T, Falsy>;
+type RemoveRegisteredStyle<T> = T extends RegisteredStyle<any> ? never : T;
+type ExtractStyleObject<T> = RemoveRegisteredStyle<RemoveFalsy<UnwrapRecursiveArray<T extends StyleProp<infer U> ? U : T>>>;
+type IsPlainObject<T> = T extends object ? T extends Function ? false : T extends readonly any[] ? false : true : false;
+type Split<T extends string, Delimiter extends string> = T extends `${infer Head}${Delimiter}${infer Tail}` ? [Head, ...Split<Tail, Delimiter>] : [T];
+type ParsePath<T extends string> = T extends `${infer Head}[${number}]${infer Rest}` ? [Head, number, ...ParsePath<Rest extends `.${infer R}` ? R : Rest>] : Split<T, ".">;
+type ResolvePath<T, Parts extends readonly any[]> = Parts extends [
+    infer Head,
+    ...infer Rest
+] ? Head extends keyof T ? ResolvePath<T[Head], Rest> : Head extends number ? T extends (infer U)[] ? ResolvePath<U, Rest> : never : never : T;
+export type DotNotation<T, Depth extends unknown[] = [], MaxDepth extends number = 10, Key extends keyof T = keyof T> = Depth["length"] extends MaxDepth ? never : Key extends string ? unknown extends T[Key] ? Key | `${Key}.${string}` : ExtractStyleObject<NonNullable<T[Key]>> extends infer Cleaned ? Cleaned extends Primitive ? Key : Cleaned extends readonly (infer E)[] ? E extends Primitive ? Key | `${Key}[number]` : Key | `${Key}[number]` | `${Key}[number].${DotNotation<E, [...Depth, 0], MaxDepth>}` : IsPlainObject<Cleaned> extends true ? Key | `${Key}.${DotNotation<Cleaned, [...Depth, 0], MaxDepth>}` : Key : never : never;
+export type ResolveDotPath<T, Path extends string> = ResolvePath<T, ParsePath<Path>>;
+export {};
+//# sourceMappingURL=dot-notation.types.d.ts.map

package/dist/typescript/module/src/runtime/utils/dot-notation.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot-notation.types.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/dot-notation.types.ts"],"names":[],"mappings":"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"}

package/dist/typescript/module/src/runtime/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./objects";
+export * from "./components";
+export * from "./specificity";
+export * from "./style-value";
+export * from "./utils.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/runtime/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/typescript/module/src/runtime/utils/objects.d.ts

@@ -0,0 +1,4 @@
+export declare function getDeepPath(source: any, paths: string | string[] | false): any;
+export declare function applyValue(target: Record<string, any>, prop: string, value: any): void;
+export declare function setDeepPath(target: Record<string, any>, paths: string | string[], value: any): Record<string, any>;
+//# sourceMappingURL=objects.d.ts.map

package/dist/typescript/module/src/runtime/utils/objects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"objects.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/objects.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,OAwBxE;AAED,wBAAgB,UAAU,CACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,GAAG,QA2BX;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,EAAE,GAAG,uBAgBX"}

package/dist/typescript/module/src/runtime/utils/specificity.d.ts

@@ -0,0 +1,12 @@
+import type { SpecificityArray, StyleRule } from "../../compiler";
+import type { InlineStyleRecord } from "../runtime.types";
+export declare const Specificity: {
+    Order: number;
+    ClassName: number;
+    Important: number;
+    Inline: number;
+    PseudoElements: number;
+};
+export declare const inlineSpecificity: SpecificityArray;
+export declare const specificityCompareFn: (a: StyleRule | InlineStyleRecord, b: StyleRule | InlineStyleRecord) => number;
+//# sourceMappingURL=specificity.d.ts.map

package/dist/typescript/module/src/runtime/utils/specificity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"specificity.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/specificity.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,eAAO,MAAM,WAAW;;;;;;CAQvB,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,gBAAqB,CAAC;AAGtD,eAAO,MAAM,oBAAoB,GAC/B,GAAG,SAAS,GAAG,iBAAiB,EAChC,GAAG,SAAS,GAAG,iBAAiB,WAkBjC,CAAC"}

package/dist/typescript/module/src/runtime/utils/style-value.d.ts

@@ -0,0 +1,3 @@
+import type { StyleDescriptor } from "../../compiler";
+export declare function isStyleDescriptorArray(value: StyleDescriptor | StyleDescriptor[]): value is StyleDescriptor[];
+//# sourceMappingURL=style-value.d.ts.map

package/dist/typescript/module/src/runtime/utils/style-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-value.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/style-value.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,eAAe,GAAG,eAAe,EAAE,GACzC,KAAK,IAAI,eAAe,EAAE,CAO5B"}

package/dist/typescript/module/src/runtime/utils/utils.types.d.ts

@@ -0,0 +1,5 @@
+import type { ClassicComponentClass, ComponentClass, ComponentProps, ForwardRefExoticComponent, FunctionComponent } from "react";
+import type { DotNotation } from "./dot-notation.types";
+export type ReactComponent<P = any> = ClassicComponentClass<P> | ComponentClass<P> | FunctionComponent<P> | ForwardRefExoticComponent<P>;
+export type ComponentPropsDotNotation<C extends ReactComponent<any>> = DotNotation<ComponentProps<C>>;
+//# sourceMappingURL=utils.types.d.ts.map

package/dist/typescript/module/src/runtime/utils/utils.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.types.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/utils.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,GAAG,IAC9B,qBAAqB,CAAC,CAAC,CAAC,GACxB,cAAc,CAAC,CAAC,CAAC,GACjB,iBAAiB,CAAC,CAAC,CAAC,GACpB,yBAAyB,CAAC,CAAC,CAAC,CAAC;AAEjC,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,IACjE,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/typescript/module/src/runtime/web/api.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentProps } from "react";
+import type { ColorScheme, Props, StyledConfiguration, StyledOptions, StyledProps } from "../runtime.types";
+import type { ReactComponent } from "../utils";
+export declare const styled: <const C extends ReactComponent, const M extends StyledConfiguration<C>>(baseComponent: C, mapping: M, _options?: StyledOptions) => (props: StyledProps<ComponentProps<C>, M>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const useCssElement: <const C extends ReactComponent>(component: C, incomingProps: Props, mapping: StyledConfiguration<C>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const colorScheme: ColorScheme;
+export declare function vars(variables: Record<`--${string}`, string | number>): Record<string, string>;
+export declare const useNativeVariable: () => never;
+export declare const useUnstableNativeVariable: () => never;
+//# sourceMappingURL=api.d.ts.map

package/dist/typescript/module/src/runtime/web/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/web/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,EAC9B,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,SAAS,CAAC,EACV,WAAW,aAAa,MAEhB,OAAO,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,2FAGjD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,CAAC,CAAC,SAAS,cAAc,EAC1D,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,mBAAmB,CAAC,CAAC,CAAC,2FA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,0BAWrE;AAED,eAAO,MAAM,iBAAiB,aAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAErC,CAAC"}

package/dist/typescript/module/src/runtime/web/assign-style.d.ts

@@ -0,0 +1,2 @@
+export declare function assignStyle(value: Record<string, any>, targets: string[], props: Record<string, any>): Record<string, any>;
+//# sourceMappingURL=assign-style.d.ts.map

package/dist/typescript/module/src/runtime/web/assign-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-style.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/web/assign-style.ts"],"names":[],"mappings":"AACA,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,EAAE,MAAM,EAAE,EACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,uBAqB3B"}

package/dist/typescript/module/src/runtime/web/index.d.ts

@@ -0,0 +1,3 @@
+export type * from "../runtime.types";
+export * from "./api";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/runtime/web/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/web/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,kBAAkB,CAAC;AACtC,cAAc,OAAO,CAAC"}

package/package.json

@@ -1,57 +1,203 @@
 {
   "name": "react-native-css",
-  "version": "2.1.1",
-  "description": "Style React-Native components with css",
-  "main": "build/index.js",
-  "scripts": {
-    "start": "babel src --out-dir build",
-    "prepublish": "npm run start",
-    "test": "babel-tap test/*.test.js",
-    "lint": "eslint . --ext .js",
-    "lint:fix": "npm run lint -- --fix",
-    "echo": "echo 'hello'"
-  },
-  "author": "Sabeur Thabti",
-  "license": "MIT",
-  "dependencies": {
-    "css": "^2.2.1",
-    "lodash.get": "^4.4.2",
-    "lodash.set": "^4.3.2",
-    "pre-commit": "^1.2.2",
-    "to-camel-case": "~0.2.0"
+  "version": "3.0.0-nightly.4723140",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/index.d.ts",
+        "default": "./dist/module/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/index.d.ts",
+        "default": "./dist/commonjs/index.js"
+      }
+    },
+    "./types": {
+      "types": "./src/react-env.d.ts"
+    },
+    "./metro": {
+      "source": "./src/metro/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/metro/index.d.ts",
+        "default": "./dist/module/metro/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/metro/index.d.ts",
+        "default": "./dist/commonjs/metro/index.js"
+      }
+    },
+    "./babel": {
+      "source": "./src/babel/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/babel/index.d.ts",
+        "default": "./dist/module/babel/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/babel/index.d.ts",
+        "default": "./dist/commonjs/babel/index.js"
+      }
+    },
+    "./components": {
+      "source": "./src/components/index.ts",
+      "react-native": "./src/components/index.tsx",
+      "import": {
+        "types": "./dist/typescript/module/src/components/index.d.ts",
+        "default": "./dist/module/components/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/components/index.d.ts",
+        "default": "./dist/commonjs/components/index.js"
+      }
+    },
+    "./components/*": {
+      "source": "./src/components/*.ts",
+      "react-native": "./src/components/*.tsx",
+      "import": {
+        "types": "./dist/typescript/module/src/components/*.d.ts",
+        "default": "./dist/module/components/*.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/components/*.d.ts",
+        "default": "./dist/commonjs/components/*.js"
+      }
+    },
+    "./package.json": "./package.json"
   },
-  "devDependencies": {
-    "babel-cli": "^6.24.0",
-    "babel-eslint": "^7.1.1",
-    "babel-plugin-transform-object-rest-spread": "^6.23.0",
-    "babel-preset-es2015": "^6.24.0",
-    "babel-tap": "^5.0.0",
-    "eslint": "^3.17.1",
-    "eslint-config-airbnb": "^14.1.0",
-    "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
-    "eslint-plugin-react": "^6.10.3",
-    "expect": "^1.14.0",
-    "tap": "^5.7.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/sabeurthabti/react-native-css.git"
+  "main": "./dist/commonjs/index.js",
+  "module": "./dist/module/index.js",
+  "types": "./dist/typescript/commonjs/src/index.d.ts",
+  "workspaces": [
+    "example",
+    "configs"
+  ],
+  "scripts": {
+    "test": "NODE_OPTIONS=\"${NODE_OPTIONS:-} --experimental-vm-modules\" jest",
+    "lint": "eslint",
+    "typecheck": "tsc --noEmit",
+    "build": "bob build",
+    "prepublishOnly": "bob build",
+    "prepare": "bob build",
+    "example": "yarn workspace react-native-css-example",
+    "release": "release-it",
+    "release:nightly": "release-it 3.0.0-nightly.\"$(git rev-parse --short HEAD)\" --npm.tag=beta"
   },
   "keywords": [
-    "react",
     "react-native",
-    "react-component",
+    "ios",
+    "android",
     "css",
-    "styling",
-    "components",
-    "ios"
+    "css-in-js",
+    "react-native-css"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nativewind/react-native-css.git"
+  },
+  "author": "Mark Lawlor <mwlawlor@gmail.com> (https://github.com/marklawlor)",
+  "license": "MIT",
   "bugs": {
-    "url": "https://github.com/sabeurthabti/react-native-css/issues"
+    "url": "https://github.com/nativewind/react-native-css/issues"
+  },
+  "homepage": "https://github.com/nativewind/react-native-css#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
   },
-  "precommit": [
-    "test"
+  "files": [
+    "src",
+    "dist",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
   ],
-  "homepage": "https://github.com/sabeurthabti/react-native-css"
+  "dependencies": {
+    "comment-json": "^4.2.5",
+    "debug": "^4.4.1"
+  },
+  "peerDependencies": {
+    "expo": "54.0.0-canary-20250713-8f814f8",
+    "lightningcss": ">=1.27.0",
+    "react": "19.1.0",
+    "react-native": "0.80.1"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/js": "^9.30.1",
+    "@ianvs/prettier-plugin-sort-imports": "^4.4.2",
+    "@testing-library/react-native": "^13.2.0",
+    "@tsconfig/react-native": "^3.0.6",
+    "@types/connect": "^3.4.38",
+    "@types/debug": "^4.1.12",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.1.8",
+    "babel-plugin-tester": "^12.0.0",
+    "babel-preset-expo": "13.3.0-canary-20250713-8f814f8",
+    "commitlint": "^19.8.1",
+    "eslint": "^9.30.1",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-prettier": "^5.5.1",
+    "expo": "54.0.0-canary-20250713-8f814f8",
+    "jest": "^29.7.0",
+    "jest-expo": "54.0.0-canary-20250713-8f814f8",
+    "lefthook": "^1.12.2",
+    "lightningcss": "^1.30.1",
+    "prettier": "^3.6.2",
+    "react": "19.1.0",
+    "react-native": "0.80.1",
+    "react-native-builder-bob": "^0.40.12",
+    "react-native-reanimated": "~4.0.0-beta.5",
+    "react-native-safe-area-context": "5.4.0",
+    "react-native-worklets": "0.4.0-nightly-20250714-d172fe136",
+    "release-it": "^19.0.4",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.37.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "dist",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      "typescript"
+    ]
+  },
+  "packageManager": "yarn@4.9.2",
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "onFail": "error"
+    },
+    "packageManager": {
+      "name": "yarn",
+      "onFail": "warn"
+    }
+  },
+  "prettier": {
+    "plugins": [
+      "./.config/prettier.config.mjs"
+    ]
+  },
+  "jest": {
+    "preset": "./.config/jest.config.cjs"
+  },
+  "cspell": {
+    "import": [
+      "./.config/cspell.json"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "./.config/commitlint.config.mjs"
+    ]
+  }
 }

package/src/babel/helpers.ts

@@ -0,0 +1,182 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+import { readdirSync } from "fs";
+import { dirname, join, normalize, parse, resolve, sep } from "path";
+import { type NodePath } from "@babel/traverse";
+
+import t from "@babel/types";
+
+export type BabelTypes = typeof t;
+
+export interface PluginOpts {
+  target?: string;
+  runtime?: string;
+  commonjs?: boolean;
+}
+
+export interface PluginState {
+  opts?: PluginOpts;
+  filename: string;
+}
+
+export const allowedModules = new Set(
+  getFilesWithoutExtension(join(__dirname, "../components")),
+);
+
+function getFilesWithoutExtension(dirPath: string) {
+  // Read all files and directories inside dirPath synchronously
+  const entries = readdirSync(dirPath, { withFileTypes: true });
+
+  // Filter only files (ignore directories)
+  const files = entries.filter(
+    (entry) =>
+      entry.isFile() &&
+      /\.[jt]sx$/.exec(entry.name) &&
+      !/index\.[jt]sx$/.exec(entry.name),
+  );
+
+  // For each file, get the filename without extension
+  const filesWithoutExt = files.map((file) => parse(file.name).name);
+
+  return filesWithoutExt;
+}
+
+export function isInsideModule(filename: string, module: string): boolean {
+  const normalized = normalize(filename);
+
+  // Match exact module name
+  if (normalized === module) {
+    return true;
+  }
+
+  // Absolute posix paths
+  if (normalized.startsWith(`${module}/`)) {
+    return true;
+  }
+
+  // Check for our local development structure
+  if (normalized.includes(`${sep}${module}${sep}src${sep}`)) {
+    // Ignore the test files
+    return !normalized.includes("__tests__");
+  }
+
+  // Match classic node_modules
+  if (normalized.includes(`${sep}node_modules${sep}${module}${sep}`)) {
+    return true;
+  }
+
+  // Match Yarn PnP .zip-style paths (e.g., .zip/node_modules/${module}/)
+  if (
+    normalized.includes(`${sep}.zip${sep}node_modules${sep}${module}${sep}`)
+  ) {
+    return true;
+  }
+
+  // Match Yarn .yarn/cache/${module}/*
+  if (normalized.includes(`${sep}.yarn${sep}cache${sep}${module}${sep}`)) {
+    return true;
+  }
+
+  return false;
+}
+
+export function isPackageImport(
+  path: NodePath<t.ImportDeclaration | t.ExportNamedDeclaration>,
+) {
+  const source = path.node.source?.value;
+  if (!source) {
+    return false;
+  }
+
+  return source === "react-native" || source === "react-native-web";
+}
+
+export function shouldTransformImport(
+  path: NodePath<t.ImportDeclaration | t.ExportNamedDeclaration>,
+  filename: string,
+) {
+  let source = path.node.source?.value;
+
+  if (!source) {
+    return false;
+  }
+
+  if (source.startsWith(".")) {
+    source = resolve(dirname(filename), source);
+  }
+
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+  return isReactNativeSource(source) || isReactNativeWebSource(source);
+}
+
+function isReactNativeSource(source: string) {
+  if (source === "react-native") return true;
+
+  const components = source.split(
+    `react-native${sep}Libraries${sep}Components${sep}`,
+  );
+
+  if (components.length > 1) {
+    const component = components[1]?.split(sep)[0];
+    return component && allowedModules.has(component);
+  }
+
+  return false;
+}
+
+function isReactNativeWebSource(source: string) {
+  if (source === "react-native-web") return true;
+
+  let components = source.split(
+    `react-native-web${sep}dist${sep}commonjs${sep}exports${sep}`,
+  );
+  if (components.length > 1) {
+    const component = components[1]?.split(sep)[0];
+    return component && allowedModules.has(component);
+  }
+
+  components = source.split(
+    `react-native-web${sep}dist${sep}module${sep}exports${sep}`,
+  );
+  if (components.length > 1) {
+    const component = components[1]?.split(sep)[0];
+    return component && allowedModules.has(component);
+  }
+
+  return false;
+}
+
+export function shouldTransformRequire(
+  t: BabelTypes,
+  node: t.VariableDeclaration,
+  basePath: string,
+) {
+  const { declarations } = node;
+
+  const declaration = declarations[0];
+
+  if (declarations.length > 1 || !declaration) {
+    return false;
+  }
+  const { id, init } = declaration;
+
+  let source =
+    (t.isObjectPattern(id) || t.isIdentifier(id)) &&
+    t.isCallExpression(init) &&
+    t.isIdentifier(init.callee) &&
+    init.callee.name === "require" &&
+    init.arguments.length === 1 &&
+    "value" in init.arguments[0]! &&
+    typeof init.arguments[0].value === "string" &&
+    init.arguments[0].value;
+
+  if (!source) {
+    return false;
+  }
+
+  if (source.startsWith(".")) {
+    source = resolve(basePath, source);
+  }
+
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+  return isReactNativeSource(source) || isReactNativeWebSource(source);
+}