@stylexswc/webpack-plugin 0.17.1 → 0.17.2-dev.1

package/README.md

@@ -10,13 +10,14 @@ with
 a Rust implementation of the StyleX transform, instead of the official Babel
 plugin. Your StyleX code stays exactly the same — only the build step changes,
 with per-file transforms 2x to 5x faster than Babel
-([performance](https://github.com/Dwlad90/stylex-swc-plugin#performance)).
-The plugin transforms your source files, collects the generated rules, and
-extracts them into a dedicated CSS chunk.
+([performance](https://github.com/Dwlad90/stylex-swc-plugin#performance)). The
+plugin transforms your source files, collects the generated rules, and extracts
+them into a dedicated CSS chunk.
 
 This is a community project and is not affiliated with Meta. It tracks the
 official StyleX releases
 <!-- stylex-compatibility:start -->(currently compatible with StyleX v0.19.0)<!-- stylex-compatibility:end -->
+
 and requires Node.js 20 or newer. For Next.js projects, use
 [`@stylexswc/nextjs-plugin`](https://www.npmjs.com/package/@stylexswc/nextjs-plugin)
 instead — it wires this plugin into the Next.js build for you.
@@ -63,6 +64,27 @@ const config = (env, argv) => ({
 module.exports = config;
 ```
 
+Then import the carrier stylesheet **once** at the entry point of your app (e.g.
+`index.js`, `App.tsx`):
+
+```js
+import '@stylexswc/webpack-plugin/stylex.css';
+```
+
+The plugin replaces this asset's content with the extracted StyleX CSS during
+the build. Like a regular CSS file, it must flow through your CSS pipeline, so a
+`css-loader` + `MiniCssExtractPlugin.loader` rule (or webpack's built-in CSS
+support) has to cover `.css` files.
+
+> [!IMPORTANT] **Migrating from 0.17.x**: version 0.18.0 adopts the upstream
+> [`stylex-webpack`](https://github.com/SukkaW/stylex-webpack) 0.4.x
+> architecture. The CSS is no longer injected through auto-generated
+> `stylex.virtual.css` imports — add the
+> `import '@stylexswc/webpack-plugin/stylex.css';` carrier import to your app
+> entrypoint, or no StyleX CSS will be emitted. Paths embedded in module
+> identifiers are now relative to `compiler.context`, which changes chunk hashes
+> once and makes builds reproducible across machines.
+
 ## Plugin Options
 
 ### Basic Options
@@ -75,8 +97,7 @@ module.exports = config;
   the standard options, see the
   [official StyleX documentation](https://stylexjs.com/docs/api/configuration/babel-plugin/).
 
-> [!NOTE]
-> The `include` and `exclude` options are exclusive to the Rust compiler
+> [!NOTE] The `include` and `exclude` options are exclusive to the Rust compiler
 > and are not available in the official StyleX Babel plugin.
 
 ##### `rsOptions.include`
@@ -175,6 +196,30 @@ new StylexPlugin({
 });
 ```
 
+#### `carrierCss`
+
+Path to a custom carrier stylesheet that receives the extracted StyleX CSS — the
+file you import once at your app entrypoint. Absolute, or relative to
+`compiler.context`. Replaces the default `@stylexswc/webpack-plugin/stylex.css`
+carrier: useful when another file named `stylex.css` in your project would
+collide with the default filename pattern, or when you want the carrier to live
+in your own source tree.
+
+```js
+new StylexPlugin({
+  carrierCss: './src/styles/stylex-carrier.css',
+});
+```
+
+```js
+// src/index.js
+import './styles/stylex-carrier.css';
+```
+
+If styles get extracted but no carrier asset is emitted to receive them (e.g.
+the import is missing), the plugin raises a compilation warning instead of
+silently dropping the CSS.
+
 ### Advanced Options
 
 #### `transformCss`
@@ -202,17 +247,17 @@ new StylexPlugin({
 
 - Type: `CacheGroupOptions` (webpack cache group configuration)
 - Optional
-- Description: Overrides the default webpack cache group used for StyleX CSS
+- Description: Extends the default webpack cache group used for StyleX CSS
   extraction. By default the plugin creates a dedicated cache group named
-  `stylex`. Use this to customize chunk naming, priority, or other split chunks
-  options.
+  `_stylex-webpack-generated`. Use this to customize chunk naming, priority, or
+  other split chunks options. Omitted fields retain the required defaults.
 
 Default cache group configuration:
 
 ```js
 {
-  name: 'stylex',
-  test: /\.stylex\.virtual\.css$/,
+  name: '_stylex-webpack-generated',
+  test: /<packaged carrier path>|stylex-virtual\.css/,
   type: 'css/mini-extract',
   chunks: 'all',
   enforce: true,

package/dist/index.d.ts

@@ -1,30 +1,11 @@
-import { DEFAULT_STYLEX_PACKAGES, STYLEX_CHUNK_NAME, VIRTUAL_CSS_PATTERN } from './constants';
-import type { TransformedOptions } from '@stylexswc/rs-compiler';
+import { DEFAULT_STYLEX_PACKAGES, StyleXPluginCore, VIRTUAL_CSS_PATTERN, buildVirtualCssPattern, stylexLoaderPath, stylexVirtualCssLoaderPath } from '@stylexswc/plugin-shared';
 import type webpack from 'webpack';
-import type { Rule as StyleXRule } from '@stylexjs/babel-plugin';
-import type { CSSTransformer, StyleXPluginOption, StyleXWebpackLoaderOptions, CacheGroupOptions } from './types';
-declare const stylexLoaderPath: string;
-declare const stylexVirtualLoaderPath: string;
-export type RegisterStyleXRules = (_resourcePath: string, _stylexRules: StyleXRule[]) => void;
-export default class StyleXPlugin {
-    stylexRules: Map<string, readonly StyleXRule[]>;
-    transformedOptions: TransformedOptions;
-    loaderOption: StyleXWebpackLoaderOptions;
-    cacheGroup?: CacheGroupOptions;
-    transformCss: CSSTransformer;
-    loaderOrder: StyleXPluginOption['loaderOrder'];
-    stylexPackages: string[];
-    constructor({ stylexImports, useCSSLayers, rsOptions, nextjsMode, transformCss, extractCSS, loaderOrder, cacheGroup, stylexPackages, }?: StyleXPluginOption);
-    /**
-     * Excludes node_modules by default, matching the rspack plugin, so
-     * unrelated dependencies whose source happens to mention a StyleX import
-     * string aren't parsed and transformed unless explicitly allowlisted.
-     */
-    shouldProcessFile(resourcePath: string): boolean;
+export declare const STYLEX_CHUNK_NAME = "_stylex-webpack-generated";
+export default class StyleXPlugin extends StyleXPluginCore {
     apply(compiler: webpack.Compiler): void;
 }
-export { VIRTUAL_CSS_PATTERN, STYLEX_CHUNK_NAME, DEFAULT_STYLEX_PACKAGES };
-export { isAllowlistedPackage } from './shared';
-export { stylexLoaderPath as loader, stylexVirtualLoaderPath as virtualLoader };
-export type { StyleXPluginOption, CacheGroupOptions } from './types';
+export { StyleXPlugin, VIRTUAL_CSS_PATTERN, DEFAULT_STYLEX_PACKAGES, buildVirtualCssPattern };
+export { isAllowlistedPackage } from '@stylexswc/plugin-shared';
+export { stylexLoaderPath as loader, stylexVirtualCssLoaderPath as virtualLoader };
+export type { CacheGroupOptions, RegisterStyleXRules, StyleXPluginOption, } from '@stylexswc/plugin-shared';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EAIvB,iBAAiB,EAEjB,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAIrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAE1B,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAoBjB,QAAA,MAAM,gBAAgB,QAAqC,CAAC;AAC5D,QAAA,MAAM,uBAAuB,QAAiD,CAAC;AAiB/E,MAAM,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAE9F,MAAM,CAAC,OAAO,OAAO,YAAY;IAC/B,WAAW,qCAA4C;IACvD,kBAAkB,EAAE,kBAAkB,CAAC;IAEvC,YAAY,EAAE,0BAA0B,CAAC;IACzC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,cAAc,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,cAAc,EAAE,MAAM,EAAE,CAAC;gBACb,EACV,aAA8C,EAC9C,YAAoB,EACpB,SAAc,EACd,UAAkB,EAClB,YAAgC,EAChC,UAAiB,EACjB,WAAqB,EACrB,UAAU,EACV,cAAwC,GACzC,GAAE,kBAAuB;IA0B1B;;;;OAIG;IACH,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO;IAoBhD,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CAmKjC;AAED,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,uBAAuB,IAAI,aAAa,EAAE,CAAC;AAEhF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EAGvB,gBAAgB,EAChB,mBAAmB,EAEnB,sBAAsB,EACtB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,eAAO,MAAM,iBAAiB,8BAA8B,CAAC;AAK7D,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,gBAAgB;IACxD,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CA2GjC;AAED,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,0BAA0B,IAAI,aAAa,EAAE,CAAC;AAEnF,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -3,226 +3,120 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.virtualLoader = exports.loader = exports.isAllowlistedPackage = exports.DEFAULT_STYLEX_PACKAGES = exports.STYLEX_CHUNK_NAME = exports.VIRTUAL_CSS_PATTERN = void 0;
-const babel_plugin_1 = __importDefault(require("@stylexjs/babel-plugin"));
+exports.virtualLoader = exports.loader = exports.isAllowlistedPackage = exports.buildVirtualCssPattern = exports.DEFAULT_STYLEX_PACKAGES = exports.VIRTUAL_CSS_PATTERN = exports.StyleXPlugin = exports.STYLEX_CHUNK_NAME = void 0;
 const path_1 = __importDefault(require("path"));
-const constants_1 = require("./constants");
-Object.defineProperty(exports, "DEFAULT_STYLEX_PACKAGES", { enumerable: true, get: function () { return constants_1.DEFAULT_STYLEX_PACKAGES; } });
-Object.defineProperty(exports, "STYLEX_CHUNK_NAME", { enumerable: true, get: function () { return constants_1.STYLEX_CHUNK_NAME; } });
-Object.defineProperty(exports, "VIRTUAL_CSS_PATTERN", { enumerable: true, get: function () { return constants_1.VIRTUAL_CSS_PATTERN; } });
-const rs_compiler_1 = require("@stylexswc/rs-compiler");
-const shared_1 = require("./shared");
-function resolveLoaderPath(loaderName) {
-    try {
-        return require.resolve(`./${loaderName}`);
-    }
-    catch (error) {
-        const isModuleNotFound = error instanceof Error && 'code' in error && error.code === 'MODULE_NOT_FOUND';
-        if (!isModuleNotFound) {
-            throw error;
-        }
-        // Loaders resolve as `.ts` only when the plugin runs from source (e.g. vitest);
-        // published dist builds always resolve above
-        return require.resolve(`./${loaderName}.ts`);
-    }
-}
-const stylexLoaderPath = resolveLoaderPath('stylex-loader');
-exports.loader = stylexLoaderPath;
-const stylexVirtualLoaderPath = resolveLoaderPath('stylex-virtual-css-loader');
-exports.virtualLoader = stylexVirtualLoaderPath;
-const getStyleXRules = (stylexRules, transformedOptions) => {
-    if (stylexRules.size === 0) {
-        return null;
-    }
-    // Take styles for the modules that were included in the last compilation.
-    const allRules = Array.from(stylexRules.values()).flat();
-    return babel_plugin_1.default.processStylexRules(allRules, transformedOptions);
-};
-const identityTransform = css => css;
-class StyleXPlugin {
-    stylexRules = new Map();
-    transformedOptions;
-    loaderOption;
-    cacheGroup;
-    transformCss;
-    loaderOrder;
-    stylexPackages;
-    constructor({ stylexImports = ['stylex', '@stylexjs/stylex'], useCSSLayers = false, rsOptions = {}, nextjsMode = false, transformCss = identityTransform, extractCSS = true, loaderOrder = 'first', cacheGroup, stylexPackages = constants_1.DEFAULT_STYLEX_PACKAGES, } = {}) {
-        this.transformedOptions = {
-            useLayers: useCSSLayers,
-            legacyDisableLayers: rsOptions.legacyDisableLayers,
-            enableLTRRTLComments: rsOptions.enableLTRRTLComments,
-        };
-        this.loaderOption = {
-            stylexImports,
-            rsOptions: {
-                dev: constants_1.IS_DEV_ENV,
-                enableFontSizePxToRem: true,
-                runtimeInjection: false,
-                treeshakeCompensation: true,
-                importSources: stylexImports,
-                injectStylexSideEffects: loaderOrder !== 'last',
-                ...rsOptions,
-            },
-            nextjsMode,
-            extractCSS,
-        };
-        this.transformCss = transformCss;
-        this.loaderOrder = loaderOrder;
-        this.cacheGroup = cacheGroup;
-        this.stylexPackages = stylexPackages;
-    }
-    /**
-     * Excludes node_modules by default, matching the rspack plugin, so
-     * unrelated dependencies whose source happens to mention a StyleX import
-     * string aren't parsed and transformed unless explicitly allowlisted.
-     */
-    shouldProcessFile(resourcePath) {
-        if (!resourcePath) {
-            return false;
-        }
-        const nodeModulesSegment = `${path_1.default.sep}node_modules${path_1.default.sep}`;
-        if (resourcePath.includes(nodeModulesSegment)) {
-            if (!(0, shared_1.isAllowlistedPackage)(resourcePath, this.stylexPackages)) {
-                return false;
-            }
-        }
-        return (0, rs_compiler_1.shouldTransformFile)(resourcePath, this.loaderOption.rsOptions?.include, this.loaderOption.rsOptions?.exclude);
-    }
+const plugin_shared_1 = require("@stylexswc/plugin-shared");
+Object.defineProperty(exports, "DEFAULT_STYLEX_PACKAGES", { enumerable: true, get: function () { return plugin_shared_1.DEFAULT_STYLEX_PACKAGES; } });
+Object.defineProperty(exports, "VIRTUAL_CSS_PATTERN", { enumerable: true, get: function () { return plugin_shared_1.VIRTUAL_CSS_PATTERN; } });
+Object.defineProperty(exports, "buildVirtualCssPattern", { enumerable: true, get: function () { return plugin_shared_1.buildVirtualCssPattern; } });
+Object.defineProperty(exports, "loader", { enumerable: true, get: function () { return plugin_shared_1.stylexLoaderPath; } });
+Object.defineProperty(exports, "virtualLoader", { enumerable: true, get: function () { return plugin_shared_1.stylexVirtualCssLoaderPath; } });
+exports.STYLEX_CHUNK_NAME = '_stylex-webpack-generated';
+const PACKAGE_NAME = '@stylexswc/webpack-plugin';
+const DEFAULT_CARRIER_PATH = require.resolve('./stylex.css');
+class StyleXPlugin extends plugin_shared_1.StyleXPluginCore {
     apply(compiler) {
-        // If splitChunk is enabled, we create a dedicated chunk for stylex css
-        if (!compiler.options.optimization.splitChunks) {
-            throw new Error([
-                'You don\'t have "optimization.splitChunks" enabled.',
-                '"optimization.splitChunks" should be enabled for "@stylexswc/webpack-plugin" to function properly.',
-            ].join(' '));
-        }
-        compiler.options.optimization.splitChunks.cacheGroups ??= {};
-        compiler.options.optimization.splitChunks.cacheGroups[constants_1.STYLEX_CHUNK_NAME] = this.cacheGroup ?? {
-            name: constants_1.STYLEX_CHUNK_NAME,
-            test: constants_1.VIRTUAL_CSS_PATTERN,
-            type: 'css/mini-extract',
-            chunks: 'all',
-            enforce: true,
-        };
-        // stylex-loader adds virtual css import (which triggers virtual-loader)
-        // This prevents "stylex.virtual.css" files from being tree shaken by forcing
-        // "sideEffects" setting.
-        compiler.hooks.normalModuleFactory.tap(constants_1.PLUGIN_NAME, nmf => {
-            nmf.hooks.createModule.tap(constants_1.PLUGIN_NAME, createData => {
+        this.resolveCarrier(compiler.context, DEFAULT_CARRIER_PATH);
+        const chunkName = this.getChunkName(exports.STYLEX_CHUNK_NAME);
+        this.assertAndInstallCacheGroup(compiler.options.optimization, PACKAGE_NAME, chunkName);
+        this.resolveDevOption(compiler.options.mode);
+        const carrierPattern = this.getCarrierPattern();
+        // The carrier stylesheet has no imports of its own, so force
+        // "sideEffects" to keep it from being tree shaken out of the graph.
+        compiler.hooks.normalModuleFactory.tap(plugin_shared_1.PLUGIN_NAME, nmf => {
+            nmf.hooks.createModule.tap(plugin_shared_1.PLUGIN_NAME, createData => {
                 const modPath = createData.matchResource ?? createData.resourceResolveData?.path;
-                if (modPath === constants_1.VIRTUAL_CSS_PATH) {
+                if (typeof modPath === 'string' && carrierPattern.test(modPath)) {
                     createData.settings ??= {};
                     createData.settings.sideEffects = true;
                 }
             });
         });
         const { Compilation, NormalModule, sources } = compiler.webpack;
-        const { RawSource, ConcatSource } = sources;
-        compiler.hooks.make.tap(constants_1.PLUGIN_NAME, compilation => {
+        const { RawSource } = sources;
+        compiler.hooks.make.tap(plugin_shared_1.PLUGIN_NAME, compilation => {
+            // Plugin options change the generated CSS without any module changing;
+            // mix them into chunk hashes so long-term caching notices.
+            compilation.hooks.chunkHash.tap(plugin_shared_1.PLUGIN_NAME, (_chunk, hash) => {
+                hash.update(this.buildChunkHashMeta(PACKAGE_NAME));
+            });
             // Apply loader to JS modules.
-            NormalModule.getCompilationHooks(compilation).loader.tap(constants_1.PLUGIN_NAME, (loaderContext, mod) => {
-                const extname = path_1.default.extname(mod.matchResource || mod.resource);
-                if (constants_1.INCLUDE_REGEXP.test(extname)) {
+            NormalModule.getCompilationHooks(compilation).loader.tap(plugin_shared_1.PLUGIN_NAME, (_loaderContext, mod) => {
+                // `resource`/`matchResource` may carry a resource query
+                // (`Button.tsx?raw`) that would defeat the extension checks below
+                const modResource = (mod.matchResource || mod.resource).split('?', 1)[0] ?? '';
+                const extname = path_1.default.extname(modResource);
+                if (plugin_shared_1.INCLUDE_REGEXP.test(extname)) {
                     // Add path filtering check, including the node_modules allowlist
-                    const shouldTransform = this.shouldProcessFile(mod.resource);
-                    if (!shouldTransform) {
-                        return; // Skip adding loader if filtered out
-                    }
-                    else {
-                        this.loaderOption.rsOptions.include = undefined;
-                        this.loaderOption.rsOptions.exclude = undefined;
+                    if (!this.shouldProcessFile(mod.resource.split('?', 1)[0] ?? '')) {
+                        return;
                     }
-                    loaderContext.StyleXWebpackContextKey = {
-                        registerStyleXRules: (resourcePath, stylexRules) => {
-                            this.stylexRules.set(resourcePath, stylexRules);
-                        },
-                    };
+                    // Webpack runs loaders in reverse order, so `push` makes the
+                    // stylex-loader run before anything else ('first').
                     const insertMethod = this.loaderOrder === 'last' ? 'unshift' : 'push';
                     mod.loaders[insertMethod]({
-                        loader: stylexLoaderPath,
+                        loader: plugin_shared_1.stylexLoaderPath,
                         options: this.loaderOption,
                         ident: null,
                         type: null,
                     });
                 }
-                if (constants_1.VIRTUAL_CSS_PATTERN.test(mod.matchResource || mod.resource)) {
+                else if (plugin_shared_1.VIRTUAL_STYLEX_CSS_DUMMY_IMPORT_PATTERN.test(modResource)) {
                     mod.loaders.push({
-                        loader: stylexVirtualLoaderPath,
+                        loader: plugin_shared_1.stylexVirtualCssLoaderPath,
                         options: {},
                         ident: null,
                         type: null,
                     });
                 }
             });
+            // webpack rule transport: buildInfo written by the stylex-loader is
+            // restored from the filesystem cache together with the module, so this
+            // also sees rules of modules whose loaders didn't re-run.
+            compilation.hooks.finishModules.tap(plugin_shared_1.PLUGIN_NAME, modules => {
+                this.collectFromBuildInfo(modules);
+                this.publishNextjsRegistry(compiler.context, compiler.name);
+            });
             compilation.hooks.processAssets.tapPromise({
-                name: constants_1.PLUGIN_NAME,
+                name: plugin_shared_1.PLUGIN_NAME,
                 stage: Compilation.PROCESS_ASSETS_STAGE_PRE_PROCESS,
             }, async (assets) => {
-                // on previous step, we create a "stylex" chunk to hold all virtual stylex css
-                // the chunk contains all css chunks generated by mini-css-extract-plugin
-                const stylexChunk = compilation.namedChunks.get(constants_1.STYLEX_CHUNK_NAME);
-                if (stylexChunk == null) {
-                    return;
-                }
-                // Collect stylex rules from module instead of self maintained map
-                if (this.loaderOption.nextjsMode) {
-                    const cssModulesInStylexChunk = compilation.chunkGraph.getChunkModulesIterableBySourceType(stylexChunk, 'css/mini-extract');
-                    // we only re-collect stylex rules if we can found css in the stylex chunk
-                    if (cssModulesInStylexChunk) {
-                        this.stylexRules.clear();
-                        for (const cssModule of cssModulesInStylexChunk) {
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            const stringifiedStylexRule = cssModule._identifier
-                                .split('!')
-                                .pop()
-                                ?.split('?')
-                                .pop();
-                            if (!stringifiedStylexRule) {
-                                continue;
-                            }
-                            const params = new URLSearchParams(stringifiedStylexRule);
-                            const stylex = params.get('stylex');
-                            if (stylex != null) {
-                                this.stylexRules.set(cssModule.identifier(), JSON.parse(stylex));
-                            }
-                        }
-                    }
-                }
-                // Let's find the css file that belongs to the stylex chunk
-                const cssAssetDetails = Object.entries(assets).filter(([assetName]) => stylexChunk.files.has(assetName) && assetName.endsWith('.css'));
-                if (cssAssetDetails.length === 0) {
-                    return;
-                }
-                if (cssAssetDetails.length > 1) {
-                    console.warn('[stylex-webpack] Multiple CSS assets found for the stylex chunk. This should not happen. Please report this issue.');
-                }
-                const stylexAsset = cssAssetDetails[0];
-                const stylexCSS = getStyleXRules(this.stylexRules, this.transformedOptions);
-                if (stylexCSS == null) {
-                    return;
-                }
-                const cssAsset = stylexAsset?.[0];
-                const finalCss = await this.transformCss(stylexCSS, cssAsset);
-                if (cssAsset) {
-                    compilation.updateAsset(cssAsset, source => new ConcatSource(source, new RawSource(finalCss)));
-                }
+                this.mergeNextjsRegistry(compiler.context, compiler.name);
+                await this.finalizeStylexAsset({
+                    assets,
+                    chunkName,
+                    compilerName: compiler.name,
+                    carrierHint: this.carrierCss
+                        ? `import '${this.carrierCss}'`
+                        : `import '${PACKAGE_NAME}/stylex.css'`,
+                    getNamedChunk: name => compilation.namedChunks.get(name),
+                    createSource: css => new RawSource(css),
+                    updateAsset: (name, source) => compilation.updateAsset(name, () => source, {
+                        minimized: false,
+                    }),
+                    // compilation warnings surface in stats and the dev overlay,
+                    // unlike the infrastructure logger
+                    warn: message => compilation.warnings.push(new compiler.webpack.WebpackError(`${PACKAGE_NAME}: ${message}`)),
+                });
             });
         });
     }
 }
 exports.default = StyleXPlugin;
-var shared_2 = require("./shared");
-Object.defineProperty(exports, "isAllowlistedPackage", { enumerable: true, get: function () { return shared_2.isAllowlistedPackage; } });
+exports.StyleXPlugin = StyleXPlugin;
+var plugin_shared_2 = require("@stylexswc/plugin-shared");
+Object.defineProperty(exports, "isAllowlistedPackage", { enumerable: true, get: function () { return plugin_shared_2.isAllowlistedPackage; } });
 // Skipped when `module.exports` is an ES module namespace (frozen, cannot be
 // reassigned) — the ESM exports above provide the same surface there
 if (typeof module !== 'undefined' &&
     Object.prototype.toString.call(module.exports) !== '[object Module]') {
     module.exports = StyleXPlugin;
     module.exports.default = StyleXPlugin;
-    module.exports.loader = stylexLoaderPath;
-    module.exports.virtualLoader = stylexVirtualLoaderPath;
-    module.exports.VIRTUAL_CSS_PATTERN = constants_1.VIRTUAL_CSS_PATTERN;
-    module.exports.STYLEX_CHUNK_NAME = constants_1.STYLEX_CHUNK_NAME;
-    module.exports.DEFAULT_STYLEX_PACKAGES = constants_1.DEFAULT_STYLEX_PACKAGES;
+    module.exports.StyleXPlugin = StyleXPlugin;
+    module.exports.loader = plugin_shared_1.stylexLoaderPath;
+    module.exports.virtualLoader = plugin_shared_1.stylexVirtualCssLoaderPath;
+    module.exports.VIRTUAL_CSS_PATTERN = plugin_shared_1.VIRTUAL_CSS_PATTERN;
+    module.exports.STYLEX_CHUNK_NAME = exports.STYLEX_CHUNK_NAME;
+    module.exports.DEFAULT_STYLEX_PACKAGES = plugin_shared_1.DEFAULT_STYLEX_PACKAGES;
+    module.exports.buildVirtualCssPattern = plugin_shared_1.buildVirtualCssPattern;
 }

package/dist/shared.d.ts

@@ -1,2 +1,7 @@
-export declare function isAllowlistedPackage(resourcePath: string, stylexPackages: string[]): boolean;
+/**
+ * @deprecated Import from `@stylexswc/plugin-shared` instead. This subpath
+ * re-export is kept for backwards compatibility and will be removed in a
+ * future release.
+ */
+export { isAllowlistedPackage } from '@stylexswc/plugin-shared';
 //# sourceMappingURL=shared.d.ts.map

package/dist/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,WAYlF"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/shared.js

@@ -1,15 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isAllowlistedPackage = isAllowlistedPackage;
-const path_1 = __importDefault(require("path"));
-function isAllowlistedPackage(resourcePath, stylexPackages) {
-    const nodeModulesSegment = `${path_1.default.sep}node_modules${path_1.default.sep}`;
-    const nodeModulesEntries = path_1.default.normalize(resourcePath).split(nodeModulesSegment).slice(1);
-    return stylexPackages.some(packageName => {
-        const normalizedPackageName = path_1.default.normalize(packageName).replace(/[\\/]$/, '');
-        return nodeModulesEntries.some(entry => entry === normalizedPackageName || entry.startsWith(`${normalizedPackageName}${path_1.default.sep}`));
-    });
-}
+exports.isAllowlistedPackage = void 0;
+/**
+ * @deprecated Import from `@stylexswc/plugin-shared` instead. This subpath
+ * re-export is kept for backwards compatibility and will be removed in a
+ * future release.
+ */
+var plugin_shared_1 = require("@stylexswc/plugin-shared");
+Object.defineProperty(exports, "isAllowlistedPackage", { enumerable: true, get: function () { return plugin_shared_1.isAllowlistedPackage; } });

package/dist/stylex.css

@@ -0,0 +1,10 @@
+/*
+ * StyleX carrier stylesheet - @stylexswc/webpack-plugin
+ *
+ * Import this file once at your application entrypoint:
+ *
+ *   import '@stylexswc/webpack-plugin/stylex.css';
+ *
+ * During the build the plugin replaces the emitted asset content with the
+ * extracted StyleX CSS.
+ */

package/package.json

@@ -1,10 +1,28 @@
 {
   "name": "@stylexswc/webpack-plugin",
   "description": "StyleX plugin for webpack powered by a Rust NAPI-RS/SWC compiler. Fast StyleX transforms and CSS extraction without Babel.",
-  "version": "0.17.1",
-  "private": false,
-  "license": "MIT",
-  "sideEffects": false,
+  "version": "0.17.2-dev.1",
+  "bugs": "https://github.com/Dwlad90/stylex-swc-plugin/issues",
+  "config": {
+    "scripty": {
+      "path": "../../scripts/packages"
+    }
+  },
+  "dependencies": {
+    "@stylexswc/plugin-shared": "0.17.2-dev.1"
+  },
+  "devDependencies": {
+    "@stylexjs/babel-plugin": "^0.19.0",
+    "@stylexjs/stylex": "^0.19.0",
+    "@stylexswc/eslint-config": "0.17.2-dev.1",
+    "@stylexswc/typescript-config": "0.17.2-dev.1",
+    "@types/node": "^26.1.0",
+    "css-loader": "^7.1.2",
+    "memfs": "^4.17.0",
+    "mini-css-extract-plugin": "^2.10.2",
+    "vitest": "^4.1.9",
+    "webpack": "^5.108.3"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -16,35 +34,12 @@
       "import": "./dist/shared.js",
       "require": "./dist/shared.js"
     },
+    "./stylex.css": "./dist/stylex.css",
     "./package.json": "./package.json"
   },
   "files": [
     "dist"
   ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "config": {
-    "scripty": {
-      "path": "../../scripts/packages"
-    }
-  },
-  "dependencies": {
-    "@stylexjs/babel-plugin": "^0.19.0",
-    "@stylexswc/rs-compiler": "0.17.1",
-    "loader-utils": "^3.3.1"
-  },
-  "devDependencies": {
-    "@stylexswc/eslint-config": "0.17.1",
-    "@stylexswc/typescript-config": "0.17.1",
-    "@types/loader-utils": "^3.0.0",
-    "@types/node": "^26.1.0",
-    "mini-css-extract-plugin": "^2.10.2",
-    "vitest": "^4.1.9",
-    "webpack": "^5.108.3"
-  },
-  "bugs": "https://github.com/Dwlad90/stylex-swc-plugin/issues",
   "homepage": "https://github.com/Dwlad90/stylex-swc-plugin/tree/develop/packages/webpack-plugin#readme",
   "keywords": [
     "atomic-css",
@@ -58,12 +53,21 @@
     "webpack",
     "webpack-plugin"
   ],
+  "license": "MIT",
   "main": "dist/index.js",
+  "private": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Dwlad90/stylex-swc-plugin.git",
     "directory": "packages/webpack-plugin"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "scripts": {
     "build": "scripty --ts",
     "check:artifacts": "scripty",
@@ -71,6 +75,7 @@
     "lint": "eslint . --color",
     "lint:check": "eslint . --color --format json --output-file dist/eslint_report.json",
     "postbuild": "pnpm run check:artifacts",
+    "prebuild": "pnpm run clean",
     "precommit": "lint-staged",
     "prepush": "lint-prepush",
     "test": "vitest run",

package/dist/constants.d.ts

@@ -1,12 +0,0 @@
-export declare const PLUGIN_NAME = "stylex";
-export declare const VIRTUAL_CSS_PATH: string;
-export declare const VIRTUAL_CSS_PATTERN: RegExp;
-export declare const STYLEX_CHUNK_NAME = "_stylex-webpack-generated";
-export declare const INCLUDE_REGEXP: RegExp;
-export declare const IS_DEV_ENV: boolean;
-/**
- * node_modules packages that ship untransformed StyleX source and must go
- * through the stylex-loader even though node_modules is excluded by default
- */
-export declare const DEFAULT_STYLEX_PACKAGES: string[];
-//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,WAAW,CAAC;AACpC,eAAO,MAAM,gBAAgB,QAA0C,CAAC;AACxE,eAAO,MAAM,mBAAmB,QAAyB,CAAC;AAC1D,eAAO,MAAM,iBAAiB,8BAA8B,CAAC;AAC7D,eAAO,MAAM,cAAc,QAAoB,CAAC;AAChD,eAAO,MAAM,UAAU,SAAyC,CAAC;AACjE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,UAAiB,CAAC"}

package/dist/constants.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_STYLEX_PACKAGES = exports.IS_DEV_ENV = exports.INCLUDE_REGEXP = exports.STYLEX_CHUNK_NAME = exports.VIRTUAL_CSS_PATTERN = exports.VIRTUAL_CSS_PATH = exports.PLUGIN_NAME = void 0;
-exports.PLUGIN_NAME = 'stylex';
-exports.VIRTUAL_CSS_PATH = require.resolve('./stylex.virtual.css');
-exports.VIRTUAL_CSS_PATTERN = /stylex\.virtual\.css/;
-exports.STYLEX_CHUNK_NAME = '_stylex-webpack-generated';
-exports.INCLUDE_REGEXP = /\.[cm]?[jt]sx?$/;
-exports.IS_DEV_ENV = process.env.NODE_ENV === 'development';
-/**
- * node_modules packages that ship untransformed StyleX source and must go
- * through the stylex-loader even though node_modules is excluded by default
- */
-exports.DEFAULT_STYLEX_PACKAGES = ['@stylexjs/'];

package/dist/stylex-loader.d.ts

@@ -1,5 +0,0 @@
-import { LoaderInterpolateOption } from 'loader-utils';
-import type { InputCode, SourceMap, StyleXWebpackLoaderOptions } from './types';
-import type { LoaderContext } from 'webpack';
-export default function stylexLoader(this: LoaderContext<LoaderInterpolateOption & StyleXWebpackLoaderOptions>, inputCode: InputCode, inputSourceMap: SourceMap): Promise<void>;
-//# sourceMappingURL=stylex-loader.d.ts.map

package/dist/stylex-loader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stylex-loader.d.ts","sourceRoot":"","sources":["../src/stylex-loader.ts"],"names":[],"mappings":"AACA,OAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,wBAA8B,YAAY,CACxC,IAAI,EAAE,aAAa,CAAC,uBAAuB,GAAG,0BAA0B,CAAC,EACzE,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,SAAS,iBA2G1B"}

package/dist/stylex-loader.js

@@ -1,77 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = stylexLoader;
-const constants_1 = require("./constants");
-const loader_utils_1 = __importDefault(require("loader-utils"));
-const utils_1 = require("./utils");
-const skipWarnRegex = /empty|client-only/;
-async function stylexLoader(inputCode, inputSourceMap) {
-    const callback = this.async();
-    const { stylexImports, rsOptions, nextjsMode, extractCSS = true } = this.getOptions();
-    const logger = this._compiler?.getInfrastructureLogger(constants_1.PLUGIN_NAME);
-    if (!inputCode) {
-        if (!skipWarnRegex.test(this.resourcePath)) {
-            logger?.warn(`@stylexswc/webpack-plugin: inputCode is empty for resource ${this.resourcePath}`);
-        }
-        return callback(null, inputCode, inputSourceMap);
-    }
-    const stringifiedInputCode = typeof inputCode === 'string' ? inputCode : inputCode.toString();
-    // bail out early if the input doesn't contain stylex imports
-    if (!stylexImports?.some(importName => typeof importName === 'string'
-        ? stringifiedInputCode.includes(importName)
-        : stringifiedInputCode.includes(importName.as) ||
-            stringifiedInputCode.includes(importName.from))) {
-        return callback(null, stringifiedInputCode, inputSourceMap);
-    }
-    if (!(0, utils_1.isSupplementedLoaderContext)(this)) {
-        return callback(new Error('stylex-loader: loader context is not SupplementedLoaderContext!'));
-    }
-    try {
-        const { code, map, metadata } = (0, utils_1.generateStyleXOutput)(this.resourcePath, stringifiedInputCode, rsOptions, inputSourceMap);
-        let parsedMap = undefined;
-        if (map) {
-            try {
-                parsedMap = typeof map === 'string' ? JSON.parse(map) : map;
-            }
-            catch (error) {
-                logger?.warn(`@stylexswc/webpack-plugin: failed to parse map for resource ${this.resourcePath}: ${error.message}`);
-            }
-        }
-        // If metadata.stylex doesn't exist at all, we only need to return the transformed code
-        if (!extractCSS ||
-            !metadata ||
-            !('stylex' in metadata) ||
-            metadata.stylex == null ||
-            !metadata.stylex.length) {
-            if (extractCSS)
-                logger?.debug(`No stylex styles generated from ${this.resourcePath}`);
-            return callback(null, code, parsedMap);
-        }
-        logger?.debug(`Read stylex styles from ${this.resourcePath}:`, metadata.stylex);
-        this.StyleXWebpackContextKey.registerStyleXRules(this.resourcePath, metadata.stylex);
-        const serializedStyleXRules = JSON.stringify(metadata.stylex);
-        const urlParams = new URLSearchParams({
-            from: this.resourcePath,
-            stylex: serializedStyleXRules,
-        });
-        if (!nextjsMode) {
-            // Normal webpack mode
-            // We generate a virtual css file that looks like it is relative to the source
-            const virtualFileName = loader_utils_1.default.interpolateName(this, '[path][name].[hash:base64:8].stylex.virtual.css', { content: serializedStyleXRules });
-            const virtualCssRequest = (0, utils_1.stringifyRequest)(this, `${virtualFileName}!=!${constants_1.VIRTUAL_CSS_PATH}?${urlParams.toString()}`);
-            const postfix = `\nimport ${virtualCssRequest};`;
-            return callback(null, code + postfix, parsedMap);
-        }
-        // Next.js App Router doesn't support inline matchResource and inline loaders
-        // So we adapt Next.js' "external" css import approach instead
-        const virtualCssRequest = (0, utils_1.stringifyRequest)(this, `${constants_1.VIRTUAL_CSS_PATH}?${urlParams.toString()}`);
-        const postfix = `\nimport ${virtualCssRequest};`;
-        return callback(null, code + postfix, parsedMap);
-    }
-    catch (error) {
-        return callback(error);
-    }
-}

package/dist/stylex-virtual-css-loader.d.ts

@@ -1,4 +0,0 @@
-import type webpack from 'webpack';
-import { InputCode, SourceMap } from './types';
-export default function (this: webpack.LoaderContext<unknown>, inputCode: InputCode, inputSourceMap?: SourceMap): void;
-//# sourceMappingURL=stylex-virtual-css-loader.d.ts.map

package/dist/stylex-virtual-css-loader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stylex-virtual-css-loader.d.ts","sourceRoot":"","sources":["../src/stylex-virtual-css-loader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,OAAO,WACZ,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,CAAC,EAAE,SAAS,QA4C3B"}

package/dist/stylex-virtual-css-loader.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const loader_utils_1 = require("loader-utils");
-function default_1(inputCode, inputSourceMap) {
-    const callback = this.async();
-    const data = new URLSearchParams(this.resourceQuery.slice(1));
-    try {
-        const stylex = data.get('stylex');
-        if (stylex == null) {
-            callback(null, inputCode, inputSourceMap);
-            return;
-        }
-        const isProd = this._compiler?.options.mode === 'production';
-        // If we got stylex in the virtual css import, we need to disable the cache
-        // to fix HMR and Next.js navigation
-        this.cacheable(isProd);
-        if (isProd) {
-            // In production, we don't need to generate dummy css
-            return callback(null, '');
-        }
-        // https://github.com/webpack/loader-utils?tab=readme-ov-file#interpolatename
-        const hash = (0, loader_utils_1.getHashDigest)(Buffer.from(stylex), 'xxhash64', 'base62', 32);
-        const css = `
-    /*
-     * Temporary CSS placeholder - @stylexswc/webpack-plugin
-     * This will be replaced with actual CSS during asset injection
-     *
-     * StyleX Bundle ID: ${hash}
-     * Generated Rules:
-     * ${JSON.stringify(JSON.parse(stylex), null, 4)}
-     *
-     * Note: This content is for development reference only
-     */
-    `;
-        callback(null, css);
-    }
-    catch (e) {
-        callback(e);
-    }
-}

package/dist/stylex.virtual.css

@@ -1,9 +0,0 @@
-/*
- * Virtual placeholder file for StyleX CSS extraction
- *
- * Webpack requires physical files on disk for virtual sources.
- * This empty file serves as the target for extracted CSS.
- *
- * Note: Filename "stylex.virtual.css" is intentionally chosen
- * to avoid conflicts with other loaders.
- */

package/dist/types.d.ts

@@ -1,100 +0,0 @@
-import type { StyleXOptions, UseLayersType } from '@stylexswc/rs-compiler';
-import type { LoaderContext } from 'webpack';
-import type webpack from 'webpack';
-import type { RegisterStyleXRules } from '.';
-export type CacheGroupOptions = NonNullable<Exclude<Exclude<webpack.Configuration['optimization'], undefined>['splitChunks'], undefined | false>['cacheGroups']>[string];
-type AsyncFnParams = Parameters<ReturnType<LoaderContext<unknown>['async']>>;
-export type InputCode = AsyncFnParams['1'];
-export type SourceMap = AsyncFnParams['2'];
-export type CSSTransformer = (_css: string, _filePath: string | undefined) => string | Buffer | Promise<string | Buffer>;
-export interface StyleXPluginOption {
-    /**
-     * stylex options passed to stylex babel plugin
-     *
-     * @see https://stylexjs.com/docs/api/configuration/babel-plugin/
-     */
-    rsOptions?: Partial<StyleXOptions>;
-    /**
-     * Specify where stylex will be imported from
-     *
-     * @default ['stylex', '@stylexjs/stylex']
-     */
-    stylexImports?: StyleXOptions['importSources'];
-    /**
-     * Whether to use CSS layers
-     *
-     * @default false
-     */
-    useCSSLayers?: UseLayersType;
-    /**
-     * Next.js Mode
-     *
-     * @default false
-     */
-    nextjsMode?: boolean;
-    /**
-     * Enable other CSS transformation
-     *
-     * Since @stylexswc/webpack-plugin only inject CSS after all loaders, you can not use postcss-loader.
-     * With this you can incovate `postcss()` here.
-     */
-    transformCss?: CSSTransformer;
-    /**
-     * Whether to extract CSS
-     *
-     * @default true
-     */
-    extractCSS?: boolean;
-    /**
-     * Loader execution order
-     *
-     * Determines when the StyleX transformation is applied relative to other webpack loaders:
-     * - 'first': StyleX processes source code before any other loaders (recommended)
-     * - 'last': StyleX processes after all other loaders have run
-     *
-     * @default 'first'
-     */
-    loaderOrder?: 'first' | 'last';
-    /**
-     * Customizes the cache group configuration for extracted CSS chunks.
-     *
-     * Allows you to override or extend the default webpack `splitChunks.cacheGroups` settings
-     * for CSS generated by StyleX. This can be used to control how CSS is split into separate
-     * files, optimize caching, or group styles according to your application's needs.
-     *
-     * @see https://webpack.js.org/plugins/split-chunks-plugin/#splitchunkscachegroups
-     */
-    cacheGroup?: CacheGroupOptions;
-    /**
-     * node_modules packages that must be processed by the stylex-loader.
-     *
-     * By default, node_modules is excluded even if a module imports StyleX, so
-     * only source that ships already-untransformed StyleX (e.g. component
-     * libraries) needs to opt in here. List path fragments (e.g. '@stylexjs/',
-     * 'my-design-system') for packages that ship untransformed StyleX source.
-     *
-     * @default ['@stylexjs/']
-     */
-    stylexPackages?: string[];
-}
-export type StyleXWebpackLoaderOptions = {
-    stylexImports: StyleXOptions['importSources'];
-    rsOptions: Partial<StyleXOptions>;
-    nextjsMode: boolean;
-    extractCSS?: boolean;
-};
-export type SupplementedLoaderContext<Options = unknown> = webpack.LoaderContext<Options> & {
-    StyleXWebpackContextKey: {
-        registerStyleXRules: RegisterStyleXRules;
-    };
-};
-export type SWCPluginRule = {
-    class_name: string;
-    style: {
-        ltr: string;
-        rtl?: null | string;
-    };
-    priority: number;
-};
-export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,WAAW,CACzC,OAAO,CACL,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC,aAAa,CAAC,EACxE,SAAS,GAAG,KAAK,CAClB,CAAC,aAAa,CAAC,CACjB,CAAC,MAAM,CAAC,CAAC;AAEV,KAAK,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,CAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,SAAS,KAC1B,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,OAAO,GAAG,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG;IAC1F,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,mBAAmB,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils.d.ts

@@ -1,7 +0,0 @@
-import type webpack from 'webpack';
-import type { SourceMap, SupplementedLoaderContext } from './types';
-import type { StyleXOptions, StyleXTransformResult } from '@stylexswc/rs-compiler';
-export declare function stringifyRequest(loaderContext: webpack.LoaderContext<unknown>, request: string): string;
-export declare const isSupplementedLoaderContext: <T>(context: webpack.LoaderContext<T>) => context is SupplementedLoaderContext<T>;
-export declare function generateStyleXOutput(resourcePath: string, inputSource: string, rsOptions: Partial<StyleXOptions>, inputSourceMap?: SourceMap): StyleXTransformResult;
-//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,UAI9F;AAED,eAAO,MAAM,2BAA2B,GAAI,CAAC,EAC3C,SAAS,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,KAChC,OAAO,IAAI,yBAAyB,CAAC,CAAC,CAExC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EACjC,cAAc,CAAC,EAAE,SAAS,GACzB,qBAAqB,CAYvB"}

package/dist/utils.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSupplementedLoaderContext = void 0;
-exports.stringifyRequest = stringifyRequest;
-exports.generateStyleXOutput = generateStyleXOutput;
-const rs_compiler_1 = require("@stylexswc/rs-compiler");
-function stringifyRequest(loaderContext, request) {
-    return JSON.stringify(loaderContext.utils.contextify(loaderContext.context || loaderContext.rootContext, request));
-}
-const isSupplementedLoaderContext = (context) => {
-    return Object.prototype.hasOwnProperty.call(context, 'StyleXWebpackContextKey');
-};
-exports.isSupplementedLoaderContext = isSupplementedLoaderContext;
-function generateStyleXOutput(resourcePath, inputSource, rsOptions, inputSourceMap) {
-    const options = (0, rs_compiler_1.normalizeRsOptions)(rsOptions ?? {});
-    // Forward the previous loader's source map so debug source-map annotations
-    // and the emitted map resolve to the original authored file instead of the
-    // (possibly already transformed) loader input.
-    if (inputSourceMap != null && options.inputSourceMap === undefined) {
-        options.inputSourceMap =
-            typeof inputSourceMap === 'string' ? inputSourceMap : JSON.stringify(inputSourceMap);
-    }
-    return (0, rs_compiler_1.transform)(resourcePath, inputSource, options);
-}