react-native-unistyles 3.0.24 → 3.1.1

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.24",
+  "version": "3.1.1",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
-    "test": "NODE_ENV=babel-test jest ./plugin",
+    "test": "NODE_ENV=babel-test jest ./plugin ./src/__tests__",
     "test:coverage": "NODE_ENV=babel-test jest --passWithNoTests --coverage",
     "tsc": "node_modules/typescript/bin/tsc --noEmit",
-    "lint": "biome lint",
-    "check": "biome check --write",
-    "check:ci": "biome check",
-    "prepare": "husky && bob build && yarn plugin:build && yarn repack:plugin:build",
-    "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test' 'yarn circular:check'",
+    "format": "oxfmt src plugin repack-plugin",
+    "lint": "oxlint src plugin repack-plugin",
+    "check": "oxfmt src plugin repack-plugin && oxlint --fix src plugin repack-plugin",
+    "check:ci": "oxfmt --check src plugin repack-plugin && oxlint src plugin repack-plugin",
+    "prepare": "bob build && bun run plugin:build && bun run repack:plugin:build",
+    "precommit": "concurrently 'bun run tsc' 'bun run lint' 'bun run check' 'bun run test' 'bun run circular:check'",
     "plugin:build": "node plugin/esbuild.js",
     "repack:plugin:build": "node repack-plugin/esbuild.js",
     "circular:check": "dpdm --no-warning --no-tree -T --exit-code circular:1 src/**/*.ts",
@@ -125,36 +126,35 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
+  "dependencies": {
+    "@babel/types": "7.29.0"
+  },
   "devDependencies": {
-    "@babel/core": "7.27.1",
-    "@babel/plugin-syntax-jsx": "7.27.1",
-    "@babel/preset-flow": "7.27.1",
-    "@babel/preset-typescript": "7.27.1",
-    "@babel/types": "7.27.1",
-    "@biomejs/biome": "1.9.4",
-    "@callstack/repack": "5.1.0",
-    "@commitlint/config-conventional": "19.8.1",
-    "@react-native/normalize-colors": "0.79.2",
-    "@rspack/core": "1.3.10",
-    "@types/jest": "29.5.14",
-    "@types/react": "19.1.4",
-    "babel-plugin-tester": "11.0.4",
-    "commitlint": "19.8.1",
-    "concurrently": "9.1.2",
-    "dpdm": "3.14.0",
-    "esbuild": "0.25.4",
-    "husky": "9.1.7",
-    "jest": "29.7.0",
-    "metro-react-native-babel-preset": "0.77.0",
-    "nitrogen": "0.33.8",
-    "react": "19.1.0",
-    "react-native": "0.79.2",
-    "react-native-builder-bob": "0.40.10",
-    "react-native-nitro-modules": "0.33.8",
-    "react-native-reanimated": "3.17.5",
-    "react-native-web": "0.20.0",
-    "react-test-renderer": "19.1.0",
-    "typescript": "5.8.3"
+    "@callstack/repack": "5.2.4",
+    "@commitlint/config-conventional": "20.4.2",
+    "@react-native/normalize-colors": "0.83.2",
+    "@rspack/core": "1.7.6",
+    "@types/jest": "30.0.0",
+    "@types/react": "19.2.14",
+    "babel-plugin-tester": "12.0.0",
+    "commitlint": "20.4.2",
+    "concurrently": "9.2.1",
+    "dpdm": "4.0.1",
+    "esbuild": "0.27.3",
+    "jest": "30.2.0",
+    "@babel/plugin-syntax-jsx": "7.28.6",
+    "@babel/runtime": "7.28.6",
+    "@react-native/babel-preset": "0.83.2",
+    "nitrogen": "0.35.0",
+    "oxfmt": "0.35.0",
+    "oxlint": "1.50.0",
+    "react": "19.2.0",
+    "react-native": "0.83.2",
+    "react-native-builder-bob": "0.40.18",
+    "react-native-nitro-modules": "0.35.0",
+    "react-native-reanimated": "4.2.2",
+    "react-native-web": "0.21.2",
+    "typescript": "5.9.3"
   },
   "peerDependencies": {
     "@react-native/normalize-colors": "*",
@@ -167,27 +167,26 @@
   "peerDependenciesMeta": {
     "react-native-reanimated": {
       "optional": true
+    },
+    "react-native-edge-to-edge": {
+      "optional": true
     }
   },
-  "workspaces": [
-    "example",
-    "docs",
-    "expo-example"
-  ],
-  "packageManager": "yarn@3.6.1",
   "engines": {
-    "node": ">= 18.0.0"
+    "node": ">= 20.18.0"
   },
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [
-      "<rootDir>/docs/node_modules",
       "<rootDir>/lib/",
       "<rootDir>/cxx/tests"
     ],
     "testMatch": [
       "**/*.spec.(ts|tsx|js)"
     ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!(.bun/.*?/node_modules/)?(react-native|@react-native|react-native-nitro-modules|react-native-reanimated)/)"
+    ],
     "coverageReporters": [
       "html"
     ]

package/plugin/index.d.ts

@@ -2,17 +2,17 @@ interface RemapImport {
     /**
      * The target import name if `isDefault` is false.
      */
-    name?: string,
+    name?: string
 
     /**
      * Whether the import is default.
      */
-    isDefault: boolean,
+    isDefault: boolean
 
     /**
      * The path to the target import.
      */
-    path: string,
+    path: string
 
     /**
      * The name of the Unistyles component, check `react-native-unistyles/src/components/native`
@@ -27,7 +27,7 @@ export interface RemapConfig {
     /**
      * The node_modules path.
      */
-    path: string,
+    path: string
 
     /**
      * An array of import objects with the following properties:
@@ -42,13 +42,13 @@ export interface UnistylesPluginOptions {
      * Add root folder of your project. All files under this folder will be processed by the Babel plugin.
      * If you need to process extra folders, use with `autoProcessPaths` option.
      */
-    root: string,
+    root: string
 
     /**
-    * Example: ['@codemask/styles']
-    * Enable this option if you want to process only files containing specific imports.
-    */
-    autoProcessImports?: Array<string>,
+     * Example: ['@codemask/styles']
+     * Enable this option if you want to process only files containing specific imports.
+     */
+    autoProcessImports?: Array<string>
 
     /**
      * Example:
@@ -94,30 +94,36 @@ export interface UnistylesPluginOptions {
      * imports.name is Optional if library used export default
      * imports.mapTo - name of the component from react-native-unistyles/src/components/native
      */
-    autoRemapImports?: Array<RemapConfig>,
+    autoRemapImports?: Array<RemapConfig>
 
     /**
-    * Example: ['external-library/components']
-    * Enable this option to process some 3rd party components under `node_modules`.
-    * Under these paths we will replace `react-native` imports with `react-native-unistyles` factories that will borrow components refs [read more](https://www.unistyl.es/v3/other/babel-plugin#3-component-factory-borrowing-ref).
-    *
-    * Defaults to:
-    *
-    * ```ts
-    * ['react-native-reanimated/src/component']
-    * ```
-    */
-    autoProcessPaths?: Array<string>,
+     * Example: ['external-library/components']
+     * Enable this option to process some 3rd party components under `node_modules`.
+     * Under these paths we will replace `react-native` imports with `react-native-unistyles` factories that will borrow components refs [read more](https://www.unistyl.es/v3/other/babel-plugin#3-component-factory-borrowing-ref).
+     *
+     * Defaults to:
+     *
+     * ```ts
+     * ['react-native-reanimated/src/component']
+     * ```
+     */
+    autoProcessPaths?: Array<string>
 
     /**
-    * In order to list detected dependencies by the Babel plugin you can enable the `debug` flag.
-    * It will `console.log` name of the file and component with Unistyles dependencies.
-    */
-    debug?: boolean,
+     * In order to list detected dependencies by the Babel plugin you can enable the `debug` flag.
+     * It will `console.log` name of the file and component with Unistyles dependencies.
+     */
+    debug?: boolean
 
     /**
-    * Only applicable for Unistyles monorepo for
-    * path resolution, don't use it!
-    */
+     * Only applicable for Unistyles monorepo for
+     * path resolution, don't use it!
+     */
     isLocal?: boolean
+
+    /**
+     * Absolute path to the local package root.
+     * Used with `isLocal` for monorepo development to resolve component imports.
+     */
+    localPath?: string
 }

package/plugin/index.js

@@ -33,8 +33,8 @@ __export(index_exports, {
   default: () => index_default
 });
 module.exports = __toCommonJS(index_exports);
-var import_node_path2 = __toESM(require("node:path"));
 var t6 = __toESM(require("@babel/types"));
+var import_node_path2 = __toESM(require("node:path"));
 
 // plugin/src/consts.ts
 var REACT_NATIVE_COMPONENT_NAMES = [
@@ -81,75 +81,46 @@ var NATIVE_COMPONENTS_PATHS = {
 };
 
 // plugin/src/exotic.ts
+var t2 = __toESM(require("@babel/types"));
+
+// plugin/src/import.ts
 var t = __toESM(require("@babel/types"));
-function handleExoticImport(path2, state, exoticImport) {
-  const specifiers = path2.node.specifiers;
-  const source = path2.node.source;
-  if (path2.node.importKind !== "value") {
-    return;
+function getComponentPath(state, name) {
+  if (!state.opts.isLocal) {
+    return `react-native-unistyles/components/native/${name}`;
   }
-  specifiers.forEach((specifier) => {
-    for (const rule of exoticImport.imports) {
-      const hasMatchingImportType = !rule.isDefault && t.isImportSpecifier(specifier) || rule.isDefault && t.isImportDefaultSpecifier(specifier);
-      const hasMatchingImportName = rule.isDefault || !rule.isDefault && rule.name === specifier.local.name;
-      const hasMatchingPath = rule.path === source.value;
-      if (!hasMatchingImportType || !hasMatchingImportName || !hasMatchingPath) {
-        continue;
-      }
-      if (t.isImportDefaultSpecifier(specifier)) {
-        const newImport = t.importDeclaration(
-          [t.importDefaultSpecifier(t.identifier(specifier.local.name))],
-          t.stringLiteral(
-            state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/components/native/${rule.mapTo}`) ?? "" : `react-native-unistyles/components/native/${rule.mapTo}`
-          )
-        );
-        path2.replaceWith(newImport);
-      } else {
-        const newImport = t.importDeclaration(
-          [t.importSpecifier(t.identifier(rule.mapTo), t.identifier(rule.mapTo))],
-          t.stringLiteral(
-            state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/components/native/${rule.mapTo}`) ?? "" : `react-native-unistyles/components/native/${rule.mapTo}`
-          )
-        );
-        path2.node.specifiers = specifiers.filter((s) => s !== specifier);
-        if (path2.node.specifiers.length === 0) {
-          path2.replaceWith(newImport);
-        } else {
-          path2.insertBefore(newImport);
-        }
-      }
-      return;
-    }
-  });
+  if (state.opts.localPath) {
+    return `${state.opts.localPath}/src/components/native/${name}`;
+  }
+  return state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/src/components/native/${name}`) ?? "";
 }
-
-// plugin/src/import.ts
-var t2 = __toESM(require("@babel/types"));
 function addUnistylesImport(path2, state) {
   const localNames = Object.keys(state.reactNativeImports);
   const names = Object.values(state.reactNativeImports);
   const pairs = Object.entries(state.reactNativeImports);
   const nodesToRemove = [];
   path2.node.body.forEach((node) => {
-    if (t2.isImportDeclaration(node) && node.source.value === "react-native") {
-      node.specifiers = node.specifiers.filter((specifier) => !localNames.some((name) => name === specifier.local.name));
+    if (t.isImportDeclaration(node) && node.source.value === "react-native") {
+      node.specifiers = node.specifiers.filter(
+        (specifier) => !localNames.some((name) => name === specifier.local.name)
+      );
       if (node.specifiers.length === 0) {
         nodesToRemove.push(node);
       }
     }
   });
   names.forEach((name) => {
-    const rnWebImport = path2.node.body.find((node) => t2.isImportDeclaration(node) && node.source.value === `react-native-web/dist/exports/${name}`);
+    const rnWebImport = path2.node.body.find(
+      (node) => t.isImportDeclaration(node) && node.source.value === `react-native-web/dist/exports/${name}`
+    );
     if (rnWebImport) {
       rnWebImport.specifiers = [];
     }
   });
   pairs.forEach(([localName, name]) => {
-    const newImport = t2.importDeclaration(
-      [t2.importSpecifier(t2.identifier(localName), t2.identifier(name))],
-      t2.stringLiteral(
-        state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/src/components/native/${name}`) ?? "" : `react-native-unistyles/components/native/${name}`
-      )
+    const newImport = t.importDeclaration(
+      [t.importSpecifier(t.identifier(localName), t.identifier(name))],
+      t.stringLiteral(getComponentPath(state, name))
     );
     path2.node.body.unshift(newImport);
   });
@@ -160,11 +131,11 @@ function isInsideNodeModules(state) {
 }
 function addUnistylesRequire(path2, state) {
   Object.entries(state.reactNativeImports).forEach(([componentName, uniqueName]) => {
-    const newRequire = t2.variableDeclaration("const", [
-      t2.variableDeclarator(
-        t2.identifier(uniqueName),
-        t2.callExpression(t2.identifier("require"), [
-          t2.stringLiteral(`react-native-unistyles/components/native/${componentName}`)
+    const newRequire = t.variableDeclaration("const", [
+      t.variableDeclarator(
+        t.identifier(uniqueName),
+        t.callExpression(t.identifier("require"), [
+          t.stringLiteral(`react-native-unistyles/components/native/${componentName}`)
         ])
       )
     ]);
@@ -172,6 +143,44 @@ function addUnistylesRequire(path2, state) {
   });
 }
 
+// plugin/src/exotic.ts
+function handleExoticImport(path2, state, exoticImport) {
+  const specifiers = path2.node.specifiers;
+  const source = path2.node.source;
+  if (path2.node.importKind !== "value") {
+    return;
+  }
+  specifiers.forEach((specifier) => {
+    for (const rule of exoticImport.imports) {
+      const hasMatchingImportType = !rule.isDefault && t2.isImportSpecifier(specifier) || rule.isDefault && t2.isImportDefaultSpecifier(specifier);
+      const hasMatchingImportName = rule.isDefault || !rule.isDefault && rule.name === specifier.local.name;
+      const hasMatchingPath = rule.path === source.value;
+      if (!hasMatchingImportType || !hasMatchingImportName || !hasMatchingPath) {
+        continue;
+      }
+      if (t2.isImportDefaultSpecifier(specifier)) {
+        const newImport = t2.importDeclaration(
+          [t2.importDefaultSpecifier(t2.identifier(specifier.local.name))],
+          t2.stringLiteral(getComponentPath(state, rule.mapTo))
+        );
+        path2.replaceWith(newImport);
+      } else {
+        const newImport = t2.importDeclaration(
+          [t2.importSpecifier(t2.identifier(rule.mapTo), t2.identifier(rule.mapTo))],
+          t2.stringLiteral(getComponentPath(state, rule.mapTo))
+        );
+        path2.node.specifiers = specifiers.filter((s) => s !== specifier);
+        if (path2.node.specifiers.length === 0) {
+          path2.replaceWith(newImport);
+        } else {
+          path2.insertBefore(newImport);
+        }
+      }
+      return;
+    }
+  });
+}
+
 // plugin/src/paths.ts
 var import_node_path = __toESM(require("node:path"));
 var isWindows = process.platform === "win32";
@@ -314,15 +323,6 @@ function getReturnStatementsFromBody(node, results = []) {
   }
   return results;
 }
-function stringToUniqueId(str) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    hash = (hash << 5) - hash + str.charCodeAt(i);
-    hash |= 0;
-  }
-  const absHash = Math.abs(hash);
-  return absHash % 1e9;
-}
 function isUnistylesStyleSheet(path2, state) {
   const { callee } = path2.node;
   if (!t4.isMemberExpression(callee) || !t4.isIdentifier(callee.property)) {
@@ -384,11 +384,6 @@ function isKindOfStyleSheet(path2, state) {
   }
   return false;
 }
-function addStyleSheetTag(path2, state) {
-  const str = state.filename?.replace(state.cwd, "") ?? "";
-  const uniqueId = stringToUniqueId(str) + ++state.file.tagNumber;
-  path2.node.arguments.push(t4.numericLiteral(uniqueId));
-}
 function getStylesDependenciesFromObject(path2) {
   const detectedStylesWithVariants = /* @__PURE__ */ new Set();
   const stylesheet = path2.node.arguments[0];
@@ -426,10 +421,7 @@ function getStylesDependenciesFromObject(path2) {
   const variants = Array.from(detectedStylesWithVariants);
   return variants.reduce((acc, { key, label }) => {
     if (acc[key]) {
-      acc[key] = [
-        ...acc[key],
-        label
-      ];
+      acc[key] = [...acc[key], label];
       return acc;
     }
     acc[key] = [label];
@@ -546,7 +538,9 @@ function getStylesDependenciesFromFunction(funcPath) {
         return;
       }
       binding.referencePaths.forEach((refPath) => {
-        const containerProp = refPath.findParent((parent) => parent.isObjectProperty() && parent.parentPath === returnedObjectPath);
+        const containerProp = refPath.findParent(
+          (parent) => parent.isObjectProperty() && parent.parentPath === returnedObjectPath
+        );
         if (!containerProp) {
           return;
         }
@@ -607,7 +601,9 @@ function getStylesDependenciesFromFunction(funcPath) {
             }
           }
         }
-        const containerProp = refPath.findParent((parent2) => parent2.isObjectProperty() && parent2.parentPath === returnedObjectPath);
+        const containerProp = refPath.findParent(
+          (parent2) => parent2.isObjectProperty() && parent2.parentPath === returnedObjectPath
+        );
         if (!containerProp) {
           return;
         }
@@ -631,10 +627,7 @@ function getStylesDependenciesFromFunction(funcPath) {
   const rt = Array.from(detectedStylesWithRt);
   return theme.concat(rt).concat(variants).reduce((acc, { key, label }) => {
     if (acc[key]) {
-      acc[key] = [
-        ...acc[key],
-        label
-      ];
+      acc[key] = [...acc[key], label];
       return acc;
     }
     acc[key] = [label];
@@ -644,8 +637,14 @@ function getStylesDependenciesFromFunction(funcPath) {
 function addDependencies(state, styleName, unistyle, detectedDependencies) {
   const debugMessage = (deps) => {
     if (state.opts.debug) {
-      const mappedDeps = deps.map((dep) => Object.keys(UnistyleDependency).find((key) => UnistyleDependency[key] === dep)).join(", ");
-      console.log(`${state.filename?.replace(`${state.file.opts.root}/`, "")}: styles.${styleName}: [${mappedDeps}]`);
+      const mappedDeps = deps.map(
+        (dep) => Object.keys(UnistyleDependency).find(
+          (key) => UnistyleDependency[key] === dep
+        )
+      ).join(", ");
+      console.log(
+        `${state.filename?.replace(`${state.file.opts.root}/`, "")}: styles.${styleName}: [${mappedDeps}]`
+      );
     }
   };
   const styleDependencies = detectedDependencies.map(toUnistylesDependency);
@@ -660,9 +659,7 @@ function addDependencies(state, styleName, unistyle, detectedDependencies) {
       if (t4.isBlockStatement(unistyle.value.body)) {
         targets = getReturnStatementsFromBody(unistyle.value.body).map((node) => {
           if (t4.isIdentifier(node.argument)) {
-            node.argument = t4.objectExpression([
-              t4.spreadElement(node.argument)
-            ]);
+            node.argument = t4.objectExpression([t4.spreadElement(node.argument)]);
           }
           return node.argument;
         }).filter((node) => t4.isObjectExpression(node));
@@ -680,7 +677,9 @@ function addDependencies(state, styleName, unistyle, detectedDependencies) {
         target.properties.push(
           t4.objectProperty(
             t4.identifier("uni__dependencies"),
-            t4.arrayExpression(uniqueDependencies.filter((dep) => dep !== void 0 && dep !== null).map((dep) => t4.numericLiteral(dep)))
+            t4.arrayExpression(
+              uniqueDependencies.filter((dep) => dep !== void 0 && dep !== null).map((dep) => t4.numericLiteral(dep))
+            )
           )
         );
       });
@@ -691,7 +690,9 @@ function addDependencies(state, styleName, unistyle, detectedDependencies) {
 // plugin/src/variants.ts
 var t5 = __toESM(require("@babel/types"));
 function extractVariants(path2, state) {
-  const maybeVariants = path2.node.body.filter((node2) => t5.isExpressionStatement(node2) && t5.isCallExpression(node2.expression) && t5.isMemberExpression(node2.expression.callee));
+  const maybeVariants = path2.node.body.filter(
+    (node2) => t5.isExpressionStatement(node2) && t5.isCallExpression(node2.expression) && t5.isMemberExpression(node2.expression.callee)
+  );
   if (maybeVariants.length === 0) {
     return;
   }
@@ -727,15 +728,8 @@ function extractVariants(path2, state) {
   ]);
   const pathIndex = path2.node.body.findIndex((bodyPath) => bodyPath === targetVariant);
   const rest = path2.node.body.slice(pathIndex + 1);
-  const statement = t5.blockStatement([
-    finalDeclaration,
-    ...rest
-  ]);
-  path2.node.body = [
-    ...path2.node.body.slice(0, pathIndex),
-    shadowDeclaration,
-    statement
-  ];
+  const statement = t5.blockStatement([finalDeclaration, ...rest]);
+  path2.node.body = [...path2.node.body.slice(0, pathIndex), shadowDeclaration, statement];
   state.file.hasVariants = true;
 }
 
@@ -753,20 +747,25 @@ function index_default() {
       Program: {
         enter(path2, state) {
           if (!state.opts.root) {
-            throw new Error("Unistyles \u{1F984}: Babel plugin requires `root` option to be set. Please check https://www.unistyl.es/v3/other/babel-plugin#extra-configuration");
+            throw new Error(
+              "Unistyles \u{1F984}: Babel plugin requires `root` option to be set. Please check https://www.unistyl.es/v3/other/babel-plugin#extra-configuration"
+            );
           }
           const appRoot = toPlatformPath(import_node_path2.default.join(state.file.opts.root, state.opts.root));
           if (state.file.opts.root === appRoot) {
-            throw new Error("Unistyles \u{1F984}: Root option can't resolve to project root as it will include node_modules folder. Please check https://www.unistyl.es/v3/other/babel-plugin#extra-configuration");
+            throw new Error(
+              "Unistyles \u{1F984}: Root option can't resolve to project root as it will include node_modules folder. Please check https://www.unistyl.es/v3/other/babel-plugin#extra-configuration"
+            );
           }
-          state.file.replaceWithUnistyles = REPLACE_WITH_UNISTYLES_PATHS.concat(state.opts.autoProcessPaths ?? []).map(toPlatformPath).some((path3) => state.filename?.includes(path3));
+          state.file.replaceWithUnistyles = REPLACE_WITH_UNISTYLES_PATHS.concat(
+            state.opts.autoProcessPaths ?? []
+          ).map(toPlatformPath).some((path3) => state.filename?.includes(path3));
           state.file.hasAnyUnistyle = false;
           state.file.hasUnistylesImport = false;
           state.file.addUnistylesRequire = false;
           state.file.hasVariants = false;
           state.file.styleSheetLocalName = "";
           state.file.reactNativeCommonJSName = "";
-          state.file.tagNumber = 0;
           state.reactNativeImports = {};
           state.file.forceProcessing = state.filename?.includes(appRoot) ?? false;
           path2.traverse({
@@ -822,7 +821,9 @@ function index_default() {
         });
       },
       ImportDeclaration(path2, state) {
-        const exoticImport = REPLACE_WITH_UNISTYLES_EXOTIC_PATHS.concat(state.opts.autoRemapImports ?? []).find((exotic) => state.filename?.includes(exotic.path));
+        const exoticImport = REPLACE_WITH_UNISTYLES_EXOTIC_PATHS.concat(state.opts.autoRemapImports ?? []).find(
+          (exotic) => state.filename?.includes(exotic.path)
+        );
         if (exoticImport) {
           return handleExoticImport(path2, state, exoticImport);
         }
@@ -894,7 +895,6 @@ function index_default() {
           return;
         }
         state.file.hasAnyUnistyle = true;
-        addStyleSheetTag(path2, state);
         const arg = t6.isAssignmentExpression(path2.node.arguments[0]) ? path2.node.arguments[0].right : path2.node.arguments[0];
         if (t6.isObjectExpression(arg)) {
           const detectedDependencies = getStylesDependenciesFromObject(path2);
@@ -902,7 +902,12 @@ function index_default() {
             if (t6.isObjectExpression(arg)) {
               arg.properties.forEach((property) => {
                 if (t6.isObjectProperty(property) && t6.isIdentifier(property.key) && Object.prototype.hasOwnProperty.call(detectedDependencies, property.key.name)) {
-                  addDependencies(state, property.key.name, property, detectedDependencies[property.key.name] ?? []);
+                  addDependencies(
+                    state,
+                    property.key.name,
+                    property,
+                    detectedDependencies[property.key.name] ?? []
+                  );
                 }
               });
             }
@@ -916,7 +921,12 @@ function index_default() {
             if (t6.isObjectExpression(body)) {
               body.properties.forEach((property) => {
                 if (t6.isObjectProperty(property) && t6.isIdentifier(property.key) && Object.prototype.hasOwnProperty.call(detectedDependencies, property.key.name)) {
-                  addDependencies(state, property.key.name, property, detectedDependencies[property.key.name] ?? []);
+                  addDependencies(
+                    state,
+                    property.key.name,
+                    property,
+                    detectedDependencies[property.key.name] ?? []
+                  );
                 }
               });
             }

package/repack-plugin/index.d.ts

@@ -1,4 +1,4 @@
-import type {Compiler,LoaderContext,RspackPluginInstance } from '@rspack/core'
+import type { Compiler, LoaderContext, RspackPluginInstance } from '@rspack/core'
 import type { UnistylesPluginOptions } from 'react-native-unistyles/plugin'
 
 export declare const BASE_REPACK_EXCLUDE_PATHS: Array<RegExp>
@@ -14,6 +14,6 @@ export declare class RepackUnistylePlugin implements RspackPluginInstance {
     apply(compiler: Compiler): void
 }
 
-declare function unistylesLoader(this: LoaderContext<UnistylesLoaderOptions>, source: string): void;
+declare function unistylesLoader(this: LoaderContext<UnistylesLoaderOptions>, source: string): void
 
 export default unistylesLoader