unplugin-stylex 0.5.4 → 0.6.0

package/dist/{chunk-NQYXBBLC.cjs → chunk-IU3ZVEOU.cjs}

@@ -50,7 +50,7 @@ function getAliasesFromTSConfig() {
       {}
     );
     return Object.keys(aliases).length > 0 ? aliases : void 0;
-  } catch (error) {
+  } catch (e) {
     return void 0;
   }
 }
@@ -72,7 +72,7 @@ function getAliasesFromViteConfig() {
       },
       {}
     );
-  } catch (error) {
+  } catch (e2) {
     return {};
   }
 }
@@ -94,7 +94,7 @@ function getAliasesFromWebpackConfig() {
       },
       {}
     );
-  } catch (error) {
+  } catch (e3) {
     return {};
   }
 }
@@ -125,7 +125,7 @@ function getAliasesFromRollupConfig() {
       },
       {}
     );
-  } catch (error) {
+  } catch (e4) {
     return {};
   }
 }
@@ -147,7 +147,7 @@ function getAliasesFromRolldownConfig() {
       },
       {}
     );
-  } catch (error) {
+  } catch (e5) {
     return {};
   }
 }
@@ -172,7 +172,7 @@ function getAliasesFromRspackConfig() {
       },
       {}
     );
-  } catch (error) {
+  } catch (e6) {
     return {};
   }
 }
@@ -194,7 +194,7 @@ function getAliasesFromFarmConfig() {
       },
       {}
     );
-  } catch (error) {
+  } catch (e7) {
     return {};
   }
 }
@@ -251,6 +251,10 @@ function getAliases(framework) {
   }
 }
 
+// src/utils/store.ts
+var STORE_KEY = `stylex-${PLUGIN_NAME}`;
+var stylexRulesStore = /* @__PURE__ */ new Map();
+
 // src/core/options.ts
 function getOptions(options) {
   var _a, _b, _c;
@@ -260,8 +264,8 @@ function getOptions(options) {
   return {
     ...options,
     dev: isDev,
-    // .js, .jsx, .mjs, .cjs, .ts, .tsx, .mts, .cts
-    validExts: _nullishCoalesce(options.validExts, () => ( /\.[mc]?[jt]sx?$/)),
+    // .js, .jsx, .mjs, .cjs, .ts, .tsx, .mts, .cts, .svelte, .vue
+    validExts: _nullishCoalesce(options.validExts, () => ( /\.[mc]?[jt]sx?$|\.svelte$|\.vue$/)),
     stylex: {
       filename: stylex2.filename || "stylex.css",
       stylexImports: stylex2.stylexImports || ["@stylexjs/stylex"],
@@ -279,7 +283,7 @@ function getOptions(options) {
   };
 }
 
-// src/core/transformer.ts
+// src/core/transformers/default.ts
 
 var _core = require('@babel/core');
 var _pluginsyntaxjsx = require('@babel/plugin-syntax-jsx'); var _pluginsyntaxjsx2 = _interopRequireDefault(_pluginsyntaxjsx);
@@ -293,11 +297,11 @@ function getSyntaxPlugins(extname2) {
   return [".js", ".jsx"].includes(extname2) ? [_pluginsyntaxflow2.default] : TSPlugin;
 }
 
-// src/core/transformer.ts
-async function transformer(context) {
+// src/core/transformers/default.ts
+var defaultTransformer = async (context) => {
   var _a, _b, _c, _d;
-  const { id, inputCode, options } = context;
-  const stylex2 = options.stylex;
+  const { inputCode, id, options } = context;
+  const stylex2 = _nullishCoalesce(options.stylex, () => ( {}));
   const extname2 = _path.extname.call(void 0, id);
   const stylexRules = {};
   const stylexBabelPluginOptions = {
@@ -329,12 +333,93 @@ async function transformer(context) {
     };
   }
   return { code, stylexRules };
-}
+};
+
+// src/core/transformers/astro.ts
+var astro = async (context) => {
+  const { inputCode, id, options } = context;
+  const frontmatterMatch = inputCode.match(/^---\s*\n([\s\S]*?)\n---\s*\n?([\s\S]*)$/);
+  if (!frontmatterMatch) {
+    return {
+      code: inputCode,
+      map: void 0,
+      stylexRules: {}
+    };
+  }
+  const frontmatterContent = frontmatterMatch[1];
+  const templateContent = _nullishCoalesce(frontmatterMatch[2], () => ( ""));
+  const stylex2 = _nullishCoalesce(options.stylex, () => ( {}));
+  const stylexImports = _nullishCoalesce(stylex2.stylexImports, () => ( ["@stylexjs/stylex"]));
+  if (!stylexImports.some((importName) => frontmatterContent.includes(importName))) {
+    return {
+      code: inputCode,
+      map: void 0,
+      stylexRules: {}
+    };
+  }
+  const ctx = {
+    id,
+    inputCode: frontmatterContent,
+    pluginContext: context.pluginContext,
+    options
+  };
+  const result = await defaultTransformer(ctx);
+  const transformedFrontmatter = `---
+${result.code}
+---`;
+  const transformedCode = transformedFrontmatter + (templateContent ? `
+${templateContent}` : "");
+  return {
+    code: transformedCode,
+    map: result.map,
+    stylexRules: result.stylexRules
+  };
+};
+
+// src/core/transformers/svelte.ts
+var svelte = async (context) => {
+  const { inputCode, id, options } = context;
+  const scriptMatch = inputCode.match(/<script([^>]*)>([\s\S]*?)<\/script>/i);
+  if (!scriptMatch) {
+    return {
+      code: inputCode,
+      map: void 0,
+      stylexRules: {}
+    };
+  }
+  const scriptAttrs = scriptMatch[1];
+  const scriptContent = scriptMatch[2];
+  const fullScriptTag = scriptMatch[0];
+  const ctx = {
+    id,
+    inputCode: scriptContent,
+    pluginContext: void 0,
+    options
+  };
+  const result = await defaultTransformer(ctx);
+  const transformedScriptTag = `<script${scriptAttrs}>${result.code}</script>`;
+  const transformedCode = inputCode.replace(fullScriptTag, transformedScriptTag);
+  return {
+    code: transformedCode,
+    map: result.map,
+    stylexRules: result.stylexRules
+  };
+};
+
+// src/core/transformers/index.ts
+var transformers = {
+  astro,
+  svelte,
+  default: defaultTransformer
+};
 
 // src/index.ts
 var unpluginFactory = (rawOptions, meta) => {
   const options = getOptions({ ...rawOptions || {}, framework: meta.framework });
-  const stylexRules = {};
+  if (!stylexRulesStore.has(STORE_KEY)) {
+    stylexRulesStore.set(STORE_KEY, {});
+  }
+  const stylexRules = stylexRulesStore.get(STORE_KEY);
   let viteConfig = null;
   return {
     name: PLUGIN_NAME,
@@ -350,6 +435,7 @@ var unpluginFactory = (rawOptions, meta) => {
       const dir = path2.dirname(id);
       const basename2 = path2.basename(id);
       const file = path2.join(dir, basename2.includes("?") ? basename2.split("?")[0] : basename2);
+      const extname2 = path2.extname(file).slice(1);
       if (!options.stylex.stylexImports.some((importName) => code.includes(importName))) {
         return;
       }
@@ -360,6 +446,7 @@ var unpluginFactory = (rawOptions, meta) => {
         options
       };
       try {
+        const transformer = _nullishCoalesce(transformers[extname2], () => ( transformers.default));
         const result = await transformer(context);
         if ((_a = result.stylexRules) == null ? void 0 : _a[id]) {
           stylexRules[id] = result.stylexRules[id];
@@ -387,9 +474,28 @@ var unpluginFactory = (rawOptions, meta) => {
           base: config.base
         };
       },
-      configResolved(config) {
-        config.optimizeDeps.exclude = config.optimizeDeps.exclude || [];
-        config.optimizeDeps.exclude.push("@stylexjs/open-props");
+      configureServer(server) {
+        server.middlewares.use((req, res, next) => {
+          var _a;
+          if (!req.url) {
+            next();
+            return;
+          }
+          const fileName = `${_nullishCoalesce(((_a = viteConfig == null ? void 0 : viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets"))}/${options.stylex.filename}`;
+          const cssPath = path2.posix.join(_nullishCoalesce((viteConfig == null ? void 0 : viteConfig.base), () => ( "/")), fileName.replace(/\\/g, "/")).replace(/\/+/g, "/");
+          const basePath = (_nullishCoalesce((viteConfig == null ? void 0 : viteConfig.base), () => ( "/"))).replace(/\/+$/, "") || "/";
+          const filename = options.stylex.filename;
+          const normalizedUrl = req.url.split("?")[0];
+          const isCSSRequest = normalizedUrl === cssPath || normalizedUrl === `${basePath}/${filename}` || normalizedUrl === `/${filename}` || normalizedUrl.endsWith(`/${filename}`) || normalizedUrl === filename;
+          if (isCSSRequest) {
+            const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
+            res.setHeader("Content-Type", "text/css");
+            res.setHeader("Cache-Control", "no-cache");
+            res.end(collectedCSS || "");
+            return;
+          }
+          next();
+        });
       },
       buildEnd() {
         var _a;
@@ -431,4 +537,9 @@ var index_default = unplugin;
 
 
 
-exports.unpluginFactory = unpluginFactory; exports.unplugin = unplugin; exports.index_default = index_default;
+
+
+
+
+
+exports.buildStylexRules = buildStylexRules; exports.PLUGIN_NAME = PLUGIN_NAME; exports.STORE_KEY = STORE_KEY; exports.stylexRulesStore = stylexRulesStore; exports.getOptions = getOptions; exports.unpluginFactory = unpluginFactory; exports.unplugin = unplugin; exports.index_default = index_default;

package/dist/esbuild.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/esbuild.ts
 var _unplugin = require('unplugin');
-var esbuildPlugin = _unplugin.createEsbuildPlugin.call(void 0, _chunkNQYXBBLCcjs.unpluginFactory);
+var esbuildPlugin = _unplugin.createEsbuildPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
 var esbuild_default = esbuildPlugin;
 
 

package/dist/esbuild.d.cts

@@ -1,5 +1,7 @@
 import { EsbuildPlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.cjs';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for esbuild plugin. Requires esbuild >= 0.15

package/dist/esbuild.d.ts

@@ -1,5 +1,7 @@
 import { EsbuildPlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.js';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for esbuild plugin. Requires esbuild >= 0.15

package/dist/esbuild.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+} from "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/esbuild.ts

package/dist/farm.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/farm.ts
 var _unplugin = require('unplugin');
-var farmPlugin = _unplugin.createFarmPlugin.call(void 0, _chunkNQYXBBLCcjs.unpluginFactory);
+var farmPlugin = _unplugin.createFarmPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
 var farm_default = farmPlugin;
 
 

package/dist/farm.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+} from "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/farm.ts

package/dist/index.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 
 
 
-exports.default = _chunkNQYXBBLCcjs.index_default; exports.unplugin = _chunkNQYXBBLCcjs.unplugin; exports.unpluginFactory = _chunkNQYXBBLCcjs.unpluginFactory;
+exports.default = _chunkIU3ZVEOUcjs.index_default; exports.unplugin = _chunkIU3ZVEOUcjs.unplugin; exports.unpluginFactory = _chunkIU3ZVEOUcjs.unpluginFactory;

package/dist/index.d.cts

@@ -1,6 +1,8 @@
 import { UnpluginInstance, UnpluginFactory } from 'unplugin';
 import { UnpluginStylexOptions } from './types.cjs';
-export { BabelConfig, StylexOptions, UnpluginStylexInstance } from './types.cjs';
+export { BabelConfig, StylexOptions, UnpluginStylexInstance, UnpluginStylexTransformer } from './types.cjs';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for main unplugin.

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import { UnpluginInstance, UnpluginFactory } from 'unplugin';
 import { UnpluginStylexOptions } from './types.js';
-export { BabelConfig, StylexOptions, UnpluginStylexInstance } from './types.js';
+export { BabelConfig, StylexOptions, UnpluginStylexInstance, UnpluginStylexTransformer } from './types.js';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for main unplugin.

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   index_default,
   unplugin,
   unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+} from "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
 export {
   index_default as default,

package/dist/rolldown.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rolldown.ts
 var _unplugin = require('unplugin');
-var rolldownPlugin = _unplugin.createRolldownPlugin.call(void 0, _chunkNQYXBBLCcjs.unpluginFactory);
+var rolldownPlugin = _unplugin.createRolldownPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
 var rolldown_default = rolldownPlugin;
 
 

package/dist/rolldown.d.cts

@@ -1,5 +1,7 @@
 import { RolldownPlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.cjs';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for rolldown plugin.

package/dist/rolldown.d.ts

@@ -1,5 +1,7 @@
 import { RolldownPlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.js';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for rolldown plugin.

package/dist/rolldown.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+} from "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rolldown.ts

package/dist/rollup.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rollup.ts
 var _unplugin = require('unplugin');
-var rollupPlugin = _unplugin.createRollupPlugin.call(void 0, _chunkNQYXBBLCcjs.unpluginFactory);
+var rollupPlugin = _unplugin.createRollupPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
 var rollup_default = rollupPlugin;
 
 

package/dist/rollup.d.cts

@@ -1,5 +1,7 @@
 import { RollupPlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.cjs';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Rollup plugin.

package/dist/rollup.d.ts

@@ -1,5 +1,7 @@
 import { RollupPlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.js';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Rollup plugin.

package/dist/rollup.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+} from "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rollup.ts

package/dist/rspack.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rspack.ts
 var _unplugin = require('unplugin');
-var rspackPlugin = _unplugin.createRspackPlugin.call(void 0, _chunkNQYXBBLCcjs.unpluginFactory);
+var rspackPlugin = _unplugin.createRspackPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
 var rspack_default = rspackPlugin;
 
 

package/dist/rspack.d.cts

@@ -1,5 +1,7 @@
 import { RspackPluginInstance } from 'unplugin';
 import { UnpluginStylexInstance } from './types.cjs';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Rspack plugin.

package/dist/rspack.d.ts

@@ -1,5 +1,7 @@
 import { RspackPluginInstance } from 'unplugin';
 import { UnpluginStylexInstance } from './types.js';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Rspack plugin.

package/dist/rspack.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+} from "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rspack.ts

package/dist/types.d.cts

@@ -1,3 +1,6 @@
+import { SourceMap } from '@babel/core';
+import { Rule } from '@stylexjs/babel-plugin';
+
 type BabelConfig = {
     plugins: unknown[];
     presets: unknown[];
@@ -24,5 +27,15 @@ type UnpluginStylexOptions = {
     stylex?: StylexOptions;
 };
 type UnpluginStylexInstance<T> = (options?: UnpluginStylexOptions) => T;
+type UnpluginStylexTransformer = (context: {
+    inputCode: string;
+    id: string;
+    options: UnpluginStylexOptions;
+    pluginContext: unknown;
+}) => Promise<{
+    code: string;
+    map?: SourceMap | null;
+    stylexRules: Record<string, Rule[]>;
+}>;
 
-export type { BabelConfig, StylexOptions, UnpluginStylexInstance, UnpluginStylexOptions };
+export type { BabelConfig, StylexOptions, UnpluginStylexInstance, UnpluginStylexOptions, UnpluginStylexTransformer };

package/dist/types.d.ts

@@ -1,3 +1,6 @@
+import { SourceMap } from '@babel/core';
+import { Rule } from '@stylexjs/babel-plugin';
+
 type BabelConfig = {
     plugins: unknown[];
     presets: unknown[];
@@ -24,5 +27,15 @@ type UnpluginStylexOptions = {
     stylex?: StylexOptions;
 };
 type UnpluginStylexInstance<T> = (options?: UnpluginStylexOptions) => T;
+type UnpluginStylexTransformer = (context: {
+    inputCode: string;
+    id: string;
+    options: UnpluginStylexOptions;
+    pluginContext: unknown;
+}) => Promise<{
+    code: string;
+    map?: SourceMap | null;
+    stylexRules: Record<string, Rule[]>;
+}>;
 
-export type { BabelConfig, StylexOptions, UnpluginStylexInstance, UnpluginStylexOptions };
+export type { BabelConfig, StylexOptions, UnpluginStylexInstance, UnpluginStylexOptions, UnpluginStylexTransformer };

package/dist/vite.cjs

@@ -1,12 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunk7LU6DGX6cjs = require('./chunk-7LU6DGX6.cjs');
+require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
-// src/vite.ts
-var _unplugin = require('unplugin');
-var vitePlugin = _unplugin.createVitePlugin.call(void 0, _chunkNQYXBBLCcjs.unpluginFactory);
-var vite_default = vitePlugin;
 
-
-exports.default = vite_default;
+exports.default = _chunk7LU6DGX6cjs.vite_default;

package/dist/vite.d.cts

@@ -1,5 +1,7 @@
 import { VitePlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.cjs';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Vite plugin.

package/dist/vite.d.ts

@@ -1,5 +1,7 @@
 import { VitePlugin } from 'unplugin';
 import { UnpluginStylexInstance } from './types.js';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Vite plugin.

package/dist/vite.js

@@ -1,12 +1,8 @@
 import {
-  unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+  vite_default
+} from "./chunk-F2LYIKCV.js";
+import "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
-
-// src/vite.ts
-import { createVitePlugin } from "unplugin";
-var vitePlugin = createVitePlugin(unpluginFactory);
-var vite_default = vitePlugin;
 export {
   vite_default as default
 };

package/dist/webpack.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNQYXBBLCcjs = require('./chunk-NQYXBBLC.cjs');
+var _chunkIU3ZVEOUcjs = require('./chunk-IU3ZVEOU.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/webpack.ts
 var _unplugin = require('unplugin');
-var webpackPlugin = _unplugin.createWebpackPlugin.call(void 0, _chunkNQYXBBLCcjs.unpluginFactory);
+var webpackPlugin = _unplugin.createWebpackPlugin.call(void 0, _chunkIU3ZVEOUcjs.unpluginFactory);
 var webpack_default = webpackPlugin;
 
 

package/dist/webpack.d.cts

@@ -1,5 +1,7 @@
 import { WebpackPluginInstance } from 'unplugin';
 import { UnpluginStylexInstance } from './types.cjs';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Webpack plugin.

package/dist/webpack.d.ts

@@ -1,5 +1,7 @@
 import { WebpackPluginInstance } from 'unplugin';
 import { UnpluginStylexInstance } from './types.js';
+import '@babel/core';
+import '@stylexjs/babel-plugin';
 
 /**
  * This entry file is for Webpack plugin.

package/dist/webpack.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-QPFVWZ5B.js";
+} from "./chunk-B3OIQQRZ.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/webpack.ts

package/jsr.json

@@ -1,6 +1,6 @@
 {
   "name": "@eryue0220/unplugin-stylex",
-  "version": "0.5.4",
+  "version": "0.6.0",
   "exports": {
     "./index": "./src/index.ts",
     "./esbuild": "./src/esbuild.ts",
@@ -11,5 +11,10 @@
     "./vite": "./src/vite.ts",
     "./webpack": "./src/webpack.ts"
   },
+  "imports": {
+    "@/types": "./src/types.ts",
+    "@/utils": "./src/utils/index.ts",
+    "@/utils/*": "./src/utils/*"
+  },
   "exclude": [".eslintrc.json", ".eslintignore", "test", "examples", "pnpm-lock.yaml", "pnpm-workspace.yaml"]
 }