uniwind-plugin-next 1.1.2 → 1.3.0

package/dist/index.mjs

@@ -1,341 +1,13 @@
-import { n as __require } from "./chunk-3qlvafw2.mjs";
-import webpack from "webpack";
-import path from "path";
-import fs from "fs";
-import { compile } from "@tailwindcss/node";
-import { transform } from "lightningcss";
+import { withUniwindBase } from "./webpack/withUniwindBase.mjs";
 
-//#region src/webpack/uniwind/src/utils/common.ts
-const uniq = (arr) => Array.from(new Set(arr));
-
-//#endregion
-//#region src/webpack/patchFsForWritingUniwindCSSFile.ts
-const uniwindDir = path.dirname(__require.resolve("uniwind/package.json"));
-/**
-* The contents of the `css` directory is copied direct from the uniwind source code. This makes it easier to keep it in
-* sync with the upstream uniwind package, so we purposefully avoid modifying any code in `css`.
-*
-* However, we do need to patch `buildCSS()` to output the generated `uniwind.css` file into the `uniwind` package directory
-* within node_modules. To do this we temporarily patch `fs.writeFileSync` to redirect all writes of `uniwind.css` to the
-* correct location.
-*
-* Usage:
-* ```ts
-* const unpatchFs = patchFs();
-* await buildCSS(themes, cssEntryFile);
-* unpatchFs();
-*/
-function patchFsForWritingUniwindCSSFile() {
-	const originalWriteFileSync = fs.writeFileSync;
-	fs.writeFileSync = function(_path, data, options) {
-		let newPath = _path;
-		if (typeof newPath === "string" && newPath.endsWith("uniwind.css")) newPath = path.join(uniwindDir, "uniwind.css");
-		return originalWriteFileSync.call(fs, newPath, data, options);
-	};
-	return function unpatchFs() {
-		fs.writeFileSync = originalWriteFileSync;
-	};
-}
-
-//#endregion
-//#region src/webpack/uniwind/src/css/insets.ts
-const types = ["m", "p"];
-const sides = [
-	"",
-	"x",
-	"y",
-	"t",
-	"b",
-	"l",
-	"r"
-];
-const spacing = "--spacing(--value(integer))";
-const length = "--value([length])";
-const generateCSSForInsets = () => {
-	let css = `@utility h-screen-safe {
-    height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));
-}\n`;
-	const getInsetsForSide = (side) => {
-		switch (side) {
-			case "t": return ["top"];
-			case "b": return ["bottom"];
-			case "l": return ["left"];
-			case "r": return ["right"];
-			case "x": return ["left", "right"];
-			case "y": return ["top", "bottom"];
-			default: return [
-				"top",
-				"bottom",
-				"left",
-				"right"
-			];
-		}
-	};
-	types.forEach((type) => {
-		sides.forEach((side) => {
-			const styleName = type === "m" ? "margin" : "padding";
-			const styles = getInsetsForSide(side).map((inset) => `${styleName}-${inset}: env(safe-area-inset-${inset});`);
-			const safeStyles = styles.flatMap((style) => {
-				const styleWithoutSemicolon = style.replace(";", "");
-				return [styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: max(${env}, ${spacing});`), styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: max(${env}, ${length});`)];
-			});
-			const safeOffsetStyles = styles.flatMap((style) => {
-				const styleWithoutSemicolon = style.replace(";", "");
-				return [styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: calc(${env} + ${spacing});`), styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: calc(${env} + ${length});`)];
-			});
-			css += `
-                @utility ${type}${side}-safe {
-                    ${styles.join("\n    ")}
-                }
-                
-                @utility ${type}${side}-safe-or-* {
-                    ${safeStyles.join("\n    ")}
-                }
-                
-                @utility ${type}${side}-safe-offset-* {
-                    ${safeOffsetStyles.join("\n    ")}
-                }
-            `;
-		});
-	});
-	return css.replaceAll("        ", "").trim() + "\n";
-};
-
-//#endregion
-//#region src/webpack/uniwind/src/metro/logger.ts
-const red = "\x1B[91m";
-const yellow = "\x1B[33m";
-const blue = "\x1B[36m";
-const reset = "\x1B[0m";
-var Logger = class Logger {
-	static {
-		this.debug = false;
-	}
-	constructor(name$1) {
-		this.name = name$1;
-	}
-	static log(message, meta = "") {
-		if (!Logger.debug) return;
-		console.log(`${blue}Uniwind ${meta}- ${message}${reset}`);
-	}
-	static error(message, meta = "") {
-		console.log(`${red}Uniwind Error ${meta}- ${message}${reset}`);
-	}
-	static warn(message, meta = "") {
-		if (!Logger.debug) return;
-		console.log(`${yellow}Uniwind Warning ${meta}- ${message}${reset}`);
-	}
-	log(message) {
-		Logger.log(message, `[${this.name} Processor] `);
-	}
-	error(message) {
-		Logger.error(message, `[${this.name} Processor] `);
-	}
-	warn(message) {
-		Logger.warn(message, `[${this.name} Processor] `);
-	}
-};
-
-//#endregion
-//#region src/webpack/uniwind/src/css/themes.ts
-const readFileSafe = (filePath) => {
-	try {
-		return fs.readFileSync(filePath, "utf-8");
-	} catch {
-		return null;
-	}
-};
-const isExcludedDependency = (url) => [
-	url.includes("node_modules/tailwindcss"),
-	url.includes("node_modules/@tailwindcss"),
-	url.includes("node_modules/uniwind")
-].some(Boolean);
-const generateCSSForThemes = async (themes, input) => {
-	const themesVariables = Object.fromEntries(themes.map((theme) => [theme, /* @__PURE__ */ new Set()]));
-	const findVariantsRec = async (cssPath) => {
-		const css = readFileSafe(cssPath);
-		if (css === null) return;
-		const { dependencies } = transform({
-			code: Buffer.from(css),
-			filename: "uniwind.css",
-			analyzeDependencies: true,
-			visitor: { Rule: (rule) => {
-				if (rule.type === "unknown" && rule.value.name === "variant") {
-					const [firstPrelude] = rule.value.prelude;
-					if (firstPrelude?.type !== "token" || firstPrelude.value.type !== "ident" || !themes.includes(firstPrelude.value.value)) return;
-					const theme = firstPrelude.value.value;
-					rule.value.block?.forEach((block) => {
-						if (block.type === "dashed-ident") themesVariables[theme]?.add(block.value);
-					});
-				}
-			} }
-		});
-		if (!Array.isArray(dependencies)) return;
-		const importUrls = /* @__PURE__ */ new Set();
-		await compile(dependencies.filter((dependency) => {
-			if (dependency.url.startsWith(".")) {
-				importUrls.add(path.resolve(path.dirname(cssPath), dependency.url));
-				return false;
-			}
-			return !isExcludedDependency(dependency.url);
-		}).map((dependency) => `@import "${dependency.url}";`).join("\n"), {
-			base: path.resolve(path.dirname(cssPath)),
-			onDependency: (dependency) => {
-				if (isExcludedDependency(dependency)) return;
-				importUrls.add(dependency);
-			}
-		});
-		for (const filePath of importUrls) await findVariantsRec(filePath);
-	};
-	await findVariantsRec(input);
-	let hasErrors = false;
-	const hasVariables = Object.values(themesVariables).some((variables) => variables.size > 0);
-	Object.values(themesVariables).forEach((variables) => {
-		Object.entries(themesVariables).forEach(([checkedTheme, checkedVariables]) => {
-			variables.forEach((variable) => {
-				if (!checkedVariables.has(variable)) {
-					Logger.error(`Theme ${checkedTheme} is missing variable ${variable}`);
-					hasErrors = true;
-				}
-			});
-		});
-	});
-	if (hasErrors) Logger.error("All themes must have the same variables");
-	const variablesCSS = hasVariables ? [
-		"",
-		"@theme {",
-		...Array.from(Object.values(themesVariables).at(0) ?? []).map((variable) => `    ${variable}: unset;`),
-		"}"
-	] : [];
-	return [...themes.map((theme) => `@custom-variant ${theme} (&:where(.${theme}, .${theme} *));`), ...variablesCSS].join("\n");
-};
-
-//#endregion
-//#region src/webpack/uniwind/src/css/variants.ts
-const variants = [
-	"ios",
-	"android",
-	"web",
-	"native"
-];
-const generateCSSForVariants = () => {
-	let css = "";
-	variants.forEach((variant) => {
-		css += `@custom-variant ${variant} (${variant === "web" ? "html &" : `@media ${variant}`});\n`;
-	});
-	return css;
-};
-
-//#endregion
-//#region src/webpack/uniwind/src/css/index.ts
-const dirname$1 = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
-const buildCSS = async (themes, input) => {
-	const variants$1 = generateCSSForVariants();
-	const insets = generateCSSForInsets();
-	const themesCSS = await generateCSSForThemes(themes, input);
-	const cssFile = path.join(dirname$1, "../../uniwind.css");
-	if ((fs.existsSync(cssFile) ? fs.readFileSync(cssFile, "utf-8") : "") === cssFile) return;
-	fs.writeFileSync(cssFile, [
-		variants$1,
-		insets,
-		themesCSS
-	].join("\n"));
-};
-
-//#endregion
-//#region src/webpack/uniwind/package.json
-var name = "uniwind";
-
-//#endregion
-//#region src/webpack/uniwind/src/utils/buildDtsFile.ts
-const buildDtsFile = (dtsPath, stringifiedThemes) => {
-	const oldDtsContent = fs.existsSync(dtsPath) ? fs.readFileSync(dtsPath, "utf-8") : "";
-	const dtsContent = [
-		`// NOTE: This file is generated by ${name} and it should not be edited manually.`,
-		`/// <reference types="${name}/types" />`,
-		"",
-		`declare module '${name}' {`,
-		`    export interface UniwindConfig {`,
-		`        themes: readonly ${stringifiedThemes}`,
-		`    }`,
-		`}`,
-		"",
-		`export {}`,
-		""
-	].join("\n");
-	if (oldDtsContent === dtsContent) return;
-	fs.writeFileSync(dtsPath, dtsContent);
-};
-
-//#endregion
-//#region src/webpack/uniwind/src/utils/stringifyThemes.ts
-const stringifyThemes = (themes = []) => `[${themes.map((theme) => `'${theme}'`).join(", ")}]`;
-
-//#endregion
-//#region src/webpack/UniwindWebpackPlugin.ts
-const dirname = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
-var UniwindWebpackPlugin = class {
-	constructor({ cssEntryFile, extraThemes = [], dtsFile = "uniwind-types.d.ts" }) {
-		this.hasRun = false;
-		this.themes = uniq([
-			"light",
-			"dark",
-			...extraThemes ?? []
-		]);
-		this.dtsFile = dtsFile;
-		this.cssEntryFile = cssEntryFile;
-	}
-	apply(compiler) {
-		compiler.hooks.beforeCompile.tapPromise("UniwindWebpackPlugin", async () => {
-			if (this.hasRun) return;
-			this.hasRun = true;
-			const removePatch = patchFsForWritingUniwindCSSFile();
-			await buildCSS(this.themes, this.cssEntryFile);
-			removePatch();
-			buildDtsFile(this.dtsFile, stringifyThemes(this.themes));
-		});
-		compiler.options.module = compiler.options.module || { rules: [] };
-		compiler.options.module.rules.push({
-			test: /config\.c?js$/,
-			include: /uniwind[\/\\]dist/,
-			use: [{
-				loader: path.resolve(dirname, "configInjectionLoader.js"),
-				options: { stringifiedThemes: stringifyThemes(this.themes) }
-			}]
-		});
-		compiler.options.module.rules.push({
-			test: /\.js$/,
-			exclude: /index\.js$/,
-			include: /uniwind[\/\\]dist[\/\\]module[\/\\]components[\/\\]web/,
-			use: [{ loader: path.resolve(dirname, "clientDirectiveLoader.js") }]
-		});
-	}
-};
-
-//#endregion
-//#region src/webpack/withUniwind.ts
-const { NormalModuleReplacementPlugin } = webpack;
+//#region src/index.ts
 function withUniwind(nextConfig = {}, uniwindConfig) {
-	return {
-		...nextConfig,
-		transpilePackages: uniq([
-			...nextConfig.transpilePackages || [],
-			"uniwind",
-			"react-native",
-			"react-native-web"
-		]),
-		webpack(config, options) {
-			if (!config.plugins) config.plugins = [];
-			config.plugins.push(new NormalModuleReplacementPlugin(/^react-native$/, (resource) => {
-				if ((resource.context || "").includes(`${path.sep}uniwind${path.sep}dist${path.sep}module${path.sep}components${path.sep}web`)) resource.request = "react-native-web";
-				else resource.request = "uniwind/components/index";
-			}));
-			config.plugins.push(new UniwindWebpackPlugin(uniwindConfig));
-			if (typeof nextConfig.webpack === "function") return nextConfig.webpack(config, options);
-			return config;
-		}
-	};
+	return withUniwindBase("uniwind", nextConfig, uniwindConfig);
+}
+function withUniwindPro(nextConfig = {}, uniwindConfig) {
+	return withUniwindBase("uniwind-pro", nextConfig, uniwindConfig);
 }
 
 //#endregion
-export { withUniwind };
+export { withUniwind, withUniwindPro };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { UniwindConfig } from \"./webpack/types\";\nimport { withUniwindBase } from \"./webpack/withUniwindBase\";\n\nexport function withUniwind(\n  nextConfig: any = {},\n  uniwindConfig: UniwindConfig,\n): any {\n  return withUniwindBase(\"uniwind\", nextConfig, uniwindConfig);\n}\n\nexport function withUniwindPro(\n  nextConfig: any = {},\n  uniwindConfig: UniwindConfig,\n): any {\n  return withUniwindBase(\"uniwind-pro\", nextConfig, uniwindConfig);\n}\n"],"mappings":";;;AAGA,SAAgB,YACd,aAAkB,EAAE,EACpB,eACK;AACL,QAAO,gBAAgB,WAAW,YAAY,cAAc;;AAG9D,SAAgB,eACd,aAAkB,EAAE,EACpB,eACK;AACL,QAAO,gBAAgB,eAAe,YAAY,cAAc"}

package/dist/postcss/index.cjs

@@ -1,6 +1,6 @@
 
 //#region src/postcss/index.ts
-module.exports = () => {
+function UniwindPluginNext() {
 	return {
 		postcssPlugin: "uniwind-plugin-next",
 		Once(root) {
@@ -9,9 +9,13 @@ module.exports = () => {
 				decl.value = decl.value.replace(/fontScale\(([^)]+)\)/g, "calc($1 * 1rem)");
 				decl.value = decl.value.replace(/hairlineWidth\(\)/g, "1px");
 			});
+			root.walkAtRules("import", (rule) => {
+				if (rule.params.replace(/['"]/g, "") === "uniwind") rule.params = "\"uniwind-plugin-next/css\"";
+			});
 		}
 	};
-};
-module.exports.postcss = true;
+}
+UniwindPluginNext.postcss = true;
 
-//#endregion
+//#endregion
+module.exports = UniwindPluginNext;

package/dist/postcss/index.d.cts

@@ -1 +1,10 @@
-export { };
+//#region src/postcss/index.d.ts
+declare function UniwindPluginNext(): {
+  postcssPlugin: string;
+  Once(root: any): void;
+};
+declare namespace UniwindPluginNext {
+  var postcss: boolean;
+}
+export = UniwindPluginNext;
+//# sourceMappingURL=index.d.cts.map

package/dist/postcss/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/postcss/index.ts"],"sourcesContent":[],"mappings":";iBAAwB,iBAAA,CAAA;EAAA,aAAA,EAAA,MAAiB;EAAjB,IAAA,CAAA,IAAA,EAAA,GAAA,CAAA,EAAA,IAAiB;;kBAAjB,iBAAA"}

package/dist/postcss/index.d.mts

@@ -1 +1,11 @@
-export { };
+//#region src/postcss/index.d.ts
+declare function UniwindPluginNext(): {
+  postcssPlugin: string;
+  Once(root: any): void;
+};
+declare namespace UniwindPluginNext {
+  var postcss: boolean;
+}
+//#endregion
+export { UniwindPluginNext as default };
+//# sourceMappingURL=index.d.mts.map

package/dist/postcss/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/postcss/index.ts"],"sourcesContent":[],"mappings":";iBAAwB,iBAAA,CAAA;EAAA,aAAA,EAAA,MAAiB;EAAjB,IAAA,CAAA,IAAA,EAAA,GAAA,CAAA,EAAA,IAAiB;;kBAAjB,iBAAA"}

package/dist/postcss/index.mjs

@@ -1,23 +1,21 @@
-import { t as __commonJSMin } from "../chunk-3qlvafw2.mjs";
-
 //#region src/postcss/index.ts
-var require_postcss = /* @__PURE__ */ __commonJSMin(((exports, module) => {
-	module.exports = () => {
-		return {
-			postcssPlugin: "uniwind-plugin-next",
-			Once(root) {
-				root.walkDecls((decl) => {
-					decl.value = decl.value.replace(/pixelRatio\(([^)]+)\)/g, "calc($1 * 1px)");
-					decl.value = decl.value.replace(/fontScale\(([^)]+)\)/g, "calc($1 * 1rem)");
-					decl.value = decl.value.replace(/hairlineWidth\(\)/g, "1px");
-				});
-			}
-		};
+function UniwindPluginNext() {
+	return {
+		postcssPlugin: "uniwind-plugin-next",
+		Once(root) {
+			root.walkDecls((decl) => {
+				decl.value = decl.value.replace(/pixelRatio\(([^)]+)\)/g, "calc($1 * 1px)");
+				decl.value = decl.value.replace(/fontScale\(([^)]+)\)/g, "calc($1 * 1rem)");
+				decl.value = decl.value.replace(/hairlineWidth\(\)/g, "1px");
+			});
+			root.walkAtRules("import", (rule) => {
+				if (rule.params.replace(/['"]/g, "") === "uniwind") rule.params = "\"uniwind-plugin-next/css\"";
+			});
+		}
 	};
-	module.exports.postcss = true;
-}));
+}
+UniwindPluginNext.postcss = true;
 
 //#endregion
-export default require_postcss();
-
-export {  };
+export { UniwindPluginNext as default };
+//# sourceMappingURL=index.mjs.map

package/dist/postcss/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/postcss/index.ts"],"sourcesContent":["export default function UniwindPluginNext() {\n  return {\n    postcssPlugin: \"uniwind-plugin-next\",\n    Once(root: any) {\n      root.walkDecls((decl: any) => {\n        // Transform pixelRatio(X) → calc(X * 1px)\n        decl.value = decl.value.replace(\n          /pixelRatio\\(([^)]+)\\)/g,\n          \"calc($1 * 1px)\",\n        );\n        // Transform fontScale(X) → calc(X * 1rem)\n        decl.value = decl.value.replace(\n          /fontScale\\(([^)]+)\\)/g,\n          \"calc($1 * 1rem)\",\n        );\n        // Transform hairlineWidth() → 1px\n        decl.value = decl.value.replace(/hairlineWidth\\(\\)/g, \"1px\");\n      });\n      // Replace `@import 'uniwind'` with `@import 'uniwind-plugin-next'`\n      root.walkAtRules(\"import\", (rule: any) => {\n        const importPath = rule.params.replace(/['\"]/g, \"\");\n\n        if (importPath === \"uniwind\") {\n          rule.params = '\"uniwind-plugin-next/css\"';\n        }\n      });\n    },\n  };\n}\n\nUniwindPluginNext.postcss = true;\n"],"mappings":";AAAA,SAAwB,oBAAoB;AAC1C,QAAO;EACL,eAAe;EACf,KAAK,MAAW;AACd,QAAK,WAAW,SAAc;AAE5B,SAAK,QAAQ,KAAK,MAAM,QACtB,0BACA,iBACD;AAED,SAAK,QAAQ,KAAK,MAAM,QACtB,yBACA,kBACD;AAED,SAAK,QAAQ,KAAK,MAAM,QAAQ,sBAAsB,MAAM;KAC5D;AAEF,QAAK,YAAY,WAAW,SAAc;AAGxC,QAFmB,KAAK,OAAO,QAAQ,SAAS,GAAG,KAEhC,UACjB,MAAK,SAAS;KAEhB;;EAEL;;AAGH,kBAAkB,UAAU"}

package/dist/webpack/UniwindWebpackPlugin.cjs

@@ -0,0 +1,49 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_index = require('./uniwind/src/css/index.cjs');
+const require_buildDtsFile = require('./uniwind/src/utils/buildDtsFile.cjs');
+const require_stringifyThemes = require('./uniwind/src/utils/stringifyThemes.cjs');
+const require_util = require('./util.cjs');
+let path = require("path");
+path = require_rolldown_runtime.__toESM(path);
+
+//#region src/webpack/UniwindWebpackPlugin.ts
+const dirname = typeof __dirname !== "undefined" ? __dirname : __dirname;
+var UniwindWebpackPlugin = class {
+	constructor(packageName, { cssEntryFile, extraThemes = [], dtsFile = "uniwind-types.d.ts" }) {
+		this.packageName = packageName;
+		this.hasRun = false;
+		this.themes = require_util.uniq([
+			"light",
+			"dark",
+			...extraThemes ?? []
+		]);
+		this.dtsFile = dtsFile;
+		this.cssEntryFile = cssEntryFile;
+	}
+	apply(compiler) {
+		compiler.hooks.beforeCompile.tapPromise("UniwindWebpackPlugin", async () => {
+			if (this.hasRun) return;
+			this.hasRun = true;
+			await require_index.buildCSS(this.themes, this.cssEntryFile);
+			require_buildDtsFile.buildDtsFile(this.dtsFile, require_stringifyThemes.stringifyThemes(this.themes));
+		});
+		compiler.options.module = compiler.options.module || { rules: [] };
+		compiler.options.module.rules.push({
+			test: /config\.c?js$/,
+			include: /* @__PURE__ */ new RegExp(`${this.packageName}[\\/\\\\]dist`),
+			use: [{
+				loader: path.default.resolve(dirname, "configInjectionLoader.js"),
+				options: { stringifiedThemes: require_stringifyThemes.stringifyThemes(this.themes) }
+			}]
+		});
+		compiler.options.module.rules.push({
+			test: /\.js$/,
+			exclude: /index\.js$/,
+			include: /* @__PURE__ */ new RegExp(`${this.packageName}[\\/\\\\]dist[\\/\\\\]module[\\/\\\\]components[\\/\\\\]web`),
+			use: [{ loader: path.default.resolve(dirname, "clientDirectiveLoader.js") }]
+		});
+	}
+};
+
+//#endregion
+exports.UniwindWebpackPlugin = UniwindWebpackPlugin;

package/dist/webpack/UniwindWebpackPlugin.mjs

@@ -0,0 +1,48 @@
+import { buildCSS } from "./uniwind/src/css/index.mjs";
+import { buildDtsFile } from "./uniwind/src/utils/buildDtsFile.mjs";
+import { stringifyThemes } from "./uniwind/src/utils/stringifyThemes.mjs";
+import { uniq } from "./util.mjs";
+import path from "path";
+
+//#region src/webpack/UniwindWebpackPlugin.ts
+const dirname = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
+var UniwindWebpackPlugin = class {
+	constructor(packageName, { cssEntryFile, extraThemes = [], dtsFile = "uniwind-types.d.ts" }) {
+		this.packageName = packageName;
+		this.hasRun = false;
+		this.themes = uniq([
+			"light",
+			"dark",
+			...extraThemes ?? []
+		]);
+		this.dtsFile = dtsFile;
+		this.cssEntryFile = cssEntryFile;
+	}
+	apply(compiler) {
+		compiler.hooks.beforeCompile.tapPromise("UniwindWebpackPlugin", async () => {
+			if (this.hasRun) return;
+			this.hasRun = true;
+			await buildCSS(this.themes, this.cssEntryFile);
+			buildDtsFile(this.dtsFile, stringifyThemes(this.themes));
+		});
+		compiler.options.module = compiler.options.module || { rules: [] };
+		compiler.options.module.rules.push({
+			test: /config\.c?js$/,
+			include: /* @__PURE__ */ new RegExp(`${this.packageName}[\\/\\\\]dist`),
+			use: [{
+				loader: path.resolve(dirname, "configInjectionLoader.js"),
+				options: { stringifiedThemes: stringifyThemes(this.themes) }
+			}]
+		});
+		compiler.options.module.rules.push({
+			test: /\.js$/,
+			exclude: /index\.js$/,
+			include: /* @__PURE__ */ new RegExp(`${this.packageName}[\\/\\\\]dist[\\/\\\\]module[\\/\\\\]components[\\/\\\\]web`),
+			use: [{ loader: path.resolve(dirname, "clientDirectiveLoader.js") }]
+		});
+	}
+};
+
+//#endregion
+export { UniwindWebpackPlugin };
+//# sourceMappingURL=UniwindWebpackPlugin.mjs.map

package/dist/webpack/UniwindWebpackPlugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UniwindWebpackPlugin.mjs","names":["packageName: uniwindPackageName"],"sources":["../../src/webpack/UniwindWebpackPlugin.ts"],"sourcesContent":["import { UniwindConfig, uniwindPackageName } from \"./types\";\nimport type { Compiler } from \"webpack\";\nimport path from \"path\";\nimport { buildCSS } from \"./uniwind/src/css\";\nimport { buildDtsFile } from \"./uniwind/src/utils/buildDtsFile\";\nimport { stringifyThemes } from \"./uniwind/src/utils/stringifyThemes\";\nimport { uniq } from \"./util\";\n\nconst dirname =\n  typeof __dirname !== \"undefined\" ? __dirname : import.meta.dirname;\n\nexport class UniwindWebpackPlugin {\n  private hasRun = false;\n  private readonly themes: string[];\n  private readonly dtsFile: string;\n  private readonly cssEntryFile: string;\n\n  constructor(\n    private readonly packageName: uniwindPackageName,\n    {\n      cssEntryFile,\n      extraThemes = [],\n      dtsFile = \"uniwind-types.d.ts\",\n    }: UniwindConfig,\n  ) {\n    this.themes = uniq([\"light\", \"dark\", ...(extraThemes ?? [])]);\n    this.dtsFile = dtsFile;\n    this.cssEntryFile = cssEntryFile;\n  }\n\n  apply(compiler: Compiler) {\n    compiler.hooks.beforeCompile.tapPromise(\n      \"UniwindWebpackPlugin\",\n      async () => {\n        if (this.hasRun) return;\n        this.hasRun = true;\n\n        // 1. Generate uniwind.css\n        await buildCSS(this.themes, this.cssEntryFile);\n\n        // 2. Generate uniwind-types.d.ts\n        buildDtsFile(this.dtsFile, stringifyThemes(this.themes));\n      },\n    );\n\n    // Inject the uniwind reinit() call\n    compiler.options.module = compiler.options.module || { rules: [] };\n    compiler.options.module.rules.push({\n      test: /config\\.c?js$/,\n      include: new RegExp(`${this.packageName}[\\\\/\\\\\\\\]dist`),\n      use: [\n        {\n          loader: path.resolve(dirname, \"configInjectionLoader.js\"),\n          options: {\n            stringifiedThemes: stringifyThemes(this.themes),\n          },\n        },\n      ],\n    });\n    // Add \"use client\" to uniwind web components\n    compiler.options.module.rules.push({\n      test: /\\.js$/,\n      exclude: /index\\.js$/,\n      include: new RegExp(\n        `${this.packageName}[\\\\/\\\\\\\\]dist[\\\\/\\\\\\\\]module[\\\\/\\\\\\\\]components[\\\\/\\\\\\\\]web`,\n      ),\n      use: [\n        {\n          loader: path.resolve(dirname, \"clientDirectiveLoader.js\"),\n        },\n      ],\n    });\n  }\n}\n"],"mappings":";;;;;;;AAQA,MAAM,UACJ,OAAO,cAAc,cAAc,YAAY,OAAO,KAAK;AAE7D,IAAa,uBAAb,MAAkC;CAMhC,YACE,AAAiBA,aACjB,EACE,cACA,cAAc,EAAE,EAChB,UAAU,wBAEZ;EANiB;gBANF;AAaf,OAAK,SAAS,KAAK;GAAC;GAAS;GAAQ,GAAI,eAAe,EAAE;GAAE,CAAC;AAC7D,OAAK,UAAU;AACf,OAAK,eAAe;;CAGtB,MAAM,UAAoB;AACxB,WAAS,MAAM,cAAc,WAC3B,wBACA,YAAY;AACV,OAAI,KAAK,OAAQ;AACjB,QAAK,SAAS;AAGd,SAAM,SAAS,KAAK,QAAQ,KAAK,aAAa;AAG9C,gBAAa,KAAK,SAAS,gBAAgB,KAAK,OAAO,CAAC;IAE3D;AAGD,WAAS,QAAQ,SAAS,SAAS,QAAQ,UAAU,EAAE,OAAO,EAAE,EAAE;AAClE,WAAS,QAAQ,OAAO,MAAM,KAAK;GACjC,MAAM;GACN,yBAAS,IAAI,OAAO,GAAG,KAAK,YAAY,eAAe;GACvD,KAAK,CACH;IACE,QAAQ,KAAK,QAAQ,SAAS,2BAA2B;IACzD,SAAS,EACP,mBAAmB,gBAAgB,KAAK,OAAO,EAChD;IACF,CACF;GACF,CAAC;AAEF,WAAS,QAAQ,OAAO,MAAM,KAAK;GACjC,MAAM;GACN,SAAS;GACT,yBAAS,IAAI,OACX,GAAG,KAAK,YAAY,6DACrB;GACD,KAAK,CACH,EACE,QAAQ,KAAK,QAAQ,SAAS,2BAA2B,EAC1D,CACF;GACF,CAAC"}

package/dist/webpack/clientDirectiveLoader.js

@@ -0,0 +1,8 @@
+export default function clientDirectiveLoader(source) {
+  // Don't add the directive if it's already present
+  if (source.startsWith('"use client"') || source.startsWith("'use client'")) {
+    return source;
+  }
+
+  return `"use client";\n${source}`;
+}

package/dist/webpack/configInjectionLoader.js

@@ -0,0 +1,6 @@
+// Injects uniwind configuration into the bundle.
+export default function uniwindConfigInjectionLoader(source) {
+  const { stringifiedThemes } = this.query;
+
+  return `${source}\nUniwind.__reinit(() => ({}), ${stringifiedThemes});`;
+}

package/dist/webpack/types.d.cts

@@ -0,0 +1,9 @@
+//#region src/webpack/types.d.ts
+type UniwindConfig = {
+  cssEntryFile: string;
+  extraThemes?: Array<string>;
+  dtsFile?: string;
+};
+//#endregion
+export { UniwindConfig };
+//# sourceMappingURL=types.d.cts.map

package/dist/webpack/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/webpack/types.ts"],"sourcesContent":[],"mappings":";KAAY,aAAA;EAAA,YAAA,EAAA,MAAa;gBAET"}

package/dist/webpack/types.d.mts

@@ -0,0 +1,9 @@
+//#region src/webpack/types.d.ts
+type UniwindConfig = {
+  cssEntryFile: string;
+  extraThemes?: Array<string>;
+  dtsFile?: string;
+};
+//#endregion
+export { UniwindConfig };
+//# sourceMappingURL=types.d.mts.map

package/dist/webpack/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../src/webpack/types.ts"],"sourcesContent":[],"mappings":";KAAY,aAAA;EAAA,YAAA,EAAA,MAAa;gBAET"}

package/dist/webpack/uniwind/package.cjs

@@ -0,0 +1,11 @@
+
+//#region src/webpack/uniwind/package.json
+var name = "uniwind";
+
+//#endregion
+Object.defineProperty(exports, 'name', {
+  enumerable: true,
+  get: function () {
+    return name;
+  }
+});

package/dist/webpack/uniwind/package.mjs

@@ -0,0 +1,6 @@
+//#region src/webpack/uniwind/package.json
+var name = "uniwind";
+
+//#endregion
+export { name };
+//# sourceMappingURL=package.mjs.map

package/dist/webpack/uniwind/package.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.mjs","names":[],"sources":["../../../src/webpack/uniwind/package.json"],"sourcesContent":[""],"mappings":""}

package/dist/webpack/uniwind/src/css/index.cjs

@@ -0,0 +1,28 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_insets = require('./insets.cjs');
+const require_themes = require('./themes.cjs');
+const require_variants = require('./variants.cjs');
+let path = require("path");
+path = require_rolldown_runtime.__toESM(path);
+let fs = require("fs");
+fs = require_rolldown_runtime.__toESM(fs);
+
+//#region src/webpack/uniwind/src/css/index.ts
+const dirname = typeof __dirname !== "undefined" ? __dirname : __dirname;
+const buildCSS = async (themes, input) => {
+	const variants = require_variants.generateCSSForVariants();
+	const insets = require_insets.generateCSSForInsets();
+	const themesCSS = await require_themes.generateCSSForThemes(themes, input);
+	const cssFilePath = path.default.join(dirname, "../../uniwind.css");
+	const oldCSSFile = fs.default.existsSync(cssFilePath) ? fs.default.readFileSync(cssFilePath, "utf-8") : "";
+	const newCssFile = [
+		variants,
+		insets,
+		themesCSS
+	].join("\n");
+	if (oldCSSFile === newCssFile) return;
+	fs.default.writeFileSync(cssFilePath, newCssFile);
+};
+
+//#endregion
+exports.buildCSS = buildCSS;